1<!DOCTYPE html><html lang="en" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1">
1<script type="application/json" id="cocunat-experiments-config">{"api":"https://api-less.cocunat.com","market":"us","published_at":"2026-09-24T17:30:05.551Z","experiments":[{"id":"hide-badges","variants":[{"key":"a","weight":50,"css":"","js":""},{"key":"b","weight":50,"css":"[data-badge] {\n display: none !important;\n}\n\n/* Tarjetas que colgaban de una pestaña-badge (home USA): recuperan las esquinas de arriba. */\n[data-badge] + .rounded-b-lg {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n}","js":""}]}]}</script>
1
1<script>/* 2 * Runtime de experimentos A/B, inline y bloqueante en el head (se sirve tal 3 * cual en cada página: comentarios mÃnimos, ES5, sin dependencias). Contrato: 4 * docs/superpowers/specs/2026-09-23-ab-experiments-design.md 5 */ 6(function (w, d) { 7 var COOKIE_NAME = "cocunat_exp"; 8 // Endpoint del propio storefront que reemite la cookie (ITP de Safari). 9 var RENEW_PATH = "/experiments/cookie.json"; 10 var PREVIEW_KEY = "cocunat_exp_preview"; 11 var PREVIEW_DEFS_KEY = "cocunat_exp_preview_defs"; 12 // Config viva: el HTML puede venir cacheado (CDN y navegador) de antes de 13 // iniciar o pausar un experimento; el runtime se queda con la más reciente. 14 var ACTIVE_PATH = "/api/experiments/active"; 15 var MARKET_PATTERN = /^[a-z]{2,3}$/; 16 // El page_view espera a la config viva como mucho esto. 17 var LIVE_WAIT_MS = 1500; 18 var MAX_AGE_SECONDS = 60 * 60 * 24 * 90; 19 var MAX_STORED = 12; 20 var MAX_RAW_LENGTH = 1024; 21 var ID_PATTERN = /^[a-z0-9](?:[a-z0-9-]{0,38}[a-z0-9])?$/; 22 var KEY_PATTERN = /^[a-z0-9][a-z0-9-]{0,19}$/; 23 var BOT_PATTERN = 24 /bot|crawl|spider|slurp|facebookexternalhit|lighthouse|pagespeed|headless/i; 25 // Eventos: lotes de como mucho 20, 1 s después del último. La sesión (30 min 26 // sin eventos) vive en el navegador: recuerda qué pares experimento:evento 27 // ha enviado ya y marca los nuevos en "first" (el backend suma una sesión 28 // por cada uno; no hay id de sesión). 29 var EVENTS_PATH = "/api/track/experiment-events"; 30 var EVENT_PATTERN = /^[a-z][a-z0-9_]{0,39}$/; 31 var MAX_EVENTS = 20; 32 var FLUSH_DELAY_MS = 1000; 33 var SESSION_KEY = "cocunat_exp_session"; 34 var SESSION_SECONDS = 30 * 60; 35 var SESSION_PATTERN = /^(\d{1,12})\|([a-z0-9:_,-]*)$/; 36 var MAX_SESSION_PAIRS = 200; 37 // El backend descarta los cuerpos de más de 4 KB: un lote no pasa de aquÃ. 38 var MAX_BATCH_CHARS = 3500; 39 40 // Lista ordenada de [id, variante]; el final es lo más reciente. 41 function find(list, id) { 42 for (var i = 0; i < list.length; i++) 43 if (list[i][0] === id) return list[i][1]; 44 return null; 45 } 46 function remove(list, id) { 47 for (var i = list.length - 1; i >= 0; i--) 48 if (list[i][0] === id) list.splice(i, 1); 49 } 50 function put(list, id, key) { 51 remove(list, id); 52 list.push([id, key]); 53 } 54 function parse(raw) { 55 var list = []; 56 if (typeof raw !== "string" || !raw || raw.length > MAX_RAW_LENGTH) 57 return list; 58 var pairs = raw.split("|"); 59 for (var i = 0; i < pairs.length; i++) { 60 var separator = pairs[i].indexOf(":"); 61 if (separator <= 0) continue; 62 var id = pairs[i].slice(0, separator); 63 var key = pairs[i].slice(separator + 1); 64 if (ID_PATTERN.test(id) && KEY_PATTERN.test(key)) put(list, id, key); 65 } 66 return list; 67 } 68 function serialize(list) { 69 var parts = []; 70 for (var i = 0; i < list.length; i++) 71 parts.push(list[i][0] + ":" + list[i][1]); 72 return parts.join("|"); 73 } 74 75 function readCookie() { 76 var pairs; 77 try { 78 pairs = ("" + (d.cookie || "")).split(";"); 79 } catch (error) { 80 return ""; // iframe sandbox sin cookies 81 } 82 for (var i = 0; i < pairs.length; i++) { 83 var pair = pairs[i].replace(/^\s+/, ""); 84 if (pair.indexOf(COOKIE_NAME + "=") === 0) { 85 return pair.slice(COOKIE_NAME.length + 1); 86 } 87 } 88 return ""; 89 } 90 function writeCookie(value) { 91 var secure = 92 w.location && w.location.protocol === "https:" ? "; Secure" : ""; 93 d.cookie = 94 COOKIE_NAME + 95 "=" + 96 value + 97 "; Max-Age=" + 98 MAX_AGE_SECONDS + 99 "; Path=/; SameSite=Lax" + 100 secure; 101 } 102 103 // Una cookie recién escrita con document.cookie la reemite el servidor al 104 // momento: Safari la limitarÃa a 7 dÃas si el visitante no carga otra página. 105 function renewOnServer() { 106 try { 107 if (!w.fetch) return; 108 var request = w.fetch(RENEW_PATH, { 109 method: "POST", 110 credentials: "same-origin", 111 keepalive: true, 112 }); 113 if (request && request.catch) request.catch(function () {}); 114 } catch (error) { 115 /* sin renovación la cookie sigue valiendo en esta visita */ 116 } 117 } 118 119 function random() { 120 try { 121 var values = new Uint32Array(1); 122 w.crypto.getRandomValues(values); 123 return values[0] / 4294967296; 124 } catch (error) { 125 return Math.random(); 126 } 127 } 128 function pick(variants) { 129 var total = 0; 130 for (var i = 0; i < variants.length; i++) total += variants[i].weight; 131 if (total <= 0) return variants[0].key; 132 var point = random() * total; 133 for (var j = 0; j < variants.length; j++) { 134 point -= variants[j].weight; 135 if (point < 0 && variants[j].weight > 0) return variants[j].key; 136 } 137 for (var k = variants.length - 1; k >= 0; k--) { 138 if (variants[k].weight > 0) return variants[k].key; 139 } 140 return variants[0].key; 141 } 142 143 function readConfig() { 144 try { 145 var node = d.getElementById("cocunat-experiments-config"); 146 var config = node ? JSON.parse(node.textContent || "{}") : {}; 147 return config && typeof config === "object" ? config : {}; 148 } catch (error) { 149 return {}; 150 } 151 } 152 function validVariants(experiment) { 153 var variants = []; 154 var raw = experiment && experiment.variants; 155 if (!raw || typeof raw.length !== "number") return variants; 156 for (var i = 0; i < raw.length; i++) { 157 var variant = raw[i] || {}; 158 if (!KEY_PATTERN.test(variant.key)) continue; 159 variants.push({ 160 key: variant.key, 161 weight: Math.max(0, Number(variant.weight) || 0), 162 css: typeof variant.css === "string" ? variant.css : "", 163 js: typeof variant.js === "string" ? variant.js : "", 164 }); 165 } 166 return variants; 167 } 168 function variantByKey(variants, key) { 169 for (var i = 0; i < variants.length; i++) 170 if (variants[i].key === key) return variants[i]; 171 return null; 172 } 173 174 function readPreviews() { 175 try { 176 var storage = w.sessionStorage; 177 var query = w.URLSearchParams 178 ? new w.URLSearchParams(w.location.search || "").get("cx_preview") 179 : null; 180 if (query === "off") storage.removeItem(PREVIEW_KEY); 181 else if (query) storage.setItem(PREVIEW_KEY, serialize(parse(query))); 182 return parse(storage.getItem(PREVIEW_KEY) || ""); 183 } catch (error) { 184 return []; 185 } 186 } 187
188 // Definiciones de preview (borradores o pausados): el runtime las pide al 189 // backend la primera vez y se recuerdan en la sesión para que la vista 190 // previa siga al navegar (el HTML cacheado nunca las lleva). 191 function readPreviewDefinitions() { 192 try { 193 var saved = JSON.parse( 194 w.sessionStorage.getItem(PREVIEW_DEFS_KEY) || "[]" 195 ); 196 return saved && typeof saved.length === "number" ? saved : []; 197 } catch (error) { 198 return []; 199 } 200 } 201 function rememberPreviewDefinitions(list) { 202 try { 203 if (list.length > 0) { 204 w.sessionStorage.setItem(PREVIEW_DEFS_KEY, JSON.stringify(list)); 205 } else { 206 w.sessionStorage.removeItem(PREVIEW_DEFS_KEY); 207 } 208 } catch (error) { 209 /* sin sessionStorage la vista previa dura solo esta página */ 210 } 211 } 212 213 function onReady(callback) { 214 if (d.readyState === "loading") 215 d.addEventListener("DOMContentLoaded", callback); 216 else callback(); 217 } 218 function addStyle(id, css) { 219 var style = d.createElement("style"); 220 style.id = "cocunat-exp-" + id; 221 style.setAttribute("data-experiment", id); 222 style.textContent = css; 223 d.head.appendChild(style); 224 } 225 function apply(id, variant) { 226 d.documentElement.setAttribute("data-exp-" + id, variant.key); 227 if (variant.css) addStyle(id, variant.css); 228 if (variant.js) { 229 onReady(function () { 230 // Un
230<script> propio por variante: un error en su código no rompe el 231 // runtime ni el resto de la página. 232 var script = d.createElement("script"); 233 script.setAttribute("data-experiment", id); 234 script.textContent = variant.js; 235 (d.body || d.head).appendChild(script); 236 }); 237 } 238 } 239 240 // Deshace lo que se pintó de un experimento que ya no está en marcha. Su JS, 241 // si ya se ejecutó, no se puede deshacer. 242 function unapply(id) { 243 try { 244 var style = d.getElementById("cocunat-exp-" + id); 245 if (style && style.parentNode) style.parentNode.removeChild(style); 246 d.documentElement.removeAttribute("data-exp-" + id); 247 } catch (error) { 248 /* sin DOM completo no hay nada que quitar */ 249 } 250 } 251 // CSS nuevo de una variante ya pintada. Si no tenÃa CSS cuando se cacheó el 252 // HTML, apply() no creó su <style>: se crea ahora. 253 function restyle(id, variant) { 254 try { 255 var style = d.getElementById("cocunat-exp-" + id); 256 if (style) style.textContent = variant.css; 257 else if (variant.css) addStyle(id, variant.css); 258 } catch (error) { 259 /* el CSS anterior sigue aplicado */ 260 } 261 } 262 263 // GET JSON sin cookies; callback(null) ante cualquier fallo. false si no se 264 // pudo ni lanzar la petición. 265 function getJson(url, callback) { 266 try { 267 if (!w.fetch) return false; 268 var request = w.fetch(url, { credentials: "omit" }); 269 if (!request || !request.then) return false; 270 request 271 .then(function (response) { 272 return response && response.ok ? response.json() : null; 273 }) 274 .then( 275 function (data) { 276 callback(data); 277 }, 278 function () { 279 callback(null); 280 } 281 ); 282 return true; 283 } catch (error) { 284 return false; 285 } 286 } 287 288 function send(url, body) { 289 try { 290 var navigator = w.navigator || {}; 291 if (navigator.sendBeacon && navigator.sendBeacon(url, body)) return; 292 if (w.fetch) { 293 w.fetch(url, { 294 method: "POST", 295 body: body, 296 keepalive: true, 297 mode: "no-cors", 298 }); 299 } 300 } catch (error) { 301 /* la medición nunca rompe la página */ 302 } 303 } 304 305 var config = readConfig(); 306 // Página de paso (enlaces de promoción que saltan al checkout): conserva y 307 // envÃa las asignaciones existentes, pero no reparte ni cuenta a nadie nuevo. 308 var assignNew = config.assign !== false; 309 var market = MARKET_PATTERN.test(config.market || "") ? config.market : ""; 310 var publishedAt = 311 typeof config.published_at === "string" ? config.published_at : ""; 312 var configured = 313 config.experiments && config.experiments.length ? config.experiments : []; 314 var previews = readPreviews(); 315 var previewDefinitions = []; 316 // Las asignaciones de experimentos que no vienen en la config se conservan: 317 // una caÃda puntual del endpoint no debe reasignar a nadie. 318 var stored = parse(readCookie()); 319 var assignments = {}; 320 var real = []; 321 var previewed = {}; 322 // Variante pintada de cada experimento (real o preview), para refrescarla. 323 var painted = {}; 324 var persisted = false; 325 var counted = false; 326 var userAgent = (w.navigator && w.navigator.userAgent) || ""; 327 328 // Pinta un experimento: la vista previa de quien revisa o la variante del 329 // visitante (la guardada o una nueva). Devuelve true si es una asignación 330 // nueva. 331 function enter(experiment, isPreviewDefinition) { 332 var id = experiment && experiment.id; 333 var variants = validVariants(experiment); 334 if (!ID_PATTERN.test(id) || variants.length === 0 || assignments[id]) 335 return false; 336 var preview = find(previews, id); 337 if (preview && variantByKey(variants, preview)) { 338 assignments[id] = preview; 339 previewed[id] = true; 340 painted[id] = variantByKey(variants, preview); 341 apply(id, painted[id]); 342 return false; 343 } 344 // Una definición de preview (borrador) nunca se asigna a visitantes reales. 345 if (isPreviewDefinition) return false; 346 var key = find(stored, id); 347 var fresh = false;
348 if (!key || !variantByKey(variants, key)) { 349 if (!assignNew) return false; 350 key = pick(variants); 351 fresh = true; 352 } 353 put(stored, id, key); 354 real.push([id, key]); 355 assignments[id] = key; 356 painted[id] = variantByKey(variants, key); 357 apply(id, painted[id]); 358 return fresh; 359 } 360 361 // Guarda la cookie si cambia y devuelve si quedó guardada. 362 function persist() { 363 if (stored.length === 0) return false; 364 while (stored.length > MAX_STORED) stored.shift(); 365 var cookieValue = serialize(stored); 366 try { 367 // Solo si cambia: el servidor la renueva en cada página (middleware) y 368 // reescribirla aquà la devolverÃa al tope de 7 dÃas de Safari (ITP). 369 var changed = readCookie() !== cookieValue; 370 if (changed) writeCookie(cookieValue); 371 var saved = readCookie() === cookieValue; 372 if (changed && saved) renewOnServer(); 373 return saved; 374 } catch (error) { 375 return false; 376 } 377 } 378 379 // Un visitante = un beacon por experimento. Sin cookie persistente no hay 380 // forma de deduplicar, asà que no se cuenta. 381 function countVisitors(freshIds) { 382 counted = !!(persisted && config.api && !BOT_PATTERN.test(userAgent)); 383 if (!counted) return; 384 for (var f = 0; f < freshIds.length; f++) { 385 send( 386 config.api + "/api/track/experiment", 387 JSON.stringify({
388 experiment_id: freshIds[f], 389 variant: find(real, freshIds[f]), 390 }) 391 ); 392 } 393 } 394 395 function announce(pairs) { 396 try { 397 w.dataLayer = w.dataLayer || []; 398 for (var r = 0; r < pairs.length; r++) { 399 w.dataLayer.push({ 400 event: "cocunat_experiment", 401 experiment_id: pairs[r][0], 402 experiment_variant: pairs[r][1], 403 }); 404 } 405 } catch (error) { 406 /* sin dataLayer no pasa nada */ 407 } 408 } 409 410 // Experimentos del HTML y vistas previas que la sesión ya conoce. 411 var fresh = []; 412 for (var c = 0; c < configured.length; c++) { 413 var entry = configured[c] || {}; 414 // HTML de antes de que las vistas previas las pidiera el runtime: una 415 // entrada preview solo sirve a quien la está revisando. 416 if (entry.preview === true) { 417 if (find(previews, entry.id)) { 418 enter(entry, true); 419 if (assignments[entry.id]) 420 previewDefinitions.push({ id: entry.id, variants: entry.variants }); 421 } 422 continue; 423 } 424 if (enter(entry, false)) fresh.push(entry.id); 425 } 426 var remembered = readPreviewDefinitions(); 427 for (var m = 0; m < remembered.length; m++) { 428 var saved = remembered[m] || {}; 429 if (!find(previews, saved.id) || assignments[saved.id]) continue; 430 previewDefinitions.push({ id: saved.id, variants: saved.variants }); 431 enter(saved, true); 432 } 433 rememberPreviewDefinitions(previewDefinitions); 434 persisted = persist(); 435 countVisitors(fresh); 436 announce(real); 437 438 // Eventos (page_view, add_to_cart y los del SDK): solo de visitantes que 439 // cuentan y tienen asignaciones reales en esta página, nunca por una vista 440 // previa. Viajan con las asignaciones de cartValue(). 441 var queue = []; 442 var queueFirst = []; 443 // Pares de esta página cuando no hay localStorage: cada página es una sesión. 444 var memory = null; 445 var timer = null; 446 447 function isPair(pair) { 448 var separator = pair.indexOf(":"); 449 return ( 450 separator > 0 && 451 ID_PATTERN.test(pair.slice(0, separator)) && 452 EVENT_PATTERN.test(pair.slice(separator + 1)) 453 ); 454 } 455 // "<último evento en segundos>|<par>,<par>" en localStorage: los pares que 456 // la sesión ya envió. Caducada, ausente o rota, empieza una sesión nueva. 457 function readSession(now) { 458 if (memory) return { pairs: memory, fresh: false }; 459 try { 460 var saved = SESSION_PATTERN.exec( 461 w.localStorage.getItem(SESSION_KEY) || "" 462 ); 463 var pairs = []; 464 if (!saved || Math.abs(now - Number(saved[1])) > SESSION_SECONDS) 465 return { pairs: pairs, fresh: true }; 466 var list = saved[2] ? saved[2].split(",") : []; 467 for (var p = 0; p < list.length; p++) 468 if (isPair(list[p])) pairs.push(list[p]); 469 return { pairs: pairs, fresh: false }; 470 } catch (error) { 471 memory = []; 472 return { pairs: memory, fresh: true }; 473 } 474 } 475 function saveSession(now, pairs) { 476 while (pairs.length > MAX_SESSION_PAIRS) pairs.shift(); 477 if (memory) return; 478 try { 479 w.localStorage.setItem(SESSION_KEY, now + "|" + pairs.join(",")); 480 } catch (error) { 481 memory = pairs; // sin poder guardarla, la sesión es esta página 482 } 483 } 484 function flush() { 485 try { 486 w.clearTimeout(timer); 487 } catch (error) { 488 /* sin temporizadores */ 489 } 490 timer = null; 491 if (queue.length === 0) return; 492 var body = batchBody(queue, queueFirst); 493 queue = []; 494 queueFirst = []; 495 send(config.api + EVENTS_PATH, body); 496 } 497 function batchBody(events, first) { 498 return JSON.stringify({ 499 experiments: serialize(real), 500 events: events, 501 first: first, 502 }); 503 } 504 function track(name) { 505 if ( 506 !counted || 507 real.length === 0 || 508 typeof name !== "string" || 509 !EVENT_PATTERN.test(name) 510 ) 511 return false; 512 var now = Math.floor(new Date().getTime() / 1000); 513 var session = readSession(now); 514 // Un lote es de una sola sesión. 515 if (session.fresh && queue.length > 0) flush(); 516 var pairs = session.pairs; 517 var fresh = []; 518 for (var e = 0; e < real.length; e++) { 519 var pair = real[e][0] + ":" + name; 520 var seen = false;
521 for (var q = pairs.length - 1; q >= 0; q--) { 522 if (pairs[q] === pair) { 523 pairs.splice(q, 1); 524 seen = true; 525 } 526 } 527 // Al final: los pares en uso son los últimos que se descartarÃan. 528 pairs.push(pair); 529 if (!seen) fresh.push(pair); 530 } 531 saveSession(now, pairs); 532 // Si este evento harÃa el lote más grande de lo que acepta el backend, 533 // sale antes lo que habÃa en cola (un evento solo nunca llega al lÃmite). 534 if ( 535 queue.length > 0 && 536 batchBody(queue.concat([name]), queueFirst.concat(fresh)).length > 537 MAX_BATCH_CHARS 538 ) 539 flush(); 540 queue.push(name); 541 queueFirst = queueFirst.concat(fresh); 542 if (queue.length >= MAX_EVENTS) { 543 flush(); 544 } else { 545 try { 546 w.clearTimeout(timer); 547 timer = w.setTimeout(flush, FLUSH_DELAY_MS); 548 } catch (error) { 549 flush(); // sin temporizadores sale al momento 550 } 551 } 552 return true; 553 } 554 555 // Una vista por página, con los experimentos ya reconciliados con la config 556 // viva (o cuando esta tarda demasiado o la página se abandona antes). Las 557 // páginas de paso no cuentan como vista. 558 var viewed = false; 559 function countView() { 560 if (viewed || !assignNew) return; 561 viewed = true; 562 track("page_view"); 563 } 564 565 // Config viva: si es más reciente que la del HTML (que puede venir de la 566 // caché del CDN o del navegador), entra lo que se ha iniciado, sale lo que 567 // se ha pausado y se refresca el CSS que ha cambiado. 568 function reconcile(live) { 569 if (!live || typeof live !== "object") return; 570 var list = live.experiments; 571 if (!list || typeof list.length !== "number") return; 572 var livePublishedAt = 573 typeof live.published_at === "string" ? live.published_at : ""; 574 if (publishedAt && (!livePublishedAt || livePublishedAt <= publishedAt)) 575 return; 576 var running = {}; 577 var order = []; 578 for (var l = 0; l < list.length; l++) { 579 var entry = list[l] || {}; 580 if (!ID_PATTERN.test(entry.id) || running[entry.id]) continue; 581 running[entry.id] = entry; 582 order.push(entry.id); 583 } 584 var changed = false; 585 // Los lotes en cola se cierran con las asignaciones con las que se lanzaron. 586 function beforeChange() { 587 if (!changed) flush(); 588 changed = true; 589 } 590 for (var r = real.length - 1; r >= 0; r--) { 591 var gone = real[r][0]; 592 if (running[gone]) continue; 593 beforeChange(); 594 unapply(gone); 595 delete assignments[gone]; 596 delete painted[gone]; 597 real.splice(r, 1); 598 } 599 var freshIds = []; 600 var entered = real.length; 601 for (var o = 0; o < order.length; o++) { 602 var id = order[o]; 603 if (assignments[id]) { 604 // Ya pintado: si su CSS ha cambiado desde que se cacheó el HTML, el nuevo. 605 var current = variantByKey(validVariants(running[id]), assignments[id]); 606 if (current && painted[id] && current.css !== painted[id].css) { 607 restyle(id, current); 608 painted[id] = current; 609 } 610 continue; 611 } 612 var before = real.length; 613 if (enter(running[id], false)) freshIds.push(id); 614 if (real.length !== before) beforeChange(); 615 } 616 if (!changed) return; 617 publishedAt = livePublishedAt; 618 persisted = persist() || persisted; 619 countVisitors(freshIds); 620 announce(real.slice(entered)); 621 } 622 623 // Vistas previas que la página no trae (borradores o pausados): la 624 // definición se pide al backend y se recuerda para el resto de la sesión. 625 function loadPreview(id) { 626 getJson( 627 config.api + "/api/experiments/" + encodeURIComponent(id) + "/preview", 628 function (data) { 629 var experiment = data && data.experiment; 630 if (!experiment || experiment.id !== id || assignments[id]) return; 631 previewDefinitions.push({ id: id, variants: experiment.variants }); 632 rememberPreviewDefinitions(previewDefinitions); 633 enter(experiment, true); 634 } 635 ); 636 } 637 if (config.api) { 638 for (var v = 0; v < previews.length; v++) { 639 if (!assignments[previews[v][0]]) loadPreview(previews[v][0]); 640 } 641 } 642 643 var waiting = 644 !!config.api && 645 !!market && 646 getJson(config.api + ACTIVE_PATH + "?market=" + market, function (live) { 647 reconcile(live); 648 countView(); 649 }); 650 if (waiting) { 651 try { 652 w.setTimeout(countView, LIVE_WAIT_MS); 653 } catch (error) { 654 countView(); 655 } 656 } else { 657 countView(); 658 } 659 660 try { 661 w.addEventListener("pagehide", function () { 662 countView(); 663 flush(); 664 }); 665 d.addEventListener("visibilitychange", function () { 666 if (d.visibilityState !== "hidden") return; 667 countView(); 668 flush(); 669 }); 670 // Volver a una página restaurada de la caché del navegador (bfcache) 671 // también es una vista: si no, una variante cuyo JS impidiera esa caché 672 // contarÃa más páginas por sesión que la otra. 673 w.addEventListener("pageshow", function (event) { 674 if (event && event.persisted && assignNew) track("page_view"); 675 }); 676 } catch (error) { 677 /* sin listeners el lote sale igualmente con el temporizador */ 678 } 679 680 w.cocunatExperiments = { 681 assignments: assignments, 682 variant: function (experimentId) { 683 return assignments[experimentId] || null; 684 }, 685 isPreview: function (experimentId) { 686 return previewed[experimentId] === true; 687 }, 688 // Lo que viaja al carrito/checkout: solo asignaciones reales (nunca 689 // previews) de los experimentos activos en esta página. 690 cartValue: function () { 691 return serialize(real); 692 }, 693 // Las mismas asignaciones como atributos de carrito de Shopify, para las 694 // páginas que crean el carrito sin pasar por el backend (altas del Club). 695 // Mismo nombre que estampa el backend: experiment_<id> = <variante>. 696 cartAttributes: function () { 697 var attributes = []; 698 for (var a = 0; a < real.length; a++) { 699 attributes.push({ key: "experiment_" + real[a][0], value: real[a][1] }); 700 } 701 return attributes; 702 }, 703 // SDK de eventos: track("nombre") â true si se encola (nombres 704 // ^[a-z][a-z0-9_]{0,39}$; false sin asignaciones reales, bot o sin cookie). 705 track: track, 706 }; 707})(window, document); 708</script>
708<script> 709 // One-time cutover cleanup. Customer identity now lives exclusively in 710 // Backend-owned HttpOnly cookies, so remove both legacy browser copies 711 // on every storefront page (including pages that never load account UI). 712 try { 713 window.localStorage.removeItem('cocunat_verified_email'); 714 } catch {} 715 try { 716 window.sessionStorage.removeItem('cocunat_session_identity'); 717 } catch {} 718 </script>
718<script>(function(){const clubVariantId = "50458445906266"; 719const clubPlusVariantId = "50592098353498"; 720const clubPremiumVariantId = "51261994729818"; 721const clubSellingPlanId = "1363837093"; 722const shopifyDomain = "cocunat.myshopify.com"; 723const shopifyToken = "af2e09134cdde4899eb36a672c8839ad"; 724 725 window.__CLUB_VARIANT_ID = clubVariantId; 726 window.__CLUB_PLUS_VARIANT_ID = clubPlusVariantId; 727 window.__CLUB_PREMIUM_VARIANT_ID = clubPremiumVariantId; 728 window.__CLUB_SELLING_PLAN_ID = clubSellingPlanId; 729 window.__SHOPIFY_STOREFRONT_DOMAIN = shopifyDomain; 730 window.__SHOPIFY_STOREFRONT_TOKEN = shopifyToken; 731 })();</script>
731<link rel="icon" type="image/png" href="https://secure.cocunat.com/cdn/shop/files/apple-icon-precomposed.png?crop=center&height=32&v=1666162372&width=32"><link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"><meta name="generator" content="Astro v4.16.19"><!-- Hreflang tags for international SEO --><link rel="alternate" hreflang="x-default" href="https://cocunat.com"><link rel="alternate" hreflang="en-af" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-al" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-dz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-as" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ad" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-ao" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ai" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-aq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ag" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-ar" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-am" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-aw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-au" href="https://cocunat.com/en-au/my-account/"><link rel="alternate" hreflang="en-at" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-az" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bs" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bb" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-by" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-be" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-bz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-bo" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-bq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ba" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-br" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-io" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bi" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ca" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ky" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-td" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cx" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-co" href="https://cocunat.com/es-co/my-account/"><link rel="alternate" hreflang="en-km" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ck" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hr" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="es-cu" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-cw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-cy" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-cz" href="https://cocunat.com/en-cz/my-account/"><link rel="alternate" hreflang="en-ci" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-dk" href="https://cocunat.com/en-dk/my-account/"><link rel="alternate" hreflang="en-dj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-dm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-do" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-ec" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-eg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-sv" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-gq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-er" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ee" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-sz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-et" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fo" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-fi" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="fr-fr" href="https://cocunat.com/fr-fr/my-account/"><link rel="alternate" hreflang="en-gf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ga" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ge" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="de-de" href="https://cocunat.com/de-de/my-account/"><link rel="alternate" hreflang="en-gh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gi" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gr" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-gl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gy" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ht" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-va" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-hu" href="https://cocunat.com/en-hu/my-account/"><link rel="alternate" hreflang="en-is" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-in" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-id" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ir" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-iq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ie" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-im" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-il" href="https://cocunat.com/en-il/my-account/"><link rel="alternate" hreflang="it-it" href="https://cocunat.com/it-it/my-account/"><link rel="alternate" hreflang="en-jm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-jp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-je" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-jo" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ke" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ki" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-la" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lv" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-lb" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ls" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ly" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-li" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lt" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-lu" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-mo" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-my" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ml" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mt" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-mh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mq" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-yt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-mx" href="https://cocunat.com/es-mx/my-account/"><link rel="alternate" hreflang="en-fm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-md" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mc" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-mn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-me" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ms" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ma" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-na" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-np" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nl" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-nc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nz" href="https://cocunat.com/en-nz/my-account/"><link rel="alternate" hreflang="en-ni" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ne" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ng" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-nf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mp" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-no" href="https://cocunat.com/en-no/my-account/"><link rel="alternate" hreflang="en-om" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ps" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pa" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-py" href="https://cocunat.com/en-PY/my-account/"><link rel="alternate" hreflang="es-pe" href="https://cocunat.com/es-pe/my-account/"><link rel="alternate" hreflang="en-ph" href="https://cocunat.com/en-ph/my-account/"><link rel="alternate" hreflang="en-pn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pl" href="https://cocunat.com/en-pl/my-account/"><link rel="alternate" hreflang="en-pt" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-pr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-qa" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ro" href="https://cocunat.com/en-ro/my-account/"><link rel="alternate" hreflang="en-ru" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-rw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-re" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-bl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-kn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-lc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-mf" href="
731https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-pm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ws" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-st" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sa" href="https://cocunat.com/en-sa/my-account/"><link rel="alternate" hreflang="en-sn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-rs" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sx" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sk" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-si" href="https://cocunat.com/en-eu/my-account/"><link rel="alternate" hreflang="en-sb" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-so" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-za" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gs" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ss" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-es" href="https://cocunat.com/es-es/my-account/"><link rel="alternate" hreflang="en-lk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sd" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-sj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-se" href="https://cocunat.com/en-se/my-account/"><link rel="alternate" hreflang="en-ch" href="https://cocunat.com/en-ch/my-account/"><link rel="alternate" hreflang="en-sy" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tj" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-th" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tl" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tk" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-to" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tt" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tr" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tc" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-tv" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ug" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ua" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ae" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-gb" href="https://cocunat.com/en-gb/my-account/"><link rel="alternate" hreflang="en-um" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-us" href="https://cocunat.com/en-us/my-account/"><link rel="alternate" hreflang="en-uy" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-uz" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vu" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="es-ve" href="https://cocunat.com/es-int/my-account/"><link rel="alternate" hreflang="en-vn" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vg" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-vi" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-wf" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-eh" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ye" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-zm" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-zw" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-ax" href="https://cocunat.com/en-int/my-account/"><link rel="alternate" hreflang="en-xx" href="https://cocunat.com/en-int/my-account/">
731<link rel="preconnect" href="https://static-cache.cocunat.workers.dev"><link rel="preconnect" href="https://cdn-static.cocunat.com"><link rel="preload" href="https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff2" as="font" type="font/woff2" crossorigin><title>My Account | Cocunat</title><link rel="canonical" href="https://cocunat.com/en-us/my-account/"><meta name="description" content="Leading brand in toxic-free, vegan, and sustainable cosmetics, Cocunat offers premium skincare and haircare solutions. Discover cruelty-free, eco-friendly beauty products designed for healthier living and a better planet."><meta name="robots" content="index, follow"><meta property="og:title" content="My Account | Cocunat"><meta property="og:type" content="website"><meta property="og:image" content="https://cocunat.com/opengraph2.jpg"><meta property="og:url" content="https://cocunat.com/en-us/my-account/"><meta property="og:description" content="Leading brand in toxic-free, vegan, and sustainable cosmetics, Cocunat offers premium skincare and haircare solutions. Discover cruelty-free, eco-friendly beauty products designed for healthier living and a better planet."><meta property="og:site_name" content="Cocunat"><meta property="og:image:url" content="https://cocunat.com/opengraph2.jpg"><meta property="og:image:alt" content="Cocunat | Toxic-Free Cosmetics"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@cocunat"><meta name="twitter:title" content="My Account | Cocunat"><meta name="twitter:image" content="https://cocunat.com/opengraph2.jpg"><meta name="twitter:image:alt" content="Cocunat | Toxic-Free Cosmetics"><meta name="twitter:description" content="Leading brand in toxic-free, vegan, and sustainable cosmetics, Cocunat offers premium skincare and haircare solutions. Discover cruelty-free, eco-friendly beauty products designed for healthier living and a better planet."><meta name="twitter:creator" content="@cocunat"><link rel="preload" as="image" href="/images/my-account/lifestyle-hero.webp" fetchpriority="high"><style> 732 @font-face { 733 font-family: 'CanelaItalic'; 734 src: url("https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Canela-LightItalic.woff?v=1744013615") format('woff'); 735 font-display: swap; 736 font-weight: 400; 737 font-style: normal; 738 } 739 @font-face { 740 font-family: 'CanelaItalicBold'; 741 src: url("https://cdn.shopify.com/s/files/1/0633/1803/2557/files/Canela-RegularItalic-Trial.woff?v=1730906671") format('woff'); 742 font-display: swap; 743 font-weight: normal; 744 font-style: normal; 745 -webkit-font-smoothing: antialiased; 746 -moz-osx-font-smoothing: grayscale; 747 } 748 @font-face { 749 font-family: "Brown-Bold"; 750 src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-bold.woff2") format('woff2'), 751 url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-bold.woff") format('woff'); 752 font-display: swap; 753 font-weight: 400; 754 font-style: normal; 755 } 756 @font-face { 757 font-family: "Brown-Regular"; 758 /* TODO: subir lineto-brown-pro-regular.woff2 (hoy 404) y poner woff2-first como en Light/Bold. */ 759 src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-pro-regular.woff") format('woff'); 760 font-display: swap; 761 font-weight: 400; 762 font-style: normal; 763 } 764 @font-face { 765 font-family: "Brown-Light"; 766 src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff2") format('woff2'), 767 url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff") format('woff'); 768 font-display: swap; 769 font-weight: 400; 770 font-style: normal; 771 } 772 body { 773 font-family: "Brown-Light", sans-serif; 774 } 775 b, strong { 776 font-family: "Brown-Regular", sans-serif; 777 } 778 </style><style id="skin-custom-styles" data-skin-code="AUTUMN">#cocunat-hero-home-image-1 .main-hero-top_title, 779#cocunat-hero-home-image-1 .main-hero-title, 780#cocunat-hero-home-image-1 .main-hero-description, 781#cocunat-hero-home-image-1 .main-hero-button{ 782display: none; 783}</style>
783<script>(function(){const skins = [{"id":63,"code":"AUTUMN","created_at":"2026-09-10 12:48:11","updated_at":"2026-09-23 14:25:28","styles":"#cocunat-hero-home-image-1 .main-hero-top_title,\n#cocunat-hero-home-image-1 .main-hero-title,\n#cocunat-hero-home-image-1 .main-hero-description,\n#cocunat-hero-home-image-1 .main-hero-button{\ndisplay: none;\n}","translation":{"id":248,"main_hero_title":"SALE","main_hero_top_title":"REFRESH YOUR ROUTINE","main_hero_description":"<p></p>","main_hero_button_text":"BUY NOW","main_hero_button_link":"/collections/all-products","main_hero_image_desktop":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242","main_hero_image_mobile":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413","main_hero2_title":"REDUCE HAIR LOSS","main_hero2_top_title":"HAPPY HAIR","main_hero2_description":"<p></p>","main_hero2_button_text":"SHOP NOW","main_hero2_button_link":"/products/pack-happyhair-3months","main_hero2_image_desktop":"https://shopify-cdn.cocunat.com/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg","main_hero2_image_mobile":"https://shopify-cdn.cocunat.com/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg","main_hero3_title":"THE CELLULITE REVOLUTION","main_hero3_top_title":"CLINICAL SCULPT","main_hero3_description":"","main_hero3_button_text":"BUY NOW","main_hero3_button_link":"/clinical-sculpt","main_hero3_image_desktop":"https://shopify-cdn.cocunat.com/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg","main_hero3_image_mobile":"https://shopify-cdn.cocunat.com/8ccea089-535d-4585-9649-d12bef5950b2.jpg","announcement_title":"<p>DISCOVER OUR SPECIAL OFFERS -></p>","announcement_link":"/collections/specialoffers","collections_hero_mobile":"https://shopify-cdn.cocunat.com/3125bdea-7a71-470b-bbc5-9c581031b855.jpg","collections_hero_desktop":"https://shopify-cdn.cocunat.com/b7f67b90-2294-44f9-862e-7a53ea98a559.jpg","collections_banner1_title":"<p>CREATE YOUR PACK AND<br>SAVE UNTIL -20%</p>","collections_banner1_description":"<p></p>","collections_banner1_button_text":"CREAR","collections_banner1_button_link":"/create-your-pack","collections_banner1_image_desktop":"https://shopify-cdn.cocunat.com/7e2cb1c2-7a4a-46fd-b809-b6cd0bbf8e8f.jpg","collections_banner1_image_mobile":"https://shopify-cdn.cocunat.com/ea0b3970-3db0-4070-99e3-e3099d70b8f2.jpg","collections_banner2_title":"<p>GIFT</p>","collections_banner2_description":"<p>PERFECT ROOTS IN SECONDS</p>","collections_banner2_button_text":"BUY","collections_banner2_button_link":"collections/all-products","collections_banner2_image_desktop":"https://shopify-cdn.cocunat.com/ad6c1684-2646-4db7-ba07-f46c959c4f04.jpg","collections_banner2_image_mobile":"https://shopify-cdn.cocunat.com/b942175d-2196-4bc6-bfd2-c63c828959a3.jpg","language":"en","skin_id":63,"collections_hero_top_title":"","collections_hero_title":"AESTHETIC MEDICINE AT HOME","collections_hero_description":"","home_banner_highlight_title":"CLUB COCUNAT","home_banner_highlight_top_title":"DISCOVER OUR","home_banner_highlight_description":"<p>YOUR BEAUTY SUBSCRIPTION</p><p>from JUST [CLUB]/MONTH</p>","home_banner_highlight_button_text":"JOIN NOW","home_banner_highlight_button_link":"/club","home_banner_highlight_image_desktop":"https://shopify-cdn.cocunat.com/280f08b1-ce5c-46aa-b82b-bad7bb990990.jpg","home_banner_highlight_image_mobile":"https://shopify-cdn.cocunat.com/e99b3d51-3169-40dd-b4bd-22a24115926a.jpg","home_banner_highlight_font_color":"#000000","home_banner_highlight_position":"top","collections_banner2_font_color":"#000000","collections_banner1_font_color":"#000000","banner_pdp_title":"<p>INSTANT ROOT COLOR WITH ORDERS +[TIER3]</p>","banner_pdp_description":"<p>EXCLUSIVE GIFT</p>","banner_pdp_image":"https://shopify-cdn.cocunat.com/e6e92d61-e34f-4715-a746-ce693d57fc36.jpg","banner_pdp_font_color":"#000000","main_hero_font_color":"#ffffff","main_hero2_font_color":"#000000","main_hero3_font_color":"#000000","terms_and_conditions":"","announcement_type":"default","announcement_deadline":"","announcement_title2":"","announcement_link2":"","collections_hero_font_color":"#000000","collections_banner1_is_xl":"true","collections_banner1_text_position":"middle"}}]; 784const marketData = {"countries":["US"],"currency":"USD","constants":{"clubPrice":64,"clubPricePlus":94,"clubPriceSupplement":134,"clubPricePremium":129,"freeShippingThreshold":49,"clubPricePerDay":2.13,"shippingCost":6.99},"ui":{"clubPrice":"$64","clubPricePlus":"$94","clubPriceSupplement":"$134","clubPricePremium":"$129","freeShippingThreshold":"$49","clubPricePerDay":"$2.13"}}; 785const activePromos = {"12KJAVP3KU102":{"id":98,"code":"12KJAVP3KU102","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"ALIAS86003-01-04":52},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"12KJAVP3KU10202":{"id":101,"code":"12KJAVP3KU10202","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"ALIAS86003-02-04":58},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"9FD13K1YMNQ2":{"id":100,"code":"9FD13K1YMNQ2","exceptions":{"53342":100,"ALIAS86003-01-02":39},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"9FD13K1YMNQ202":{"id":103,"code":"9FD13K1YMNQ202","exceptions":{"53342":100,"ALIAS86003-02-02":45},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"AUTUMNSALE":{"id":161,"code":"AUTUMNSALE","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"AUTUMNSALEFLASH":{"id":162,"code":"AUTUMNSALEFLASH","exceptions":{"41":69,"139":20,"152":20,"153":20,"188":20,"200":20,"201":20,"205":67,"211":20,"212":20,"218":20,"219":2
7850,"220":20,"233":40,"234":20,"255":20,"268":20,"269":20,"270":20,"271":20,"273":20,"276":20,"299":20,"311":20,"360":20,"417":20,"427":20,"439":20,"440":20,"441":20,"452":20,"453":20,"454":20,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":20,"51948":20,"51950":20,"51954":20,"51973":20,"52013":41,"52071":30,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53187":20,"53206":20,"53218":68,"53239":20,"53250":63,"53251":20,"53252":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53336":20,"53342":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"AUTUMNSALEMX":{"id":163,"code":"AUTUMNSALEMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":null},"AUTUMNSALEMXFLASH":{"id":164,"code":"AUTUMNSALEMXFLASH","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"417":20,"418":20,"427":20,"431":20,"441":20,"443":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":null},"BEAUTY25":{"id":1,"code":"BEAUTY25","exceptions":{"136":25,"138":25,"139":20,"152":20,"153":30,"165":25,"169":25,"200":20,"201":20,"212":30,"215":40,"218":20,"219":20,"220":25,"233":30,"234":25,"237":20,"251":25,"252":40,"255":20,"276":25,"299":30,"301":30,"307":25,"308":30,"309":20,"310":30,"311":25,"324":30,"352":20,"360":25,"362":25,"417":25,"418":25,"427":20,"431":25,"23611":40,"23711":45,"23811":50,"51832":25,"51947":25,"51948":25,"51950":25,"51951":25,"51954":25,"51973":25,"52074":40,"53013":25,"53093":25,"53102":25,"53123":25,"53140":25,"53196":30,"53229":20,"53230":20,"53231":20,"53239":20,"53251":25,"53252":25,"53294":30,"53315":25,"53317":20,"53336":20,"53342":25,"53346":25,"53347":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"BEAUTY25MX":{"id":21,"code":"BEAUTY25MX","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":0,"138":0,"139":0,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":0,"212":20,"215":20,"218":0,"219":0,"220":0,"233":15,"234":0,"252":20,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"417":20,"418":10,"427":0,"431":20,"439":15,"440":10,"441":10,"443":0,"23611":25,"23711":30,"23811":40,"51832":0,"51947":0,"51948":0,"51950":0,"51951":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":0,"53055":0,"53090":10,"53093":0,"53102":0,"53109":0,"53110":10,"53115":0,"53117":10,"53123":0,"53140":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53165":10,"53176":0,"53183":0,"53184":10,"53185":10,"53187":0,"53196":15,"53206":0,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":0,"53243":70,"53247":65,"53250":63,"53251":0,"53252":0,"53253":0,"53272":0,"53294":25,"53298":0,"53299":0,"53315":0,"53336":10,"53342":0,"53346":10,"53357":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]}
785,"BODYCRO":{"id":2,"code":"BODYCRO","exceptions":{"17":30,"24":30,"25":30,"26":30,"27":30,"28":30,"29":30,"34":30,"41":30,"66":30,"136":20,"138":20,"139":30,"153":20,"165":15,"188":25,"200":30,"205":30,"211":30,"212":40,"215":20,"219":20,"233":30,"251":20,"252":30,"255":25,"299":20,"301":20,"308":20,"309":20,"310":20,"324":20,"360":30,"362":25,"363":25,"23611":40,"23711":45,"23811":50,"51832":15,"51947":15,"51948":15,"51954":15,"52013":15,"52071":30,"52074":30,"52075":15,"53093":15,"53115":20,"53117":15,"53123":20,"53140":20,"53165":20,"53184":20,"53185":25,"53196":30,"53206":25,"53210":15,"53218":30,"53229":30,"53230":30,"53231":30,"53234":30,"53241":30,"53242":30,"53243":30,"53244":30,"53245":30,"53250":30,"53251":15,"53252":25,"53253":20,"53270":20,"53294":35,"53315":30,"53317":30,"53336":30,"53342":15,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com","cocunat-mexico.myshopify.com"],"gifts":[]},"CAPILAR30":{"id":3,"code":"CAPILAR30","exceptions":{"211":30,"52013":27,"53009":23,"53055":28,"53060":30,"53090":30,"53109":10,"53110":30,"53114":30,"53115":30,"53117":30,"53157":20,"53158":20,"53159":28,"53160":28,"53161":30,"53162":30,"53163":30,"53164":30,"53165":30,"53182":25,"53183":30,"53184":30,"53185":30,"53191":30,"53239":28,"53253":30,"53270":30,"53272":28,"53294":30,"53298":29,"53315":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CBFAG1001":{"id":97,"code":"CBFAG1001","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"87001":50,"88001":50},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"CBFOP12X976WNC":{"id":79,"code":"CBFOP12X976WNC","exceptions":{"218":28,"231":100,"322":100,"53093":100,"53342":100,"88003":28},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":null},"CLUB":{"id":93,"code":"CLUB","exceptions":{"15":25,"16":25,"17":25,"18":25,"19":25,"22":25,"23":25,"24":25,"25":25,"26":25,"27":25,"28":25,"29":25,"34":25,"41":25,"66":25,"136":25,"138":25,"139":30,"152":20,"153":40,"165":20,"172":30,"188":20,"200":30,"201":20,"203":25,"204":25,"205":25,"206":30,"207":25,"211":30,"212":40,"215":50,"218":20,"219":25,"220":20,"233":30,"234":5,"252":40,"255":25,"268":25,"269":25,"270":25,"271":25,"273":20,"276":20,"299":30,"301":30,"307":30,"308":40,"309":25,"310":30,"311":25,"324":50,"358":5,"360":30,"362":40,"363":40,"417":30,"418":30,"431":40,"23611":35,"23711":40,"23811":50,"51832":15,"51947":20,"51948":20,"51950":20,"51951":20,"51954":20,"51973":20,"52013":25,"52071":25,"52074":30,"53009":20,"53013":20,"53055":20,"53090":25,"53093":15,"53102":20,"53109":20,"53110":25,"53115":30,"53117":25,"53123":20,"53140":30,"53157":15,"53158":20,"53159":15,"53160":20,"53162":25,"53164":25,"53165":30,"53176":20,"53183":20,"53184":25,"53185":25,"53187":10,"53196":30,"53206":20,"53210":20,"53214":20,"53218":25,"53229":30,"53230":30,"53231":30,"53234":25,"53239":20,"53241":25,"53242":25,"53243":25,"53244":25,"53245":25,"53247":25,"53250":25,"53251":20,"53252":20,"53253":30,"53270":30,"53272":20,"53294":50,"53298":20,"53299":20,"53315":30,"53317":25,"53336":30,"53342":15,"53346":20,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":324,"sku":"20311","handle":"beauty-tan-serum-copy","tier":"TIER0"},{"variant_id":356,"sku":"520740","handle":"extraordinary-oil-copy","tier":"TIER3"}]},"CLUBOQKLC1":{"id":51,"code":"CLUBOQKLC1","exceptions":{"152":100,"188":100,"219":100,"220":100,"255":100,"276":100,"51832":100,"52074":100,"53093":100,"53102":100,"53110":100,"53117":100,"53123":100,"53176":100,"53183":100,"53206":100,"53210":100,"53230":100,"53239":100,"53251":100,"53252":100,"53299":100,"53342":100},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[]},"COCUNATERS":{"id":106,"code":"COCUNATERS","exceptions":{},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"CORPORAL25":{"id":6,"code":"CORPORAL25","exceptions":{"136":20,"138":20,"139":20,"153":30,"172":25,"188":25,"204":25,"205":25,"207":25,"212":30,"215":40,"233":30,"252":40,"255":20,"299":30,"301":30,"307":25,"308":30,"309":20,"310":30,"311":20,"324":30,"352":20,"360":25,"362":25,"23611":40,"23711":45,"23811":50,"51973":25,"52074":40,"52075":25,"53013":25,"53140":20,"53176":25,"53196":30,"53206":25,"53210":25,"53214":25,"53218":25,"53229":20,"53230":20,"53231":20,"53239":20,"53294":30,"53299":25,"53315":20,"53317":20,"53336":25,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER6"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CORPORAL25MX":{"id":23,"code":"CORPORAL25MX","exceptions":{"136":30,"138":30,"139":30,"152":25,"153":50,"188":25,"211":30,"212":50,"215":40,"219":25,"220":25,"224":30,"255":25,"273":25,"276":25,"299":30,"301":30,"311":30,"324":40,"417":40,"418":40,"427":15,"431":40,"441":30,"443":30,"51832":25,"51950":25,"52013":25,"52074":25,"53009":25,"53055":25,"53090":30,"53093":25,"53102":25,"53109":25,"53110":30,"53115":40,"53117":30,"53123":25,"53140":30,"53157":25,"53158":25,"53159":25,"53160":25,"53162":30,"53164":30,"53176":25,"53183":25,"53184":30,"53185":30,"53187":25,"53196":30,"53206":25,"53210":25,"53212":30,"53239":25,"53251":25,"53252":25,"53253":40,"53272":25,"53294":50,"53299":25,"53336":40,"53339":30,"53342":25,"53346":30,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"CROCODE":{"id":56,"code":"CROCODE","exceptions":{"15":25,"16":25,"17":25,"18":25,"19":25,"22":25,"23":25,"24":25,"25":25,"26":25,"27":25,"28":25,"29":25,"41":25,"66":25,"136":25,"138":25,"139":25,"152":25,"153":25,"165":25,"188":25,"200":25,"201":25,"203":25,"204":25,"205":25,"206":25,"207":25,"211":25,"212":40,"215":25,"218":25,"219":25,"220":25,"233":25,"234":25,"252":25,"255":25,"268":25,"269":25,"270":25,"271":25,"273":25,"276":25,"299":25,"301":25,"307":25,"308":25,"309":25,"310":25,"311":25,"324":25,"360":25,"362":25,"363":25,"371":25,"417":25,"418":25,"431":25,"23611":25,"23711":40,"23811":50,"51832":25,"51947":25,"51948":25,"51950":25,"51951":25,"51954":25,"51973":25,"52013":25,"52071":25,"52074":25,"53009":25,"53013":25,"53055":25,"53090":25,"53093":25,"53102":25,"53109":25,"53110":25,"53115":25,"53117":25,"53123":25,"53140":25,"53157":25,"53158":25,"53159":25,"53160":25,"53162":25,"53164":25,"53165":25,"53176":25,"53183":25,"53184":25,"53185":25,"53187":25,"53196":25,"53206":25,"53210":25,"53214":25,"53218":25,"53229":25,"53230":25,"53231":25,"53234":25,"53239":25,"53241":25,"53242":25,"53243":25,"53244":25,"53245":25,"53247":25,"53250":25,"53251":25,"53252":25,"53253":25,"53270":25,"53272":25,"53294":25,"53298":25,"53299":25,"53315":25,"53317":25,"53336":30,"53342":25,"53346":25,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CURLY":{"id":121,"code":"CURLY","exceptions":{"41":69,"139":10,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":30,"212":20,"218":0,"219":0,"220":0,"233":15,"234":0,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"311":10,"360":10,"417":20,"427":0,"439":15,"440":10,"441":10,"452":30,"453":30,"454":30,"459":0,"460":0,"461":10,"471":0,"472":10,"23611":25,"23711":30,"23811":40,"51832":0,"51948":0,"51950":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":30,"53055":30,"53090":10,"53093":0,"53102":0,"53109":30,"53110":30,"53115":30,"53117":30,"53123":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53176":0,"53183":0,"53187":0,"53206":0,"53210":0,"53218":63,"53239":0,"53250":63,"53251":0,"53252":0,"53272":30,"53294":30,"53298":0,"53299":0,"53315":15,"53336":15,"53342":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}],"conditional_rules":[]},"CURLYMX":{"id":122,"code":"CURLYMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":[]},"EVGOO20":{"id":7,"code":"EVGOO20","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":0,"138":0,"139":0,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":0,"212":20,"215":20,"218":0,"219":0,"220":0,"233":15,"234":0,"252":20,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"417":20,"418":10,"427":0,"431":20,"439":15,"440":10,"441":10,"443":0,"23611":25,"23711":30,"23811":40,"51832":0,"51947":0,"51948":0,"51950":0,"51951":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":0,"53055":0,"53090":10,"53093":0,"53102":0,"53109":0,"53110":10,"53115":0,"53117":10,"53123":0,"53140":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53165":10,"53176":0,"53183":0,"53184":10,"53185":10,"53187":0,"53196":15,"53206":0,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":0,"53243":70,"53247":65,"53250":63,"53251":0,"53252":0,"53253":0,"53272":0,"53294":25,"53298":0,"53299":0,"53315":0,"53336":10,"53342":0,"53346":10,"53357":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"HAIR25":{"id":8,"code":"HAIR25","exceptions":{"136":20,"138":20,"139":20,"153":30,"211":25,"212":30,"215":40,"233":30,"252":40,"255":20,"268":25,"269":25,"270":25,"271":25,"299":30,"301":30,"307":25,"308":30,"309":25,"310":30,"311":20,"324":30,"352":20,"360":25,"362":25,"363":25,"23611":40,"23711":45,"23811":50,"52013":25,"52074":40,"53009":25,"53013":25,"53055":25,"53090":25,"53109":25,"53110":25,"53115":25,"53117":25,"53140":20,"53157":25,"53158":25,"53159":25,"53160":25,"53162":25,"53164":25,"53183":25,"53184":25,"53185":25,"53187":25,"53196":30,"53229":20,"53230":20,"53231":20,"53239":25,"53253":25,"53270":25,"53272":25,"53294":30,"53298":25,"53315":25,"53317":20,"53336":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"HAIR25MX":{"id":22,"code":"HAIR25MX","exceptions":{"136":30,"138":30,"139":30,"152":25,"153":50,"188":25,"211":30,"212":50,"215":40,"219":25,"220":25,"224":30,"255":25,"273":25,"276":25,"299":30,"301":30,"311":30,"324":40,"417":40,"418":40,"427":15,"431":40,"441":30,"443":30,"51832":25,"51950":25,"52013":25,"52074":25,"53009":25,"53055":25,"53090":30,"53093":25,"53102":25,"53109":25,"53110":30,"53115":40,"53117":30,"53123":25,"53140":30,"53157":25,"53158":25,"53159":25,"53160":25,"53162":30,"53164":30,"53176":25,"53183":25,"53184":30,"53185":30,"53187":25,"53196":30,"53206":25,"53210":25,"53212":30,"53239":25,"53251":25,"53252":25,"53253":40,"53272":25,"53294":50,"53299":25,"53336":40,"53339":30,"53342":25,"53346":30,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"K9X4M2P8L5Q3":{"id":59,"code":"K9X4M2P8L5Q3","exceptions":{"99007":18},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":[{"variant_id":9,"sku":"53093","handle":"micellar-water-3-in-1-toning-cleanser-200ml","tier":"TIER1"},{"variant_id":43,"sku":"53251","handle":"eye-contour-bags-and-dark-circles-new","tier":"TIER1"}]},"MARCOSA":{"id":14,"code":"MARCOSA","exceptions":{"16":20,"17":20,"18":20,"19":20,"22":20,"23":20,"24":20,"25":20,"26":20,"27":20,"28":20,"29":20,"34":20,"41":20,"66":20,"136":20,"138":25,"139":25,"152":15,"153":30,"165":15,"172":15,"188":15,"200":25,"201":15,"203":15,"204":15,"205":15,"206":20,"207":20,"211":25,"212":40,"215":30,"218":20,"219":15,"220":15,"233":30,"234":15,"252":30,"255":15,"268":15,"269":15,"270":15,"271":15,"273":20,"276":15,"299":30,"301":30,"307":20,"308":25,"309":20,"310":30,"311":20,"324":30,"358":15,"360":30,"362":30,"363":30,"417":30,"418":30,"23611":35,"23711":40,"23811":50,"51832":15,"51947":15,"51948":15,"51950":15,"51951":15,"51954":15,"51973":15,"52013":15,"52071":20,"52074":15,"52075":15,"53009":15,"53013":20,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":20,"53115":20,"53117":20,"53123":15,"53140":20,"53157":10,"53158":10,"53159":10,"53160":10,"53162":15,"53164":20,"53165":20,"53176":15,"53183":15,"53184":20,"53185":20,"53187":15,"53196":30,"53206":15,"53210":15,"53214":15,"53218":20,"53229":20,"53230":20,"53231":20,"53234":20,"53239":15,"53241":20,"53242":20,"53243":20,"53244":20,"53245":20,"53247":20,"53250":20,"53251":15,"53252":15,"53253":20,"53270":20,"53272":15,"53294":30,"53298":15,"53299":20,"53315":25,"53317":20,"53336":30,"53342":15,"53346":20,"53357":25,"77007":30,"77008":30,"77009":40},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com","cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":151,"sku":"139","handle":"the-real-c","tier":"TIER4"},{"variant_id":179,"sku":"201","handle":"doy-pack-the-real-c-30-days","tier":"TIER2"},{"variant_id":358,"sku":"438","handle":"trial-clinical-exosomes-1","tier":"TIER0"}]},"NEPO":{"id":47,"code":"NEPO","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"NEPOES":{"id":77,"code":"NEPOES","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"NEWLEADS20":{"id":9,"code":"NEWLEADS20","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":10,"138":10,"139":10,"152":10,"153":20,"188":10,"200":10,"201":10,"205":67,"211":15,"212":40,"215":35,"218":10,"219":10,"220":10,"233":15,"234":10,"252":20,"255":10,"268":15,"269":15,"270":15,"271":15,"273":10,"276":10,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"410":25,"417":20,"418":10,"427":10,"431":20,"439":15,"440":10,"441":10,"443":10,"452":30,"453":30,"454":30,"459":0,"460":0,"461":0,"471":0,"472":0,"23611":25,"23711":30,"23811":40,"51832":10,"51947":10,"51948":10,"51950":10,"51951":10,"51954":10,"51973":10,"52013":41,"52071":58,"52074":10,"53009":10,"53055":10,"53090":10,"53093":10,"53102":10,"53109":10,"53110":10,"53115":15,"53117":10,"53123":10,"53140":10,"53157":10,"53158":10,"53159":10,"53160":10,"53162":10,"53165":10,"53176":10,"53183":10,"53184":10,"53185":10,"53187":10,"53196":15,"53206":10,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":10,"53243":70,"53247":65,"53250":63,"53251":10,"53252":10,"53253":15,"53272":10,"53294":25,"53298":10,"53299":15,"53315":15,"53336":25,"53342":10,"53346":10,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}],"conditional_rules":[]},"NEWLEADS20MX":{"id":26,"code":"NEWLEADS20MX","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"417":20,"418":20,"427":20,"431":20,"441":20,"443":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"OPEN":{"id":10,"code":"OPEN","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":156,"sku":"142","handle":"mini-wondermask","tier":"TIER1"},{"variant_id":155,"sku":"140","handle":"mini-the-cure","tier":"TIER2"}],"conditional_rules":[]},"OPENMX":{"id":84,"code":"OPENMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[]},"OPENROW":{"id":81,"code":"OPENROW","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"OPENUS":{"id":64,"code":"OPENUS","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":330,"sku":"270","handle":"instant-root-color-2","tier":"TIER3"}]},"PQHVHX976WNC":{"id":69,"code":"PQHVHX976WNC","exceptions":{"218":25,"231":100,"322":100,"53093":100,"53342":100,"99003":17},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":null},"PRIMERASEGUNDA20":{"id":71,"code":"PRIMERASEGUNDA20","exceptions":{"17":20,"24":20,"25":20,"26":20,"27":20,"28":20,"29":20,"34":20,"41":20,"66":20,"136":20,"138":20,"139":20,"152":20,"153":20,"165":20,"169":20,"172":20,"188":20,"200":20,"201":20,"204":20,"205":20,"207":20,"211":20,"212":20,"215":20,"218":20,"219":20,"220":20,"233":20,"234":20,"251":20,"252":20,"255":20,"268":20,"269":20,"270":20,"271":20,"273":20,"276":20,"299":20,"301":20,"307":20,"308":20,"309":20,"310":20,"311":20,"324":20,"358":20,"360":20,"362":20,"363":20,"417":20,"418":20,"427":20,"431":20,"439":20,"440":20,"441":20,"23611":40,"23711":45,"23811":50,"51832":20,"51947":20,"51948":20,"51950":20,"51951":20,"51954":20,"51973":20,"52013":20,"52071":20,"52074":20,"52075":20,"53009":20,"53013":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53164":20,"53165":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53214":20,"53218":20,"53229":20,"53230":20,"53231":20,"53234":20,"53239":20,"53241":20,"53242":20,"53243":20,"53244":20,"53245":20,"53247":20,"53250":20,"53251":20,"53252":20,"53253":20,"53270":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53317":20,"53336":20,"53342":20,"53346":20,"53347":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"PRIMERASEGUNDA20MX":{"id":72,"code":"PRIMERASEGUNDA20MX","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"266":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"388":20,"417":20,"418":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53164":20,"53176":20,"53183":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53347":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":155,"sku":"140","handle":"mini-the-cure","tier":"TIER1"}]},"PROMOTION":{"id":38,"code":"PROMOTION","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"REBUY":{"id":123,"code":"REBUY","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"200":20,"201":20,"205":67,"211":20,"212":20,"215":20,"218":20,"219":20,"220":20,"233":20,"234":20,"252":20,"255":20,"268":40,"269":40,"270":40,"271":40,"273":20,"276":20,"299":20,"301":20,"309":20,"311":20,"324":20,"360":20,"417":20,"418":20,"427":20,"431":20,"439":20,"440":20,"441":20,"443":20,"23611":20,"23711":40,"23811":50,"51832":20,"51948":20,"51950":20,"51954":20,"51973":20,"52013":20,"52071":58,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53165":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53218":63,"53229":81,"53230":81,"53231":81,"53239":20,"53243":70,"53247":65,"53250":63,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"RETENTIONMX":{"id":68,"code":"RETENTIONMX","exceptions":{"136":10,"138":10,"139":10,"152":0,"153":20,"188":0,"211":30,"212":30,"215":20,"219":0,"220":0,"224":10,"255":0,"273":0,"276":0,"299":15,"301":15,"311":10,"324":20,"417":20,"418":10,"427":0,"431":20,"441":10,"443":10,"51832":0,"51950":0,"52013":41,"52074":0,"53009":0,"53055":30,"53090":10,"53093":0,"53102":0,"53109":0,"53110":30,"53115":15,"53117":30,"53123":0,"53140":10,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53176":0,"53183":0,"53184":10,"53185":30,"53187":0,"53196":15,"53206":0,"53210":0,"53212":10,"53239":0,"53251":0,"53252":0,"53253":30,"53272":0,"53294":30,"53299":0,"53336":20,"53339":10,"53342":0,"53346":10,"53357":10},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"T4UYLYTI8AS01":{"id":105,"code":"T4UYLYTI8AS01","exceptions":{"ALIAS86003-01-01":33,"ALIAS86003-02-01":39},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"TESTCBF":{"id":54,"code":"TESTCBF","exceptions":{"218":20,"23611":30,"23711":40,"23811":50},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":408,"sku":"468","handle":"beauty-bag-summer-2026","tier":"TIER3"},{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"}]},"X7K9M4P2L5Q8":{"id":58,"code":"X7K9M4P2L5Q8","exceptions":{"99006":12},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":[{"variant_id":9,"sku":"53093","handle":"micellar-water-3-in-1-toning-cleanser-200ml","tier":"TIER1"}]},"YT2V98966HJK":{"id":99,"code":"YT2V98966HJK","exceptions":{"231":100,"322":100,"53093":100,"53342":100,"ALIAS86003-01-03":45},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"YT2V98966HJK02":{"id":102,"code":"YT2V98966HJK02","exceptions":{"231":100,"322":100,"53093":100,"53342":100,"ALIAS86003-02-03":52},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null}}; 786const marketDefaultsParam = {"id":24,"name":"United States","code":"us","flag":"ðºð¸","default_skin":"AUTUMN","default_promotion":"AUTUMNSALE","default_home":"home-REBAJAS","default_menu":"default","created_at":"2025-03-31 19:44:46","updated_at":"2026-09-21 04:56:50"}; 787const apiLessUrl = "https://api-less.cocunat.com"; 788const geoUrl = "https://geo.cocunat.workers.dev"; 789const restApiUrl = "https://rest-api.cocunat.com"; 790const forceStripe = false;
791const stripePublishableKey = "pk_live_XheoBvbrsmPnzMB8P6wR6yPA"; 792 793 window.__API_LESS_URL = apiLessUrl; 794 window.__GEO_URL = geoUrl; 795 window.__REST_API_URL = restApiUrl; 796 window.__FORCE_STRIPE = forceStripe; 797 window.__STRIPE_PUBLISHABLE_KEY = stripePublishableKey; 798 window.skins = skins; 799 window.tiers = { 800 "TIER0": { 801 "EUR": 10, 802 "USD": 10, 803 "GBP": 10, 804 "AUD": 10, 805 "COP": 10, 806 "CZK": 10, 807 "DKK": 10, 808 "HUF": 10, 809 "ILS": 10, 810 "NZD": 10, 811 "NOK": 10, 812 "PYG": 10, 813 "PEN": 10, 814 "PHP": 10, 815 "PLN": 10, 816 "RON": 10, 817 "SAR": 10, 818 "SEK": 10, 819 "CHF": 10, 820 "MXN": 10, 821 }, 822 "TIER1": { 823 "EUR": 80, 824 "USD": 100, 825 "GBP": 78.99, 826 "AUD": 163.99, 827 "COP": 399900, 828 "CZK": 2229, 829 "DKK": 689, 830 "HUF": 35490, 831 "ILS": 349, 832 "NZD": 189.99, 833 "NOK": 1079, 834 "PYG": 749000, 835 "PEN": 349, 836 "PHP": 6299, 837 "PLN": 389, 838 "RON": 469, 839 "SAR": 399, 840 "SEK": 1009, 841 "CHF": 84.95, 842 "MXN": 1800, 843 }, 844 "TIER2": { 845 "EUR": 100, 846 "USD": 140, 847 "GBP": 109.99, 848 "AUD": 229.99, 849 "COP": 559900, 850 "CZK": 3119, 851 "DKK": 969, 852 "HUF": 49490, 853 "ILS": 489, 854 "NZD": 259.99, 855 "NOK": 1509, 856 "PYG": 1049000, 857 "PEN": 489, 858 "PHP": 8799, 859 "PLN": 549, 860 "RON": 659, 861 "SAR": 559, 862 "SEK": 1419, 863 "CHF": 118.95, 864 "MXN": 2200, 865 }, 866 "TIER3": { 867 "EUR": 130, 868 "USD": 200, 869 "GBP": 157.99, 870 "AUD": 327.99, 871 "COP": 800000, 872 "CZK": 4459, 873 "DKK": 1379, 874 "HUF": 70990, 875 "ILS": 699, 876 "NZD": 379.99, 877 "NOK": 2159, 878 "PYG": 1499000, 879 "PEN": 699, 880 "PHP": 12599, 881 "PLN": 779, 882 "RON": 929, 883 "SAR": 799, 884 "SEK": 2019, 885 "CHF": 169.95, 886 "MXN": 2700, 887 }, 888 "TIER4": { 889 "EUR": 150, 890 "USD": 250, 891 "GBP": 197.99, 892 "AUD": 409.99, 893 "COP": 999900, 894 "CZK": 5569, 895 "DKK": 1719, 896 "HUF": 88990, 897 "ILS": 869, 898 "NZD": 469.99, 899 "NOK": 2699, 900 "PYG": 1879000, 901 "PEN": 869, 902 "PHP": 15799, 903 "PLN": 969, 904 "RON": 1159, 905 "SAR": 999, 906 "SEK": 2529, 907 "CHF": 211.95, 908 "MXN": 3300, 909 }, 910 "TIER5": { 911 "EUR": 200, 912 "USD": 300, 913 "GBP": 237.99, 914 "AUD": 489.99, 915 "COP": 1199900, 916 "CZK": 6689, 917 "DKK": 2069, 918 "HUF": 106990, 919 "ILS": 1039, 920 "NZD": 559.99, 921 "NOK": 3239, 922 "PYG": 2249000, 923 "PEN": 1039, 924 "PHP": 18899, 925 "PLN": 1169, 926 "RON": 1389, 927 "SAR": 1199, 928 "SEK": 3029, 929 "CHF": 253.95, 930 "MXN": 4799, 931 }, 932 "TIER6": { 933 "EUR": 300, 934 "USD": 400, 935 "GBP": 317.99, 936 "AUD": 659.99, 937 "COP": 1599900, 938 "CZK": 8919, 939 "DKK": 2759, 940 "HUF": 141990, 941 "ILS": 1389, 942 "NZD": 749.99, 943 "NOK": 4319, 944 "PYG": 2999000, 945 "PEN": 1389, 946 "PHP": 25199, 947 "PLN": 1559, 948 "RON": 1859, 949 "SAR": 1599, 950 "SEK": 4039, 951 "CHF": 339.95, 952 "MXN": 6225, 953 }, 954 "TIER7": { 955 "EUR": 500, 956 "USD": 600, 957 "GBP": 477.99, 958 "AUD": 979.99, 959 "COP": 2399900, 960 "CZK": 13379, 961 "DKK": 4139, 962 "HUF": 212990, 963 "ILS": 2079, 964 "NZD": 1119.99, 965 "NOK": 6479, 966 "PYG": 4499000, 967 "PEN": 2079, 968 "PHP": 37799, 969 "PLN": 2339, 970 "RON": 2779, 971 "SAR": 2399, 972 "SEK": 6059, 973 "CHF": 507.95, 974 "MXN": 10375, 975 }, 976 "TIER8": { 977 "EUR": 1000, 978 "USD": 1000, 979 "GBP": 789.99, 980 "AUD": 1629.99, 981 "COP": 3999900, 982 "CZK": 22299, 983 "DKK": 6899, 984 "HUF": 354990, 985 "ILS": 3459, 986 "NZD": 1869.99, 987 "NOK": 10799,
988 "PYG": 7499000, 989 "PEN": 3459, 990 "PHP": 62999, 991 "PLN": 3899, 992 "RON": 4629, 993 "SAR": 3999, 994 "SEK": 10099, 995 "CHF": 845.95, 996 "MXN": 20745, 997 }, 998 } 999 1000 window.marketDefaultsParam = marketDefaultsParam; 1001 window.marketData = marketData; 1002 window.activePromosCodes = Object.keys(activePromos); 1003 })();</script>
1003<script> 1004 // Control the new / recurring user here 1005 document.addEventListener('DOMContentLoaded', function() { 1006 function getCookie(name) { 1007 const value = `; ${document.cookie}`; 1008 const parts = value.split(`; ${name}=`); 1009 if (parts.length === 2) return parts.pop().split(';').shift(); 1010 return null; 1011 } 1012 1013 function setCookie(name, value, days) { 1014 const expires = new Date(); 1015 expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000)); 1016 document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`; 1017 } 1018 1019 function setClickIdsCookie(){ 1020 // Take click ID parameters from URL and set cookies that can be read across cocunat.com domains 1021 const clickIdParams = ['at_gd', 'gclid', 'fbclid', 'msclkid', 'ttclid']; 1022 const urlParams = new URLSearchParams(window.location.search); 1023 const clickIds = {}; 1024 1025 clickIdParams.forEach(param => { 1026 const value = urlParams.get(param); 1027 if (value) { 1028 clickIds[param] = value; 1029 } 1030 }); 1031 1032 if (Object.keys(clickIds).length > 0) { 1033 const expires = new Date(); 1034 expires.setTime(expires.getTime() + (365 * 24 * 60 * 60 * 1000)); // 1 year 1035 1036 // Store as JSON in a single cookie 1037 document.cookie = `click_ids=${encodeURIComponent(JSON.stringify(clickIds))};expires=${expires.toUTCString()};path=/;domain=.cocunat.com`; 1038 1039 // Also set individual cookies for backward compatibility 1040 Object.entries(clickIds).forEach(([key, value]) => { 1041 document.cookie = `${key}=${value};expires=${expires.toUTCString()};path=/;domain=.cocunat.com`; 1042 }); 1043 } 1044 } 1045 1046 // Set click ID cookies if any tracking parameters exist 1047 setClickIdsCookie(); 1048 1049 // Fetch geo data and add regionCode class to body 1050 fetch((window.__GEO_URL || 'https://geo.cocunat.workers.dev') + '/') 1051 .then(response => response.json()) 1052 .then(data => { 1053 if (data.regionCode) { 1054 document.body.classList.add('regionCode-' + data.regionCode); 1055 } 1056 // Check for Canary Islands (ES country + CN region code) 1057 if (data.country === 'ES' && data.regionCode === 'CN') { 1058 showCanaryIslandsModal(); 1059 } 1060 }) 1061 .catch(() => { 1062 // Silently fail - geo detection is non-critical 1063 }); 1064 1065 // Canary Islands modal function 1066 function showCanaryIslandsModal() { 1067 const modal = document.getElementById('canary-islands-modal'); 1068 if (modal && !sessionStorage.getItem('canary_modal_dismissed')) { 1069 // Set the correct link based on current URL path 1070 const link = document.getElementById('canary-modal-link'); 1071 if (link) { 1072 const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/); 1073 if (pathMatch) { 1074 link.href = '/' + pathMatch[1] + '-' + pathMatch[2] + '/canary-islands'; 1075 } else { 1076 link.href = '/es-es/canary-islands'; 1077 } 1078 } 1079 modal.classList.remove('hidden'); 1080 modal.classList.add('flex'); 1081 // Prevent body scroll 1082 document.body.style.overflow = 'hidden'; 1083 } 1084 } 1085 1086 // Close modal handlers (No, continuar) 1087 document.addEventListener('click', function(e) { 1088 if (e.target.matches('#canary-modal-close, #canary-modal-backdrop, #canary-modal-dismiss')) { 1089 const modal = document.getElementById('canary-islands-modal'); 1090 if (modal) { 1091 modal.classList.add('hidden'); 1092 modal.classList.remove('flex'); 1093 document.body.style.overflow = ''; 1094 sessionStorage.setItem('canary_modal_dismissed', 'true'); 1095 1096 // Track GTM event - user is NOT from Canary Islands 1097 const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/); 1098 const market = pathMatch ? pathMatch[1] + '-' + pathMatch[2] : 'unknown'; 1099 document.dispatchEvent(new CustomEvent('EventCanaryModalNo', { detail: { market: market } })); 1100 } 1101 } 1102 }); 1103 1104 // Track "SÃ, soy de Canarias" button click 1105 document.addEventListener('click', function(e) { 1106 if (e.target.matches('#canary-modal-link')) { 1107 const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/); 1108 const market = pathMatch ? pathMatch[1] + '-' + pathMatch[2] : 'unknown'; 1109 document.dispatchEvent(new CustomEvent('EventCanaryModalYes', { detail: { market: market } })); 1110 sessionStorage.setItem('canary_modal_dismissed', 'true'); 1111 } 1112 }); 1113 1114 const recurringCookie = getCookie('_recurring'); 1115 const currentSessionStarted = sessionStorage.getItem('_session_started'); 1116 1117 if (!recurringCookie) { 1118 // Brand new user - first time ever 1119 document.body.classList.add('user-type-new'); 1120 1121 // Set the recurring cookie for future visits
1122 setCookie('_recurring', 'true', 365); // Cookie expires in 1 year 1123 1124 // Mark that we've started this session 1125 sessionStorage.setItem('_session_started', 'true'); 1126 } else if (recurringCookie && !currentSessionStarted) { 1127 // Returning user in a new session 1128 document.body.classList.add('user-type-recurring'); 1129 1130 // Mark that we've started this session 1131 sessionStorage.setItem('_session_started', 'true'); 1132 } else { 1133 // Still in the same session - maintain the new user class 1134 document.body.classList.add('user-type-new'); 1135 } 1136 }); 1137 </script>
1137<!-- Glide.js for sliders -->
1137<script src="https://cdn-static.cocunat.com/glide.js" defer></script>
1137<link rel="stylesheet" href="/_astro/about.COXLpV6E.css"> 1138<style>@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cocunat-wysiwyg-small{font-size:12px}#canary-islands-modal[data-astro-cid-sckkx6r4]{animation:fadeIn .3s ease-out}#canary-islands-modal[data-astro-cid-sckkx6r4]>div[data-astro-cid-sckkx6r4]:last-child{animation:slideUp .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}img{content-visibility:auto}body.market-mx #purchase-options,.price-in-club-widget .discount-badge{display:none!important}body.user-type-new #banner-menu-mobile{display:block!important}body #product-fold span.price>s{color:#969592}body #product-fold span.price>span{color:red}body{color:#000;background-color:#fff}.font-canela-italic,.title-puck-component i,.title-puck-component em,.banner-collection-product i{font-family:CanelaItalic,serif;font-style:italic}.active.upsell-collection-button{border-width:2px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}#usercentrics-cmp-error{display:none}body.market-_mx #banner-pdp,body.market-_mx [data-banner-pdp]{display:none!important} 1139</style> 1140<link rel="stylesheet" href="/_astro/canary-islands.pf8J22Xv.css">
1140<script type="module" src="/_astro/hoisted.CZt8Hj9K.js"></script>
1140</head> <body class="market-us" data-server-rendered-skin="AUTUMN" data-skin-ssr-complete="false" data-astro-cid-sckkx6r4> <a class="absolute left-2 top-2 z-[200] -translate-y-[150%] rounded-md bg-black px-4 py-2.5 font-brownRegular text-sm text-white no-underline transition-transform duration-200 focus:translate-y-0 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white" href="#main-content">Skip to content</a> <!-- Announcement bars (chrome compartido con header-2). Antes del header 1141 sticky: scrollean fuera y la cápsula se queda. --> <!-- All variants stay in the DOM: SSR selects the market default and skin.js 1142 can still switch them for a client-only preview or promotion. --><div id="announcement-bar-regular-wrapper" class="relative z-[40] [.body--mega-open_&]:z-[100]"> <a href="/en-us/collections/specialoffers" id="anouncement-bar" class="bg-black w-full block text-white text-center py-1 px-1 text-sm">DISCOVER OUR SPECIAL OFFERS â</a> </div> <div id="announcement-bar-countdown-wrapper" class="relative z-[40] [.body--mega-open_&]:z-[100] hidden"> <style> 1143 @media (min-width: 640px) { 1144 .announcement-bar-countdown br { 1145 display: none; 1146 } 1147 1148 .announcement-bar-countdown span { 1149 display: inline; 1150 } 1151 } 1152 1153 .countdown-number { 1154 display: inline-block; 1155 min-width: 1.2em; 1156 text-align: center; 1157 font-variant-numeric: tabular-nums; 1158 } 1159</style><a id="anouncement-bar-2" href="/en-us/collections/specialoffers" class="announcement-bar-countdown bg-black w-full text-white py-1 px-4 block"> <div class="flex items-center justify-between sm:justify-center max-w-6xl mx-auto sm:px-4 gap-4 sm:gap-8"> <div class="text-left sm:text-left"> <p class="text-[14px] leading-[16px]">DISCOVER OUR SPECIAL OFFERS â</p> </div> <div class="flex items-center gap-1 w-[125px]"> <div class="flex flex-col items-center"> <span id="countdown-days" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Days</span> </div> <span class="text-[16px] font-brownRegular -mt-[11px]">:</span> <div class="flex flex-col items-center"> <span id="countdown-hours" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Hours</span> </div> <span class="text-[16px] font-brownRegular -mt-[11px]">:</span> <div class="flex flex-col items-center"> <span id="countdown-minutes" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Min</span> </div> <span class="text-[16px] font-brownRegular -mt-[11px]">:</span> <div class="flex flex-col items-center"> <span id="countdown-seconds" class="countdown-number text-[16px] font-brownRegular leading-[16px]">00</span> <span class="text-[8px] uppercase">Sec</span> </div> </div> </div> </a>
1159<script>(function(){const deadline = "2025-11-30T23:59:59"; 1160 1161 function initCountdown() { 1162 // Skip if SKINs will override this (check for skin override flag) 1163 if (window.countdownSkinsOverride) return; 1164 1165 const targetDate = new Date(deadline).getTime(); 1166 let lastValues = { days: null, hours: null, minutes: null, seconds: null }; 1167 1168 const daysEl = document.getElementById('countdown-days'); 1169 const hoursEl = document.getElementById('countdown-hours'); 1170 const minutesEl = document.getElementById('countdown-minutes'); 1171 const secondsEl = document.getElementById('countdown-seconds'); 1172 1173 function updateCountdown() { 1174 const now = new Date().getTime(); 1175 const distance = targetDate - now; 1176 1177 if (distance < 0) { 1178 if (lastValues.days !== '00') { 1179 daysEl.textContent = '00'; 1180 hoursEl.textContent = '00'; 1181 minutesEl.textContent = '00'; 1182 secondsEl.textContent = '00'; 1183 lastValues = { days: '00', hours: '00', minutes: '00', seconds: '00' }; 1184 } 1185 return; 1186 } 1187 1188 const days = String(Math.floor(distance / (1000 * 60 * 60 * 24))).padStart(2, '0'); 1189 const hours = String(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0'); 1190 const minutes = String(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'); 1191 const seconds = String(Math.floor((distance % (1000 * 60)) / 1000)).padStart(2, '0'); 1192 1193 // Only update DOM if values changed 1194 if (lastValues.days !== days) { 1195 daysEl.textContent = days; 1196 lastValues.days = days; 1197 } 1198 if (lastValues.hours !== hours) { 1199 hoursEl.textContent = hours; 1200 lastValues.hours = hours; 1201 } 1202 if (lastValues.minutes !== minutes) { 1203 minutesEl.textContent = minutes; 1204 lastValues.minutes = minutes; 1205 } 1206 if (lastValues.seconds !== seconds) { 1207 secondsEl.textContent = seconds; 1208 lastValues.seconds = seconds; 1209 } 1210 } 1211 1212 updateCountdown(); 1213 setInterval(updateCountdown, 1000); 1214 } 1215 1216 if (document.readyState === 'loading') { 1217 document.addEventListener('DOMContentLoaded', initCountdown); 1218 } else {
1219 initCountdown(); 1220 } 1221})();</script>
1221 </div> <div id="announcement-bar-dynamic-wrapper" class="relative z-[40] [.body--mega-open_&]:z-[100] hidden"> <div class="announcement-bar-dynamic bg-black w-full text-white py-1 px-1 text-sm min-h-[28px] flex items-center justify-center"> <a href="/en-us/collections/ofertas-especiales" class="announcement-message text-center block w-full active" data-index="0">¡REGALO POR COMPRA! A PARTIR DE +$2700 â</a><a href="/en-us/collections/envio-gratis" class="announcement-message text-center block w-full " data-index="1">ENVÃO GRATIS EN COMPRAS +$1500 â</a><a href="/en-us/collections/ofertas-especiales" class="announcement-message text-center block w-full " data-index="2">DESCUBRE NUESTRAS OFERTAS ESPECIALES â</a><a href="/en-us/collections/specialoffers" class="announcement-message text-center block w-full " data-index="3">DISCOVER OUR SPECIAL OFFERS â</a> </div>
1221<script>(function(){const interval = 3000; 1222const messagesCount = 4; 1223 1224 function initAnnouncementCarousel() { 1225 const messages = document.querySelectorAll('.announcement-message'); 1226 let currentIndex = 0; 1227 1228 if (messages.length <= 1) return; 1229 1230 function rotateMessages() { 1231 messages[currentIndex].classList.remove('active'); 1232 currentIndex = (currentIndex + 1) % messagesCount; 1233 messages[currentIndex].classList.add('active'); 1234 } 1235 1236 setInterval(rotateMessages, interval); 1237 } 1238 1239 if (document.readyState === 'loading') { 1240 document.addEventListener('DOMContentLoaded', initAnnouncementCarousel); 1241 } else { 1242 initAnnouncementCarousel(); 1243 } 1244})();</script>
1244 </div> <header class="cat-header pointer-events-none sticky top-0 z-[90] mb-[-66px] w-full bg-transparent px-6 pb-0 pt-3 max-md:mb-[-64px] [transition:margin-top_320ms_cubic-bezier(0.4,0,0.2,1)_120ms,padding_320ms_cubic-bezier(0.4,0,0.2,1)_120ms,background-color_220ms_ease_120ms] max-md:pl-[max(12px,env(safe-area-inset-left))] max-md:pr-[max(12px,env(safe-area-inset-right))] [.body--past-hero_&]:bg-white [.body--past-hero_&]:pt-0 [.body--lock-stuck_&]:fixed [.body--lock-stuck_&]:inset-x-0 [.body--lock-stuck_&]:top-0 [.body--drawer-open_&]:fixed [.body--drawer-open_&]:inset-x-0 [.body--drawer-open_&]:top-0 [.body--drawer-open_&]:z-[110] [.body--drawer-open_&]:bg-white [.body--drawer-open_&]:pt-0 [.body--drawer-open_&]:[transition:margin-top_320ms_cubic-bezier(0.4,0,0.2,1)_0ms,padding_320ms_cubic-bezier(0.4,0,0.2,1)_0ms,background-color_220ms_ease_0ms] motion-reduce:transition-none" data-mode="negative" data-floating="true"> <div class="pointer-events-auto relative z-[2] mx-auto flex h-[54px] max-w-[1600px] items-center gap-4 roun
1244ded-md bg-black/40 px-6 text-white backdrop-blur-[14px] backdrop-saturate-[1.2] transition-[background-color,color,border-radius] duration-[220ms] [.body--nav-compact_&]:gap-2 max-lg:px-4 max-md:h-[52px] max-md:gap-0 max-md:px-2 max-[400px]:px-1 [.body--past-hero_&]:rounded-none [.body--past-hero_&]:bg-white [.body--past-hero_&]:text-black [.body--past-hero_&]:[backdrop-filter:none] [.body--drawer-open_&]:rounded-none [.body--drawer-open_&]:bg-white [.body--drawer-open_&]:text-black [.body--drawer-open_&]:[backdrop-filter:none]"> <!-- Hamburger: SOLO si hay menú (sin menú no hay drawer que abrir). --> <button type="button" class="group/burger hidden cursor-pointer items-center justify-center border-0 bg-transparent text-inherit max-lg:inline-flex [.body--nav-collapsed_&]:inline-flex -ml-2 p-2 max-md:-ml-1 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current transition-[transform,opacity] duration-[80ms] ease-out active:scale-[0.92] active:opacity-60 [-webkit-tap-highlight-color:transparent]" aria-label="Open menu" aria-expanded="false" aria-controls="cat-drawer" data-drawer-open> <span class="relative inline-flex h-3.5 w-4 flex-col justify-between" aria-hidden="true"> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:translate-y-[6.25px] group-aria-expanded/burger:rotate-45 motion-reduce:transition-none"></span> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:opacity-0 motion-reduce:transition-none"></span> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:-translate-y-[6.25px] group-aria-expanded/burger:-rotate-45 motion-reduce:transition-none"></span> </span> </button> <!-- Logo. min-w + shrink-0 + overflow-visible: triple defensa anti-shrink. --> <a href="/en-us/" class="flex min-w-[121px] shrink-0 items-center overflow-visible text-inherit no-underline max-md:pointer-events-auto max-md:absolute max-md:left-1/2 max-md:top-1/2 max-md:-translate-x-1/2 max-md:-translate-y-1/2 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current" aria-label="Cocunat, go to home"> <svg class="block h-[18px] w-[121px] shrink-0 max-md:h-5 max-md:w-[134px] max-[400px]:h-[17px] max-[400px]:w-[116px]" viewBox="0 0 134 20" width="134" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg x="0" y="0" width="17.03" height="20" viewBox="0 0 17.0315 19.9988"><path d="M10.068 17.0635C6.24295 17.2027 3.24919 14.2722 3.10005 10.2452C2.95091 6.21827 5.72096 3.07675 9.54596 2.93751C11.3883 2.87007 13.0332 3.52056 14.2658 4.65838L16.5117 2.61988C14.6255 0.838087 12.1142 -0.0908813 9.43849 0.00701927C6.75617 0.10492 4.3151 1.21664 2.5649 3.13549C0.814698 5.05651 -0.0933011 7.62151 0.00758762 10.3562C0.108476 13.0909 1.2029 15.5819 3.09127 17.3702C4.97965 19.1585 7.49529 20.0897 10.1776 19.9918C12.8512 19.8939 15.2835 18.7887 17.0315 16.8807L14.7066 14.9445C13.5574 16.2041 11.941 16.9939 10.0701 17.0613L10.068 17.0635Z" fill="currentColor"></path></svg> <svg x="18.57" y="0" width="19.61" height="20" viewBox="0 0 19.6119 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.80595 0C7.12143 0 4.64307 1.02252 2.82269 2.87828C1.00231 4.73404 0 7.26205 0 10.0011C0 12.7401 1.00231 15.2681 2.82269 17.1217C4.64307 18.9775 7.12362 20 9.80595 20C12.4883 20 14.9688 18.9775 16.7892 17.1217C18.6096 15.266 19.6119 12.738 19.6119 10.0011C19.6119 7.26422 18.6096 4.73404 16.7892 2.87828C14.9688 1.02252 12.4883 0 9.80595 0ZM16.5172 9.99891C16.5172 14.0281 13.6309 17.0652 9.80595 17.0652C5.98095 17.0652 3.09465 14.0281 3.09465 9.99891C3.09465 5.96976 5.98095 2.93049 9.80595 2.93049C13.6309 2.93049 16.5172 5.96976 16.5172 9.99891Z" fill="currentColor"></path></svg> <svg x="40.36" y="0" width="17.03" height="20" viewBox="0 0 17.0315 19.9988"><path d="M10.0701 17.0635C6.24514 17.2027 3.25138 14.2722 3.10224 10.2452C2.9531 6.21827 5.72315 3.07675 9.54815 2.93751C11.3905 2.87007 13.0354 3.52056 14.268 4.65838L16.5139 2.61988C14.6277 0.838087 12.1164 -0.0908813 9.43849 0.00701927C6.75617 0.10492 4.3151 1.21664 2.5649 3.13549C0.814698 5.05651 -0.0933011 7.61933 0.00758762 10.3562C0.108476 13.0909 1.2029 15.5819 3.09128 17.3702C4.97965 19.1585 7.49529 20.0897 10.1776 19.9918C12.8512 19.8939 15.2835 18.7887 17.0315 16.8807L14.7066 14.9445C13.5574 16.2041 11.941 16.9939 10.0701 17.0613V17.0635Z" fill="currentColor"></path></svg> <svg x="59.99" y="0.274" width="16.31" height="19.726" viewBox="0 0 16.3067 19.7259"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.212 11.5001C13.212 13.1426 12.8524 14.2696 12.0452 15.155C11.0912 16.2102 9.70726 16.791 8.15225 16.791C6.59725 16.791 5.21551 16.2102 4.25926 15.1528C3.45215 14.2674 3.09246 13.1383 3.09246 11.4979V0H0V11.3652C0 13.7713 0.671135 15.6663 2.05507 17.1587C3.58375 18.7904 5.80549 19.7259 8.15225 19.7259C10.499 19.7259 12.723 18.7904 14.2516 17.1587C15.6334 15.6663 16.3067 13.7713 16.3067 11.3652V0H13.212V11.5022V11.5001Z" fill="currentColor"></path></svg> <svg x="80.59" y="0.274" width="18" height="19.452" viewBox="0 0 17.9977 19.4518"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5765 19.4518H17.9977V0.0348091H14.653L14.7056 12.9664L1.73265 0H0.0241291L0 19.3691H3.34468L3.29424 6.39617C4.28339 7.3556 14.5938 17.5003 16.5787 19.4518H16.5765Z" fill="currentColor"></path></svg> <svg x="102.04" y="0.274" width="18.41" height="19.454" viewBox="0 0 18.4034 19.4539"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2775 0H8.12374L0 19.4539H3.23283L5.24183 14.5393H13.1331L15.1706 19.4539H18.4034L10.3192 0.104427L10.2753 0H10.2775ZM11.918 11.6045H6.48101L9.19842 5.11476L11.9158 11.6045H11.918Z" fill="currentColor"></path></svg> <svg x="120.45" y="0.274" width="13.55" height="19.452" viewBox="0 0 13.5542 19.4518"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V2.93267H5.23087V19.4518H8.32332V2.93267H13.5542V0H0Z" fill="currentColor"></path></svg> </svg> </a> <!-- Nav central (desktop). Solo si hay menú. Sin gap: nav-links 1245 edge-to-edge para que el cursor no cruce zonas muertas. 1246 min-w-0 + overflow-x-clip: si el contenido excede el hueco, se 1247 RECORTA (nunca pisa los iconos) hasta que megamenu-collapse.js 1248 active el modo hamburger. overflow-y visible: no recorta los 1249 hover-shields diagonales de los nav-links. En modo colapsado el nav 1250 queda invisible (conserva layout â se puede re-medir). --> <nav class="flex min-w-0 flex-1 items-center justify-center gap-0 self-stretch overflow-x-clip overflow-y-visible max-lg:hidden [.body--nav-collapsed_&]:invisible" aria-label="Main navigation" data-megamenu-nav> <a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="categorias" data-mm-label="Categories" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]: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_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]: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_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]: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_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]: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_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]: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_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]: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_&]:px-2.5 group-hover/navlink:bg-black/[0.08] group-aria-expanded/navlink:bg-black/[0.18] [.body--past-hero_&]:group-hover/navlink:bg-black/[0.04] [.body--past-hero_&]:group-aria-expanded/navlink:bg-black/[0.08] group-focus-visible/navlink:outline group-focus-visible/navlink:outline-2 group-focus-visible/navlink:outline-offset-2 group-focus-visible/navlink:outline-current"> Club </span> </a> </nav> <!-- Búsqueda: el id="search-button" es el contrato con SearchDropdown. 1251 ml-auto empuja el cluster de iconos a la derecha (con o sin nav). --> <button type="button" id="search-button" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current ml-auto max-md:order-1 max-md:ml-0" aria-label="Search"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <circle cx="112" cy="112" r="80"></circle> <line x1="168.57" y1="168.57" x2="224" y2="224"></line> </svg> </button> <a href="/en-us/my-account/"
1251 class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current no-underline max-md:order-2 max-md:ml-auto" aria-label="My account"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <circle cx="128" cy="96" r="56"></circle> <path d="M30.99,216a112.94,112.94,0,0,1,194.02,0"></path> </svg> </a> <!-- Carrito: id="cart-button" + id="cart-badge-number" â contrato con cart.js. --> <button type="button" id="cart-button" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current max-md:order-3" aria-label="Cart"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg> <span id="cart-badge-number" class="absolute right-0 top-0 inline-block h-4 min-w-[16px] rounded-full bg-[#ee4f3c] px-1 text-center font-brownRegular text-[10px] leading-4 text-white max-md:right-1.5 max-md:top-2 max-md:h-3.5 max-md:min-w-[14px] max-md:text-[9px] max-md:leading-[14px]" aria-hidden="true">0</span> </button> </div> <!-- Dropdown de búsqueda (chrome, siempre presente). --> <div class="pointer-events-auto"> <div id="search-dropdown" class="header-search hidden"> <div class="header-search__bar"> <div class="header-search__input-wrap"> <input type="text" id="search-input" class="header-search__input" placeholder="Search products..." autocomplete="off"> <button id="close-search" class="header-search__close" aria-label="Close search"> <span aria-hidden="true">×</span> </button> </div> <div id="search-meta" class="header-search__meta" aria-live="polite"></div> </div> <div id="search-results" class="header-search__results"> <!-- Results will be populated here --> </div> <div id="search-loading" class="header-search__loading hidden"> <span class="header-search__spinner" aria-hidden="true"></span> </div> </div>
1251<script>(function(){const lang = "en"; 1252const market = "us"; 1253 1254 document.addEventListener('DOMContentLoaded', () => { 1255 // Search functionality 1256 const searchButton = document.getElementById('search-button'); 1257 const searchDropdown = document.getElementById('search-dropdown'); 1258 const searchInput = document.getElementById('search-input'); 1259 const closeSearch = document.getElementById('close-search'); 1260 const searchResults = document.getElementById('search-results'); 1261 const searchMeta = document.getElementById('search-meta'); 1262 const searchLoading = document.getElementById('search-loading'); 1263 1264 // El boton #search-button vive en el header que aloja este componente. 1265 // Sin el (o sin dropdown) el buscador queda inerte de forma segura. 1266 if (!searchButton || !searchDropdown) return; 1267 let searchTimeout; 1268 let searchQueryEventAllowed = true; 1269 let searchRequestId = 0; 1270 1271 const searchCopy = { 1272 en: { 1273 placeholder: 'Search products...', 1274 noResults: 'No results found', 1275 error: 'An error occurred while searching', 1276 searching: 'Searching...', 1277 catalogResults: (count) => `${count} result${count === 1 ? '' : 's'} in the catalog`, 1278 }, 1279 es: { 1280 placeholder: 'Buscar productos...', 1281 noResults: 'No se encontraron resultados', 1282 error: 'Ha ocurrido un error al buscar', 1283 searching: 'Buscando...', 1284 catalogResults: (count) => `${count} resultado${count === 1 ? '' : 's'} en el catálogo`, 1285 }, 1286 de: { 1287 placeholder: 'Produkte suchen...', 1288 noResults: 'Keine Ergebnisse gefunden', 1289 error: 'Bei der Suche ist ein Fehler aufgetreten', 1290 searching: 'Suchen...', 1291 catalogResults: (count) => `${count} Ergebnis${count === 1 ? '' : 'se'} im Katalog`, 1292 }, 1293 fr: { 1294 placeholder: 'Rechercher des produits...', 1295 noResults: 'Aucun résultat trouvé', 1296 error: 'Une erreur est survenue pendant la recherche', 1297 searching: 'Recherche...', 1298 catalogResults: (count) => `${count} résultat${count === 1 ? '' : 's'} dans le catalogue`, 1299 }, 1300 it: { 1301 placeholder: 'Cerca prodotti...', 1302 noResults: 'Nessun risultato trovato', 1303 error: 'Si è verificato un errore durante la ricerca', 1304 searching: 'Ricerca...', 1305 catalogResults: (count) => `${count} risultat${count === 1 ? 'o' : 'i'} nel catalogo`, 1306 }, 1307 }; 1308 const copy = searchCopy[lang] || searchCopy.en; 1309 searchInput.placeholder = copy.placeholder; 1310 1311 function escapeHTML(value) { 1312 return String(value || '').replace(/[&<>"']/g, (char) => ({ 1313 '&': '&', 1314 '<': '<', 1315 '>': '>', 1316 '"': '"', 1317 "'": ''', 1318 }[char])); 1319 } 1320 1321 function getNumber(value) { 1322 if (value === null || value === undefined || value === '') return null; 1323 const numeric = Number(value); 1324 return Number.isFinite(numeric) ? numeric : null; 1325 } 1326 1327 function getMoneyAmount(value) { 1328 if (value && typeof value === 'object') return getNumber(value.amount); 1329 return getNumber(value); 1330 } 1331 1332 function getMoneyCurrency(product) { 1333 return product?.price?.currency || product?.currency || 'EUR'; 1334 } 1335 1336 function formatMoney(amount, currency) { 1337 if (amount === null || amount === undefined) return ''; 1338 try { 1339 return new Intl.NumberFormat(`${lang}-${market.toUpperCase()}`, { 1340 style: 'currency', 1341 currency, 1342 minimumFractionDigits: Number.isInteger(amount) ? 0 : 2, 1343 maximumFractionDigits: 2, 1344 }).format(amount); 1345 } catch (error) { 1346 try { 1347 return new Intl.NumberFormat(lang, { 1348 style: 'currency', 1349 currency, 1350 minimumFractionDigits: Number.isInteger(amount) ? 0 : 2, 1351 maximumFractionDigits: 2, 1352 }).format(amount); 1353 } catch (fallbackError) { 1354 return `${amount.toFixed(Number.isInteger(amount) ? 0 : 2)} ${currency}`; 1355 } 1356 } 1357 } 1358 1359 function getProductImage(product) { 1360 const image = product?.gallery?.[0] || product?.gallery_preview || product?.image || ''; 1361 // Script inline (no puede importar módulos): Layout publica
1362 // window.cocunatImagePath (src/utils/image-path.js). 1363 return window.cocunatImagePath ? window.cocunatImagePath(image, 'searchResult') : image; 1364 } 1365 1366 let searchPromoCache = null; 1367 let searchPromoCacheCode = null; 1368 let searchPricingGeneration = 0; 1369 1370 async function getSearchPromoData() { 1371 const promoCode = window.cart?.getStoredPromoCode?.(); 1372 if (!promoCode) return null; 1373 if (searchPromoCache && searchPromoCacheCode === promoCode) return searchPromoCache; 1374 1375 const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/promos/${promoCode}`); 1376 if (!response.ok) return null; 1377 1378 searchPromoCacheCode = promoCode; 1379 searchPromoCache = await response.json(); 1380 return searchPromoCache; 1381 } 1382 1383 async function getSearchSubscriberDiscount() { 1384 // Fuente única: la caché de benefits vive en cart.js/pricingBenefits. 1385 // Sin cart.js (carrera de arranque) se pinta retail coherente. 1386 try { 1387 return (await window.cart?.getSubscriberDiscountPercentage?.()) || 0; 1388 } catch (error) { 1389 return 0; 1390 } 1391 } 1392 1393 async function applyPromoToSearchResults() { 1394 const renderGeneration = ++searchPricingGeneration; 1395 try { 1396 // La fórmula de descuento vive en cart.js (escritor único); 1397 // este dropdown no la reimplementa. El % de listado compone 1398 // también la primera compra registrada, asà el buscador nunca 1399 // diverge de las cards de PLP/menú del mismo SKU. Sin cart.js 1400 // los resultados quedan a retail, precio y badge coherentes. 1401 if (!window.cart?.resolveStorefrontListingDiscount) return; 1402 const [promoData, subscriberDiscount] = await Promise.all([ 1403 getSearchPromoData(), 1404 getSearchSubscriberDiscount(), 1405 ]); 1406 if (renderGeneration !== searchPricingGeneration) return; 1407 1408 searchResults.querySelectorAll('.price[data-sku]').forEach(priceEl => { 1409 const sku = priceEl.getAttribute('data-sku'); 1410 const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount); 1411 const originalPrice = getNumber(priceEl.getAttribute('data-original-price')); 1412 const currency = priceEl.getAttribute('data-currency') || 'EUR'; 1413 if (originalPrice === null || originalPrice < 0) return; 1414 1415 const discountedPrice = originalPrice * (1 - discount / 100); 1416 priceEl.setAttribute('data-final-price', discountedPrice.toFixed(2)); 1417 if (discount > 0) { 1418 priceEl.innerHTML = ` 1419 <span>${formatMoney(discountedPrice, currency)}</span> 1420 <s>${formatMoney(originalPrice, currency)}</s> 1421 `; 1422 } else { 1423 priceEl.textContent = formatMoney(originalPrice, currency); 1424 } 1425 }); 1426 1427 searchResults.querySelectorAll('.discount-badge[data-sku]').forEach(discountBadge => { 1428 const sku = discountBadge.getAttribute('data-sku'); 1429 const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount); 1430 if (discount > 0) { 1431 discountBadge.textContent = `-${discount}%`; 1432 discountBadge.classList.remove('hidden'); 1433 } else { 1434 discountBadge.textContent = ''; 1435 discountBadge.classList.add('hidden'); 1436 } 1437 }); 1438 } catch (error) { 1439 console.error('Search promo error:', error); 1440 } 1441 } 1442 1443 document.addEventListener('cocunat:identity-changed', function () { 1444 // Invalidate an older render immediately, then wait until all 1445 // identity listeners have dropped their benefit caches before 1446 // starting the replacement request. 1447 searchPricingGeneration += 1; 1448 queueMicrotask(() => { 1449 if (searchResults.querySelector('.search-result-item')) { 1450 void applyPromoToSearchResults(); 1451 } 1452 }); 1453 }); 1454 1455 function renderProduct(product) { 1456 const image = getProductImage(product); 1457 const priceAmount = getMoneyAmount(product?.price); 1458 const currency = getMoneyCurrency(product); 1459 const subtitle = product?.subtitle || ''; 1460 const sku = product?.sku || ''; 1461 1462 return ` 1463 <a href="/${lang}-${market}/products/${encodeURIComponent(product.handle)}" class="header-search__item search-result-item">
1464 <span class="header-search__thumb-wrap"> 1465 <img src="${escapeHTML(image)}" class="header-search__thumb" alt="${escapeHTML(product.title)}" loading="lazy" width="64" height="64"> 1466 ${sku ? `<span class="header-search__discount discount-badge hidden" data-badge="discount" data-sku="${escapeHTML(sku)}"></span>` : ''} 1467 </span> 1468 <span class="header-search__text"> 1469 <span class="header-search__title">${escapeHTML(product.title)}</span> 1470 ${subtitle ? `<span class="header-search__sub">${escapeHTML(subtitle)}</span>` : ''} 1471 ${priceAmount !== null ? ` 1472 <span class="header-search__price-row"> 1473 <span class="header-search__price price" data-sku="${escapeHTML(sku)}" data-original-price="${priceAmount.toFixed(2)}" data-currency="${escapeHTML(currency)}">${formatMoney(priceAmount, currency)}</span> 1474 </span> 1475 ` : ''} 1476 </span> 1477 </a> 1478 `; 1479 } 1480 1481 function resetSearch({ clearInput = false } = {}) { 1482 if (clearInput) searchInput.value = ''; 1483 searchResults.innerHTML = ''; 1484 searchMeta.textContent = ''; 1485 searchLoading.classList.add('hidden'); 1486 } 1487 1488 function syncMobileSearchHeight() { 1489 if (!window.matchMedia('(max-width: 767px)').matches) { 1490 searchDropdown.style.removeProperty('--header-search-mobile-height'); 1491 return; 1492 } 1493 1494 const isSearchFocused = document.activeElement === searchInput; 1495 const viewportHeight = isSearchFocused 1496 ? (window.visualViewport?.height || window.innerHeight) 1497 : window.innerHeight; 1498 const headerBottom = searchDropdown.closest('header')?.getBoundingClientRect().bottom || 0; 1499 searchDropdown.style.setProperty( 1500 '--header-search-mobile-height', 1501 `${Math.max(viewportHeight - headerBottom, 0)}px` 1502 ); 1503 } 1504 1505 function toggleSearch() { 1506 searchDropdown.classList.toggle('hidden'); 1507 if (!searchDropdown.classList.contains('hidden')) { 1508 syncMobileSearchHeight(); 1509 searchInput.focus(); 1510 1511 // Add Enter key handler when search is opened 1512 searchInput.onkeydown = function(e) { 1513 if (e.key === 'Enter') { 1514 e.preventDefault(); 1515 const query = this.value.trim(); 1516 if (query) { 1517 const searchUrl = `/${lang}-${market}/search?q=${encodeURIComponent(query)}`; 1518 window.location.href = searchUrl; 1519 } 1520 } 1521 }; 1522 } 1523 } 1524 1525 function closeSearchDropdown() { 1526 searchDropdown.classList.add('hidden'); 1527 resetSearch({ clearInput: true }); 1528 } 1529 1530 async function performSearch(query) { 1531 const requestId = ++searchRequestId; 1532 if (!query.trim()) { 1533 resetSearch(); 1534 return; 1535 } 1536 1537 searchResults.innerHTML = ''; 1538 searchMeta.textContent = copy.searching; 1539 searchLoading.classList.remove('hidden'); 1540 try { 1541 const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/products/search?q=${encodeURIComponent(query)}&lang=${lang}&market=${market}`); 1542 const data = await response.json(); 1543 if (requestId !== searchRequestId) return; 1544 const visibleProducts = (data.results || []) 1545 .filter(product => product.gallery?.[0] || product.gallery_preview || product.image); 1546 const totalResults = data.count || data.results?.length || visibleProducts.length; 1547 1548 searchMeta.textContent = totalResults > 0 ? copy.catalogResults(totalResults) : ''; 1549 searchResults.innerHTML = visibleProducts.length > 0 1550 ? visibleProducts.map(renderProduct).join('') 1551 : `<div class="header-search__empty">${copy.noResults} <strong>"${escapeHTML(query)}"</strong>.</div>`; 1552 if (visibleProducts.length > 0) { 1553 applyPromoToSearchResults(); 1554 } 1555 1556 const searchResultItems = searchResults.querySelectorAll('.search-result-item');
1557 searchResultItems.forEach(item => { 1558 item.addEventListener('click', (e) => { 1559 e.preventDefault(); 1560 try{ 1561 const currentUrl = new URL(window.location.href); 1562 document.dispatchEvent(new CustomEvent('EventSearch', { 1563 detail: { 1564 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1565 url: window.location.href, 1566 keyword_search: query, 1567 product_search_clicked: item.href 1568 } 1569 })); 1570 }catch(e){ 1571 console.error(e); 1572 } 1573 setTimeout(() => { 1574 window.location.href = item.href; 1575 }, 1000); 1576 }); 1577 }); 1578 1579 // Search query event - fires once after 3+ letters, then 20s cooldown 1580 if(totalResults > 0 && query.length >= 3 && searchQueryEventAllowed){ 1581 searchQueryEventAllowed = false; 1582 setTimeout(() => { searchQueryEventAllowed = true; }, 20000); 1583 try{ 1584 const currentUrl = new URL(window.location.href); 1585 document.dispatchEvent(new CustomEvent('EventSearchQuery', { 1586 detail: { 1587 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1588 url: window.location.href, 1589 keyword_search: query, 1590 results_count: totalResults 1591 } 1592 })); 1593 }catch(e){ 1594 console.error(e); 1595 } 1596 } 1597 1598 // No results event 1599 if(totalResults === 0){ 1600 try{ 1601 const currentUrl = new URL(window.location.href); 1602 document.dispatchEvent(new CustomEvent('EventNoResultsSearch', { 1603 detail: { 1604 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1605 url: window.location.href, 1606 keyword_search: query, 1607 product_search_clicked: "" 1608 } 1609 })); 1610 }catch(e){ 1611 console.error(e); 1612 } 1613 } 1614 } catch (error) { 1615 if (requestId !== searchRequestId) return; 1616 console.error('Search error:', error); 1617 searchMeta.textContent = ''; 1618 searchResults.innerHTML = `<div class="header-search__error">${copy.error}</div>`; 1619 } finally { 1620 if (requestId === searchRequestId) { 1621 searchLoading.classList.add('hidden'); 1622 } 1623 } 1624 } 1625 1626 searchButton.addEventListener('click', (e) => { 1627 e.preventDefault(); 1628 toggleSearch(); 1629 try{ 1630 const currentUrl = new URL(window.location.href); 1631 document.dispatchEvent(new CustomEvent('EventOpenSearch', { 1632 detail: { 1633 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1634 url: window.location.href 1635 } 1636 })); 1637 }catch(e){ 1638 console.error(e); 1639 } 1640 }); 1641 1642 closeSearch.addEventListener('click', () => { 1643 if (searchInput.value.trim()) { 1644 resetSearch({ clearInput: true }); 1645 searchInput.focus(); 1646 return; 1647 } 1648 closeSearchDropdown(); 1649 }); 1650 1651 searchInput.addEventListener('input', (e) => { 1652 clearTimeout(searchTimeout); 1653 searchTimeout = setTimeout(() => { 1654 performSearch(e.target.value); 1655 }, 300); 1656 }); 1657 1658 searchInput.addEventListener('blur', () => { 1659 if (searchDropdown.classList.contains('hidden')) return; 1660 syncMobileSearchHeight(); 1661 setTimeout(syncMobileSearchHeight, 250); 1662 }); 1663 1664 // Close search dropdown when clicking outside 1665 document.addEventListener('click', (e) => { 1666 if (!searchDropdown.contains(e.target) && !searchButton.contains(e.target)) { 1667 closeSearchDropdown(); 1668 } 1669 }); 1670 1671 window.addEventListener('resize', () => { 1672 if (!searchDropdown.classList.contains('hidden')) { 1673 syncMobileSearchHeight(); 1674 } 1675 }); 1676
1677 window.visualViewport?.addEventListener('resize', () => { 1678 if (!searchDropdown.classList.contains('hidden')) { 1679 syncMobileSearchHeight(); 1680 } 1681 }); 1682 }); 1683})();</script>
1683 </div> <div class="pointer-events-none fixed inset-0 z-0 bg-[#f7f7f7]/35 opacity-0 backdrop-blur-[10px] backdrop-saturate-[1.2] transition-opacity duration-[220ms] data-[state=visible]:pointer-events-auto data-[state=visible]:opacity-100 max-lg:hidden [.body--nav-collapsed_&]:hidden" id="mega-overlay" data-state="closed" aria-hidden="true" hidden></div> <div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-categorias" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="categorias" data-mm-section-label="Categories" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Categories"> <button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="collections-face" data-mm-sub-label="Skincare" aria-pressed="true"> <span class="flex items-center gap-2"> Skincare </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" aria-pressed="false"> <span class="flex items-center gap-2"> Bodycare </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" aria-pressed="false"> <span class="flex items-center gap-2"> Haircare </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1683ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="curls" data-mm-sub-label="Curls" aria-pressed="false"> <span class="flex items-center gap-2"> Curls </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_categorias_collections-face" data-mm-list-name="Mega Menú > Categories > Skincare" data-mm-sub="collections-face" data-mm-sub-label="Skincare"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_
1683categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_
1683categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_
1683categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/face" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Skincare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_
1683categorias_collections-body" data-mm-list-name="Mega Menú > Categories > Bodycare" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1683categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1683categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1683categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/body" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Bodycare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_categorias_collections-hair" data-mm-list-name="Mega Menú > Categories > Haircare" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1683categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1683or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1683categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53090" data-mm-item-name="Pack Pure for Oily Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-pure-en"> <a href="/en-us/products/pack-pure-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Pure for Oily Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53186PackPure1.jpg?v=1722602780&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1683Pack Pure for Oily Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53090">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53090"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="107" data-sku="53090" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Pure for Oily Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/hair" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Haircare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_categorias_curls" data-mm-list-name="Mega Menú > Categories > Curls" data-mm-sub="curls" data-mm-sub-label="Curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Curls Definition Routine"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1684 evitar nested-interactive (a > button no es válido HTML). -->
1684 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3x Booster Curls Definition"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream 3-pack</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1685 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1686 evitar nested-interactive (a > button no es válido HTML). -->
1686 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Defined Curls Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Conditioner leave-in & Cream & Spray</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1687 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/metodo-curly" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Curls </a> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-nuevo-6-tv2a" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Solutions"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1687or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles" aria-pressed="true"> <span class="flex items-center gap-2"> Reduce wrinkles </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" aria-pressed="false"> <span class="flex items-center gap-2"> Firm my skin </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce dark spots </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" aria-pressed="false"> <span class="flex items-center gap-2">
1687 Brighten my eyes </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce body fat </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce cellulite </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" aria-pressed="false"> <span class="flex items-center gap-2"> Exfoliate my skin </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1687or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" aria-pressed="false"> <span class="flex items-center gap-2"> Hydrate and nourish </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:700ms]" data-sub="sub-8" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-hair loss </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:780ms]" data-sub="sub-9" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" aria-pressed="false"> <span class="flex items-center gap-2"> Define my curls </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:860ms]" data-sub="sub-10" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" aria-pressed="false"> <span class="flex items-center gap-2"> Repair my hair </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1687ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-mm-list-name="Mega Menú > Solutions > Reduce wrinkles" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1687Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:540ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1687Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:620ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:700ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-mm-list-name="Mega Menú > Solutions > Firm my skin" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0
1687_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1687Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-mm-list-name="Mega Menú > Solutions > Reduce dark spots" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1688 evitar nested-interactive (a > button no es válido HTML). -->
1688 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1689 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">1 month format - Vitamin C 20% Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1690 evitar nested-interactive (a > button no es válido HTML). -->
1690 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C 30 days"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2 months Vitamin C</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1691 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-mm-list-name="Mega Menú > Solutions > Brighten my eyes" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1691Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1692 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View EYE CONTOUR"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Eye Contour, Bags and Dark Circles</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1693 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Lift"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1693Instant Lifting Eye Contour Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1694 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-aging eye contour + Lifting effect serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1695 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-mm-list-name="Mega Menú > Solutions > Reduce body fat" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1696 evitar nested-interactive (a > button no es válido HTML). -->
1696 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1697 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1698 evitar nested-interactive (a > button no es válido HTML). -->
1698 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1699 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/clinical-sculpt" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Reduce body fat </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-mm-list-name="Mega Menú > Solutions > Reduce cellulite" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1700 evitar nested-interactive (a > button no es válido HTML). -->
1700 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1701 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1702 evitar nested-interactive (a > button no es válido HTML). -->
1702 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-mm-list-name="Mega Menú > Solutions > Exfoliate my skin" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1703 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53102" data-mm-item-name="WonderMask" data-mm-price="93" data-mm-currency="USD" data-mm-handle="wonder-mask-50-en"> <a href="/en-us/products/wonder-mask-50-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View WonderMask"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/32f371eb-2119-4d5d-a5da-471e8a8c644e.jpg?v=1765268097&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">WonderMask</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Purifying Clay Facial Mask</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53102">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53102"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1704 evitar nested-interactive (a > button no es válido HTML). -->
1704 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="5" data-sku="53102" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: WonderMask"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="188" data-mm-item-name="VELVET SCRUB" data-mm-price="39.95" data-mm-currency="USD" data-mm-handle="velvet-scrub"> <a href="/en-us/products/velvet-scrub" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View VELVET SCRUB"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/188VelvetScrub1.jpg?v=1724663625&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">VELVET SCRUB</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Body exfoliant</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="188">$39.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="188"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1705 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="178" data-sku="188" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: VELVET SCRUB"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-mm-list-name="Mega Menú > Solutions > Hydrate and nourish" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p clas
1705s="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:540ms]" data-mm-item-id="51973" data-mm-item-name="Divine Balm" data-mm-price="44" data-mm-currency="USD" data-mm-handle="divine-balm"> <a href="/en-us/products/divine-balm" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Divine Balm"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TOPOBALSAMO_2.jpg?v=1721912999&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Divine Balm</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nourishes and Repairs</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51973">$44</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51973"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="25" data-sku="51973" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Divine Balm"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:620ms]" data-mm-item-id="51948" data-mm-item-name="Combination Oily Skin Cream" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="combination-skin-face-cream"> <a href="/en-us/products/combination-skin-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Combination Oily Skin Cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7a981b5c-6e49-4a32-b637-23c5cbe64ee7.png?v=1759309219&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Combination Oily Skin Cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Moisturizer for combination/oily skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51948">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51948"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="70" data-sku="51948" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Combination Oily Skin Cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:700ms]" data-mm-item-id="51950" data-mm-item-name="Anti-aging cream" data-mm-price="43" data-mm-currency="USD" data-mm-handle="anti-age-face-cream"> <a href="/en-us/products/anti-age-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria
1705-label="View Anti-aging cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/10fca41e-54b7-4e61-b06b-60a618de27e1.png?v=1759304880&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Anti-aging cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Elastic and nourished skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51950">$43</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51950"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="58" data-sku="51950" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Anti-aging cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-8" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-mm-list-name="Mega Menú > Solutions > Anti-hair loss" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Happy hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1706 evitar nested-interactive (a > button no es válido HTML). -->
1706 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3 month of Happy Hair pack"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1707 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-9" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-mm-list-name="Mega Menú > Solutions > Define my curls" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53009" data-mm-item-name="Curl Booster" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-booster-250ml">
1707 <a href="/en-us/products/curl-booster-250ml" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl Booster"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/24e46c0a-3073-4e9e-9ffc-16db6faa39a9.png?v=1763548342&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl Booster</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53009">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53009"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1708 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="12" data-sku="53009" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Booster"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1709 evitar nested-interactive (a > button no es válido HTML). -->
1709 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53272" data-mm-item-name="Curl moisturizer leave-in" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-moisturizer-en"> <a href="/en-us/products/curl-moisturizer-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl moisturizer leave-in"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/628cacb4-577e-4138-acc9-978d2517be12.png?v=1774600907&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl moisturizer leave-in</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Leave-in conditioner</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53272">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53272"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1710 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="4" data-sku="53272" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl moisturizer leave-in"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53109" data-mm-item-name="Curl Spray" data-mm-price="23" data-mm-currency="USD" data-mm-handle="curl-spray-125ml-en"> <a href="/en-us/products/curl-spray-125ml-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl Spray"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dc6e866e-d849-4673-8c98-867b1b6a3902.png?v=1752260505&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl Spray</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Setting Spray</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53109">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53109"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1711 evitar nested-interactive (a > button no es válido HTML). -->
1711 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="62" data-sku="53109" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Spray"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-10" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-mm-list-name="Mega Menú > Solutions > Repair my hair" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Boombastic"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Ultra Nourishing Mask + Turban</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1712 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1712or-en"> <a href="/en-us/products/savior-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Savior"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Hair repair</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1713 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Pack Rich for Dry Hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Shampoo & Conditioner</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1714 evitar nested-interactive (a > button no es válido HTML). -->
1714 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Capillary serum"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Repair, Moisture, Antifrizz</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1715 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-activos" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="activos" data-mm-section-label="Active Ingredients" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Active Ingredients"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1715or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid" aria-pressed="true"> <span class="flex items-center gap-2"> Hyaluronic acid </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="retinal" data-mm-sub-label="Retinal" aria-pressed="false"> <span class="flex items-center gap-2"> Retinal </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" aria-pressed="false"> <span class="flex items-center gap-2"> Alpha-hydroxy acids </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" aria-pressed="false"> <span class="flex items-center gap-2"> Exosomes </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1715ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="peptidos" data-mm-sub-label="Peptides" aria-pressed="false"> <span class="flex items-center gap-2"> Peptides </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" aria-pressed="false"> <span class="flex items-center gap-2"> Bakuchiol </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" aria-pressed="false"> <span class="flex items-center gap-2"> Vitamin C </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" aria-pressed="false"> <span class="flex items-center gap-2"> Caffeine </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1715ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:700ms]" data-sub="sub-8" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" aria-pressed="false"> <span class="flex items-center gap-2"> Niacinamide </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_activos_acido-hialuronico" data-mm-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)] lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-d
1715ata-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms] lg:max-xl:hidden" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms] lg:max-xl:hidden" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_3] grid h-full gap-4 min-h-0 col-start-3 col-span-1 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/a663fad4-a315-4cdf-87f8-72f43353dd05.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/7c6be295-8adc-474c-a487-dbb58df7ef41.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Hyaluronic acid</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Deeply hydrates. Keeps skin firm and elastic.</p> </div></div> </div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_activos_retinal" data-mm-list-name="Mega Menú > Active Ingredients > Retinal" data-mm-sub="retinal" data-mm-sub-label="Retinal" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Clinical Retinal 0.1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Nighttime Regenerative Facial Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1716 evitar nested-interactive (a > button no es válido HTML). -->
1716 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Cure"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Illuminating Nourishing Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1717 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/427f8dce-b541-48a6-877a-6d21e667bf68.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-489
17176-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/50a2c637-ff2e-4b44-8286-148a0ffbdeca.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-4896-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Retinal</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Boosts cellular regeneration. Reduces wrinkles and stimulates collagen.</p> </div></div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_activos_alfahidroxiacidos" data-mm-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1718 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_alfahidroxiacidos" data-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_activos_exosomas" data-mm-list-name="Mega Menú > Active Ingredients > Exosomes" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms] lg:max-xl:hidden" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL EXOSOMES"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">V-Lifting Serum 8 weeks</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1719 evitar nested-interactive (a > button no es válido HTML). -->
1719 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_exosomas" data-list-name="Mega Menú > Active Ingredients > Exosomes" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-2 col-span-3 lg:max-xl:col-start-1"> <a href="hola hola" data-mm-promo="Exosomes" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/21744b96-2dbb-46ef-85f4-f228ee5dc229.mp4" poster="https://shopify-cdn.cocunat.com/719e4926-4d7d-4773-8dfe-f732c202ac5b.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/acad2cbf-98b7-42cf-84d6-23481ee49a4d.jpg" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Exosomes</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Restores cellular communication. Redefines the facial contour and improves firmness.</p> </div></a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_activos_peptidos" data-mm-list-name="Mega Menú > Active Ingredients > Peptides" data-mm-sub="peptidos" data-mm-sub-label="Peptides" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1719Anti-aging serum + micro-infusion</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1720 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL EXOSOMES"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">V-Lifting Serum 8 weeks</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1721 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Firming anti-ageing cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1722 evitar nested-interactive (a > button no es válido HTML). -->
1722 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1723 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_activos_bakuchiol" data-mm-list-name="Mega Menú > Active Ingredients > Bakuchiol" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Cure"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Illuminating Nourishing Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1724 evitar nested-interactive (a > button no es válido HTML). -->
1724 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Absolute"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-wrinkle facial cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1725 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms] lg:max-xl:hidden" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1725Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1726 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-4 col-span-1 lg:max-xl:col-start-3"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/8de2e84f-1be8-435a-a745-0e45ccfa3bd7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/6e52dc9f-cbf8-4b41-a29f-375167134bc7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Bakuchiol</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">The plant-based alternative to retinol. Fights wrinkles and stimulates collagen.</p> </div></div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_activos_vitamina-c" data-mm-list-name="Mega Menú > Active Ingredients > Vitamin C" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1727 evitar nested-interactive (a > button no es válido HTML). -->
1727 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2 months Vitamin C</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1728 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/4966c789-783e-472b-9a42-b94548193f5f.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/ac27ce9c-934d-4878-a370-b8c21b42c438.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Vitamin C</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Brightens and reduces dark spots. Potent antioxidant.</p> </div></div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_activos_cafeina" data-mm-list-name="Mega Menú > Active Ingredients > Caffeine" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1729 evitar nested-interactive (a > button no es válido HTML). -->
1729 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1730 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View EYE CONTOUR"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Eye Contour, Bags and Dark Circles</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1731 evitar nested-interactive (a > button no es válido HTML). -->
1731 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-8" data-active="false" data-mm-list-id="megamenu_activos_niacinamida" data-mm-list-name="Mega Menú > Active Ingredients > Niacinamide" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Clinical Retinal 0.1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Nighttime Regenerative Facial Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1732 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1733 evitar nested-interactive (a > button no es válido HTML). -->
1733 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-tratamientos" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="tratamientos" data-mm-section-label="Treatments" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Treatments"> <button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method" aria-pressed="true"> <span class="flex items-center gap-2"> Firming Method </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-ageing </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1733ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" aria-pressed="false"> <span class="flex items-center gap-2"> Fat loss </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-cellulite </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-dark spots </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" aria-pressed="false"> <span class="flex items-center gap-2"> Hair Loss </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1733ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" aria-pressed="false"> <span class="flex items-center gap-2"> Skin Cycling Routine </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-mm-list-name="Mega Menú > Treatments > Firming Method" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method"> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Microneedling + Exosomes</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1734 evitar nested-interactive (a > button no es válido HTML). -->
1734 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-list-name="Mega Menú > Treatments > Firming Method" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_tratamientos_antiedad" data-mm-list-name="Mega Menú > Treatments > Anti-ageing" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&fo
1734rmat=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_tratamientos_perdida-grasa" data-mm-list-name="Mega Menú > Treatments > Fat loss" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1735 evitar nested-interactive (a > button no es válido HTML). -->
1735 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1736 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1737 evitar nested-interactive (a > button no es válido HTML). -->
1737 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 2-Month Body Power Treatment"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1738 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/clinical-sculpt" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Fat loss </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_tratamientos_anticelulitico" data-mm-list-name="Mega Menú > Treatments > Anti-cellulite" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 2-Month Body Power Treatment"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1739 evitar nested-interactive (a > button no es válido HTML). -->
1739 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1740 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1741 evitar nested-interactive (a > button no es válido HTML). -->
1741 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1742 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_tratamientos_antimanchas" data-mm-list-name="Mega Menú > Treatments > Anti-dark spots" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1743 evitar nested-interactive (a > button no es válido HTML). -->
1743 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1744 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Absolute"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-wrinkle facial cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1745 evitar nested-interactive (a > button no es válido HTML). -->
1745 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_tratamientos_anticaida-capilar" data-mm-list-name="Mega Menú > Treatments > Hair Loss" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3 month of Happy Hair pack"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1746 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Happy hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1747 evitar nested-interactive (a > button no es válido HTML). -->
1747 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_tratamientos_skin-cycling" data-mm-list-name="Mega Menú > Treatments > Skin Cycling Routine" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="299" data-mm-item-name="Skin cycling" data-mm-price="273.4" data-mm-currency="USD" data-mm-handle="skin-cycling"> <a href="/en-us/products/skin-cycling" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Skin cycling"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/126685ba-d981-46ee-8cc2-f698a7d4e878.png?v=1744060214&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Skin cycling</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">The routine that regenerates and rejuvenates your skin.</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="299">$273.40</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1748 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="227" data-sku="299" data-list-id="megamenu_tratamientos_skin-cycling" data-list-name="Mega Menú > Treatments > Skin Cycling Routine" aria-label="Add to cart: Skin cycling"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-colecciones" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="colecciones" data-mm-section-label="Collections" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Collections"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1748or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range" aria-pressed="true"> <span class="flex items-center gap-2"> Clinical Range </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" aria-pressed="false"> <span class="flex items-center gap-2"> Treatment Range </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="collections-body" data-mm-sub-label="Body" aria-pressed="false"> <span class="flex items-center gap-2"> Body </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="collections-hair" data-mm-sub-label="Hair" aria-pressed="false"> <span class="flex items-center gap-2"> Hair </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1748ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" aria-pressed="false"> <span class="flex items-center gap-2"> Cleansers </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="rizos" data-mm-sub-label="Curls" aria-pressed="false"> <span class="flex items-center gap-2"> Curls </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="trials" data-mm-sub-label="Trials" aria-pressed="false"> <span class="flex items-center gap-2"> Trials </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" aria-pressed="false"> <span class="flex items-center gap-2"> Packs </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1748ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_colecciones_collections-clinical" data-mm-list-name="Mega Menú > Collections > Clinical Range" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_
1748colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_
1748colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_
1748colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/clinical" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Clinical Range </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_colecciones_collections-treatment" data-mm-list-name="Mega Menú > Collections > Treatment Range" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_
1748colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_
1748colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1748colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/treatment" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Treatment Range </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_
1748colecciones_collections-body" data-mm-list-name="Mega Menú > Collections > Body" data-mm-sub="collections-body" data-mm-sub-label="Body" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1748colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1748colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1748colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/body" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Body </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_colecciones_collections-hair" data-mm-list-name="Mega Menú > Collections > Hair" data-mm-sub="collections-hair" data-mm-sub-label="Hair" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1748colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1748colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_
1748colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53159" data-mm-item-name="Pure shampoo" data-mm-price="26.95" data-mm-currency="USD" data-mm-handle="pure-oily-hair-shampoo-200ml"> <a href="/en-us/products/pure-oily-hair-shampoo-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pure shampoo"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53159PureShampoo1.jpg?v=1734435992&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pure shampoo</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Oily Hair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53159">$26.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53159"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="34" data-sku="53159" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pure shampoo"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/hair" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Hair </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_
1748colecciones_limpiadores" data-mm-list-name="Mega Menú > Collections > Cleansers" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53342" data-mm-item-name="Pamper Gel" data-mm-price="28" data-mm-currency="USD" data-mm-handle="pamper-gel-en"> <a href="/en-us/products/pamper-gel-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Pamper Gel"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/2c023221-8b61-4a8c-b1db-51dcb70d173d.png?v=1772191230&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Pamper Gel</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Facial soap</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53342">$28</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53342"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1749 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="55" data-sku="53342" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Pamper Gel"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53093" data-mm-item-name="Micellar Water 3 in 1" data-mm-price="26" data-mm-currency="USD" data-mm-handle="micellar-water-3-in-1-toning-cleanser-200ml"> <a href="/en-us/products/micellar-water-3-in-1-toning-cleanser-200ml" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Micellar Water 3 in 1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Micellar Water 3 in 1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Tones and Cleanses</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53093">$26</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53093"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1750 evitar nested-interactive (a > button no es válido HTML). -->
1750 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="9" data-sku="53093" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Micellar Water 3 in 1"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="51832" data-mm-item-name="Total Cleansing Milk" data-mm-price="23" data-mm-currency="USD" data-mm-handle="total-makeup-remover-mil"> <a href="/en-us/products/total-makeup-remover-mil" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Cleansing Milk"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f56356e8-09fe-40ff-8a08-a40946011c96.jpg?v=1742910048&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Cleansing Milk</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Cleanses face and eyes</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="51832">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51832"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1751 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="50" data-sku="51832" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Total Cleansing Milk"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="51954" data-mm-item-name="Detox Cleansing Foam" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="detox-cleansing-foam-for-oily-and-combination-skin"> <a href="/en-us/products/detox-cleansing-foam-for-oily-and-combination-skin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Detox Cleansing Foam"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/567c183d-7b99-4c09-98fe-a05d80f7aff0.png?v=1752259979&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Detox Cleansing Foam</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Combination & Oily Skin</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="51954">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51954"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1752 evitar nested-interactive (a > button no es válido HTML). -->
1752 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="17" data-sku="51954" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Detox Cleansing Foam"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_colecciones_rizos" data-mm-list-name="Mega Menú > Collections > Curls" data-mm-sub="rizos" data-mm-sub-label="Curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Curls Definition Routine"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1753 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3x Booster Curls Definition"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream 3-pack</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1754 evitar nested-interactive (a > button no es válido HTML). -->
1754 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1755 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Defined Curls Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Conditioner leave-in & Cream & Spray</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1756 evitar nested-interactive (a > button no es válido HTML). -->
1756 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/metodo-curly" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Curls </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_colecciones_trials" data-mm-list-name="Mega Menú > Collections > Trials" data-mm-sub="trials" data-mm-sub-label="Trials" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="423" data-mm-item-name="Discovery Kit" data-mm-price="49" data-mm-currency="USD" data-mm-handle="discovery-kit"> <a href="/en-us/products/discovery-kit" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Discovery Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eab70af3-6c34-4bbb-b0d1-0c5023aec54c.png?v=1766483553&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Discovery Kit</h3> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="423">$49</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="423"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1757 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="364" data-sku="423" data-list-id="megamenu_
1757colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Discovery Kit"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="322" data-mm-item-name="Trial Skin Cycling" data-mm-price="20" data-mm-currency="USD" data-mm-handle="trial-skin-cycling"> <a href="/en-us/products/trial-skin-cycling" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Trial Skin Cycling"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TrialsSeptiembre20241147_1.jpg?v=1726822564&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Trial Skin Cycling</h3> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="322">$20</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="322"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1758 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="240" data-sku="322" data-list-id="megamenu_colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Trial Skin Cycling"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <a href="/en-us/trials/" data-mm-promo="Try our products" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><img class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/d4b83402-d2b2-4efe-a1be-dedd784bff84.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/c5f33305-f5f3-4543-84bc-ec39dd84a75e.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Try our products</h3> <span class="mt-3 inline-flex h-[38px] items-center justify-center self-start rounded border px-[22px] font-brownRegular text-[14px] uppercase leading-4 no-underline transition-colors duration-[180ms] border-white bg-white text-black group-hover/banner:bg-transparent group-hover/banner:text-white">Discover</span> </div></a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_
1758colecciones_collections-bundles" data-mm-list-name="Mega Menú > Collections > Packs" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="153" data-mm-item-name="Revitalized Daily Skin Routine" data-mm-price="324.8" data-mm-currency="USD" data-mm-handle="revitalized-skin-pack"> <a href="/en-us/products/revitalized-skin-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Revitalized Daily Skin Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d741e633-e2ec-45cb-8387-aa1
1758700a49b32.png?v=1770979176&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Revitalized Daily Skin Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Cream, Serum & Vitamin C (30 day format)</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="153">$324.80</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="153"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="160" data-sku="153" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Revitalized Daily Skin Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1758ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1758colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_
1758colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/bundles" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Packs </a> </div> </div> </div> </div> </div> </div> </header> <!-- Drawer móvil â carrusel de destacados + lista de items L0. L1/L2 en 1759 MegaMenuDrawerDynamic. `data-lenis-prevent`: si la página usa Lenis,
1760 evita que capture wheel/touch de los paneles internos. --> 1761 <div class="group/drawer pointer-events-none fixed inset-x-0 bottom-0 top-[51px] z-[100] [body:not(.body--nav-collapsed)_&]:lg:hidden [&.is-closing]:pointer-events-auto [&.is-open]:pointer-events-auto [&.is-opening]:pointer-events-auto" id="cat-drawer" role="dialog" aria-modal="true" aria-labelledby="cat-drawer-title" aria-hidden="true" data-lenis-prevent hidden> <div class="cat-drawer__panel--l0 pointer-events-none relative flex h-full w-full -translate-x-full flex-col gap-2 overflow-y-auto bg-white pb-[max(24px,env(safe-area-inset-bottom))] pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black outline-none [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)_0ms] group-[.is-open]/drawer:pointer-events-auto group-[.is-open]/drawer:translate-x-0 group-[.is-open]/drawer:[transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)_120ms] motion-reduce:transition-none" tabindex="-1"> <h2 id="cat-drawer-title" class="sr-only">Main menu</h2> <!-- Carrusel de destacados (contenido editorial móvil; no es nav). 1762 Cards del documento publicado (Composer â Vista del Navbar) con 1763 fallback a los estáticos del código si el menú no trae ninguno. --> <div class="flex h-[189px] shrink-0 snap-x snap-mandatory gap-2 overflow-x-auto scroll-smooth [-webkit-overflow-scrolling:touch] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" role="list" aria-label="Featured"> <a href="/en-us/collections/all-products" class="relative isolate flex h-[189px] flex-[0_0_240px] snap-start flex-col justify-end rounded-lg bg-[#1a1e1e] bg-cover bg-center bg-no-repeat p-2 text-white no-underline [-webkit-tap-highlight-color:transparent] before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[inherit] before:bg-[linear-gradient(180deg,rgba(0,0,0,0)_35%,rgba(0,0,0,0.55)_100%)] before:content-[''] focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.85)] focus-visible:outline-none" role="listitem" data-mm-promo="REFRESH YOUR ROUTINE" style="background-image: url(https://shopify-cdn.cocunat.com/cdn-cgi/image/width=480,format=auto,quality=90/b725b8bc-ec0d-4286-8734-6b57f77a682d.jpg)"> <span class="relative z-[1] flex flex-col gap-2"> <span class="font-brownRegular text-[13px] uppercase leading-[23px] text-white"></span> <span class="font-canelaItalic text-[22px] uppercase leading-[27px] text-white">REFRESH YOUR ROUTINE</span> </span> </a><a href="/en-us/products/clinical-beauty-filler" class="relative isolate flex h-[189px] flex-[0_0_240px] snap-start flex-col justify-end rounded-lg bg-[#1a1e1e] bg-cover bg-center bg-no-repeat p-2 text-white no-underline [-webkit-tap-highlight-color:transparent] before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[inherit] before:bg-[linear-gradient(180deg,rgba(0,0,0,0)_35%,rgba(0,0,0,0.55)_100%)] before:content-[''] focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.85)] focus-visible:outline-none" role="listitem" data-mm-promo="SKIN BOOSTER RECONSTRUCTOR" style="background-image: url(https://shopify-cdn.cocunat.com/cdn-cgi/image/width=480,format=auto,quality=90/fd2795cb-a073-40eb-9736-b83c9bfbff35.jpg)"> <span class="relative z-[1] flex flex-col gap-2"> <span class="font-brownRegular text-[13px] uppercase leading-[23px] text-white">CLINICAL BEAUTY FILLER</span> <span class="font-canelaItalic text-[22px] uppercase leading-[27px] text-white">SKIN BOOSTER RECONSTRUCTOR</span> </span> </a> </div> <nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2" aria-label="Main navigation"> <a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="categorias" data-mm-label="Categories"> <span class="min-w-0 flex-1 flex items-center gap-2"> Categories </span>
1763 <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="nuevo-6-tv2a" data-mm-label="Solutions"> <span class="min-w-0 flex-1 flex items-center gap-2"> Solutions </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="activos" data-mm-label="Active Ingredients"> <span class="min-w-0 flex-1 flex items-center gap-2"> Active Ingredients </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="tratamientos" data-mm-label="Treatments"> <span class="min-w-0 flex-1 flex items-center gap-2"> Treatments </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="colecciones" data-mm-label="Collections"> <span class="min-w-0 flex-1 flex items-center gap-2"> Collections </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="/en-us/create-your-pack" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black !justify-start !gap-4" data-mm-label="Build your bundle"> <span class="flex-none flex items-center gap-2"> Build your bundle <span data-badge="menu-tag" class="inline-flex items-center justify-center rounded-full px-1.5 py-1 font-brownRegular text-[10px] leading-3" style="background:#00C853;color:#FFFFFF" aria-label="discount -20%">-20%</span> </span> </a><a href="/en-us/club/" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black !justify-start !gap-4" data-mm-label="Club"> <span class="flex-none flex items-center gap-2"> Club </span> </a> </nav> </div> <!-- L1/L2 del drawer derivados del documento. --> <div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="categorias" data-mm-section="categorias" data-mm-section-label="Categories" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Categories</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="collections-face" data-mm-sub-label="Skincare"><span class="flex min-w-0 flex-1 items-center gap-2">Skincare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="collections-body" data-mm-sub-label="Bodycare"><span class="flex min-w-0 flex-1 items-center gap-2">Bodycare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="collections-hair" data-mm-sub-label="Haircare"><span class="flex min-w-0 flex-1 items-center gap-2">Haircare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="curls" data-mm-sub-label="Curls"><span class="flex min-w-0 flex-1 items-center gap-2">Curls</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-face" data-mm-list-name="Mega Menú > Categories > Skincare" data-mm-sub="collections-face" data-mm-sub-label="Skincare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Skincare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_
1763categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_
1763categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_
1763categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]:lg:hidden"><a href="/en-us/collections/face" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Skincare</a></div></div></template><template data-l2-template="sub-1" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-body" data-mm-list-name="Mega Menú > Categories > Bodycare" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Bodycare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1763categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1763categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1763categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-hair" data-mm-list-name="Mega Menú > Categories > Haircare" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Haircare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1763categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1763or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1763categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53090" data-mm-item-name="Pack Pure for Oily Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-pure-en"> <a href="/en-us/products/pack-pure-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Pure for Oily Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53186PackPure1.jpg?v=1722602780&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1763Pack Pure for Oily Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & 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)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_curls" data-mm-list-name="Mega Menú > Categories > Curls" data-mm-sub="curls" data-mm-sub-label="Curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories">
1763<svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3x Booster Curls Definition"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream 3-pack</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_
1763categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Defined Curls Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Conditioner leave-in & Cream & Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_
1763categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Solutions</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce wrinkles</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin"><span class="flex min-w-0 flex-1 items-center gap-2">Firm my skin</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce dark spots</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes"><span class="flex min-w-0 flex-1 items-center gap-2">Brighten my eyes</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce body fat</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce cellulite</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin"><span class="flex min-w-0 flex-1 items-center gap-2">Exfoliate my skin</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish"><span class="flex min-w-0 flex-1 items-center gap-2">Hydrate and nourish</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-8" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-hair loss</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-9" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls"><span class="flex min-w-0 flex-1 items-center gap-2">Define my curls</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-10" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair"><span class="flex min-w-0 flex-1 items-center gap-2">Repair my hair</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-mm-list-name="Mega Menú > Solutions > Reduce wrinkles" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles" aria-hidden="true"><div class="flex items-center py-1">
1763<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce wrinkles</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-1" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-mm-list-name="Mega Menú > Solutions > Firm my skin" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Firm my skin</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-2" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-mm-list-name="Mega Menú > Solutions > Reduce dark spots" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce dark spots</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">1 month format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C 30 days"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-
1763pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2 months Vitamin C</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-3" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-mm-list-name="Mega Menú > Solutions > Brighten my eyes" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions">
1763<svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Brighten my eyes</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View EYE CONTOUR"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Bags and Dark Circles</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-4" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden"><a href="/en-us/clinical-sculpt" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Reduce body fat</a></div></div></template><template data-l2-template="sub-5" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-mm-list-name="Mega Menú > Solutions > Reduce cellulite" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce cellulite</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-6" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-mm-list-name="Mega Menú > Solutions > Exfoliate my skin" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Exfoliate my skin</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53102" data-mm-item-name="WonderMask" data-mm-price="93" data-mm-currency="USD" data-mm-handle="wonder-mask-50-en"> <a href="/en-us/products/wonder-mask-50-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View WonderMask"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/32f371eb-2119-4d5d-a5da-471e8a8c644e.jpg?v=1765268097&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">WonderMask</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Purifying Clay Facial Mask</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53102">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53102"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="5" data-sku="53102" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: WonderMask"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="188" data-mm-item-name="VELVET SCRUB" data-mm-price="39.95" data-mm-currency="USD" data-mm-handle="velvet-scrub"> <a href="/en-us/products/velvet-scrub" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View VELVET SCRUB"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/188VelvetScrub1.jpg?v=1724663625&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">VELVET SCRUB</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body exfoliant</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="188">$39.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="188"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="178" data-sku="188" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: VELVET SCRUB"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-7" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-mm-list-name="Mega Menú > Solutions > Hydrate and nourish" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hydrate and nourish</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <
1763span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51973" data-mm-item-name="Divine Balm" data-mm-price="44" data-mm-currency="USD" data-mm-handle="divine-balm"> <a href="/en-us/products/divine-balm" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Divine Balm"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TOPOBALSAMO_2.jpg?v=1721912999&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Divine Balm</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nourishes and Repairs</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51973">$44</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51973"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="25" data-sku="51973" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Divine Balm"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51948" data-mm-item-name="Combination Oily Skin Cream" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="combination-skin-face-cream"> <a href="/en-us/products/combination-skin-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Combination Oily Skin Cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7a981b5c-6e49-4a32-b637-23c5cbe64ee7.png?v=1759309219&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Combination Oily Skin Cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Moisturizer for combination/oily skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51948">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51948"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="70" data-sku="51948" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Combination Oily Skin Cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51950" data-mm-item-name="Anti-aging cream" data-mm-price="43" data-mm-currency="USD" data-mm-handle="anti-age-face-cream"> <a href="/en-us/products/anti-age-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Anti-aging cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/10fca41e-54b7-4e61-b06b-60a618de27e1.png?v=1759304880&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Anti-aging cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Elastic and nourished skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51950">$43</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51950"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="58" data-sku="51950" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Anti-aging cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-8" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-8" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-mm-list-name="Mega Menú > Solutions > Anti-hair loss" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-hair loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Happy hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-9" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-9" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-mm-list-name="Mega Menú > Solutions > Define my curls" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Define my curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53009" data-mm-item-name="Curl Booster" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-booster-250ml"> <a href="/en-us/products/curl-booster-250ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl Booster"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/24e46c0a-3073-4e9e-9ffc-16db6faa39a9.png?v=1763548342&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl Booster</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53009">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53009"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="12" data-sku="53009" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Booster"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53272" data-mm-item-name="Curl moisturizer leave-in" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-moisturizer-en"> <a href="/en-us/products/curl-moisturizer-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl moisturizer leave-in"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/628cacb4-577e-4138-acc9-978d2517be12.png?v=1774600907&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl moisturizer leave-in</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Leave-in conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53272">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53272"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="4" data-sku="53272" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl moisturizer leave-in"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53109" data-mm-item-name="Curl Spray" data-mm-price="23" data-mm-currency="USD" data-mm-handle="curl-spray-125ml-en"> <a href="/en-us/products/curl-spray-125ml-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl Spray"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dc6e866e-d849-4673-8c98-867b1b6a3902.png?v=1752260505&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl Spray</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Setting Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53109">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53109"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="62" data-sku="53109" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Spray"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-10" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-10" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-mm-list-name="Mega Menú > Solutions > Repair my hair" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Repair my hair</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1763or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Active Ingredients</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid"><span class="flex min-w-0 flex-1 items-center gap-2">Hyaluronic acid</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="retinal" data-mm-sub-label="Retinal"><span class="flex min-w-0 flex-1 items-center gap-2">Retinal</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids"><span class="flex min-w-0 flex-1 items-center gap-2">Alpha-hydroxy acids</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="exosomas" data-mm-sub-label="Exosomes"><span class="flex min-w-0 flex-1 items-center gap-2">Exosomes</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="peptidos" data-mm-sub-label="Peptides"><span class="flex min-w-0 flex-1 items-center gap-2">Peptides</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol"><span class="flex min-w-0 flex-1 items-center gap-2">Bakuchiol</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C"><span class="flex min-w-0 flex-1 items-center gap-2">Vitamin C</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="cafeina" data-mm-sub-label="Caffeine"><span class="flex min-w-0 flex-1 items-center gap-2">Caffeine</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-8" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide"><span class="flex min-w-0 flex-1 items-center gap-2">Niacinamide</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_acido-hialuronico" data-mm-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hyaluronic acid</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <d
1763iv class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/a663fad4-a315-4cdf-87f8-72f43353dd05.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/7c6be295-8adc-474c-a487-dbb58df7ef41.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Hyaluronic acid</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Deeply hydrates. Keeps skin firm and elastic.</p> </div></div></div></template><template data-l2-template="sub-1" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/427f8dce-b541-48a6-877a-6d21e667bf68.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-489
17636-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/50a2c637-ff2e-4b44-8286-148a0ffbdeca.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-4896-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Retinal</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Boosts cellular regeneration. Reduces wrinkles and stimulates collagen.</p> </div></div></div></template><template data-l2-template="sub-2" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_alfahidroxiacidos" data-mm-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Alpha-hydroxy acids</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_alfahidroxiacidos" data-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-3" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/21744b96-2dbb-46ef-85f4-f228ee5dc229.mp4" poster="https://shopify-cdn.cocunat.com/719e4926-4d7d-4773-8dfe-f732c202ac5b.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/acad2cbf-98b7-42cf-84d6-23481ee49a4d.jpg" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Exosomes</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Restores cellular communication. Redefines the facial contour and improves f
1763irmness.</p> </div></a></div></template><template data-l2-template="sub-4" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_peptidos" data-mm-list-name="Mega Menú > Active Ingredients > Peptides" data-mm-sub="peptidos" data-mm-sub-label="Peptides" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Peptides</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_bakuchiol" data-mm-list-name="Mega Menú > Active Ingredients > Bakuchiol" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Bakuchiol</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_vitamina-c" data-mm-list-name="Mega Menú > Active Ingredients > Vitamin C" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" aria-hidden="true"><div class="flex items-center py-1">
1763<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Vitamin C</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-
1763pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2 months Vitamin C</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">1 month format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C 30 days"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="201" data-mm-item-name="CLINICAL THE REAL C | REFILL 30" data-mm-price="68.95" data-mm-currency="USD" data-mm-handle="doy-
1763pack-the-real-c-30-days"> <a href="/en-us/products/doy-pack-the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL 30"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/25ce0235-f3ef-4ac6-9fba-0e7c639baedb.jpg?v=1768833036&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL 30</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">30 day format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="201">$68.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="201"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="179" data-sku="201" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL 30"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/4966c789-783e-472b-9a42-b94548193f5f.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/ac27ce9c-934d-4878-a370-b8c21b42c438.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Vitamin C</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Brightens and reduces dark spots. Potent antioxidant.</p> </div></div></div></template><template data-l2-template="sub-7" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_cafeina" data-mm-list-name="Mega Menú > Active Ingredients > Caffeine" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Caffeine</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View EYE CONTOUR"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Bags and Dark Circles</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-8" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-8" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_niacinamida" data-mm-list-name="Mega Menú > Active Ingredients > Niacinamide" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Niacinamide</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_
1763niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Treatments</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method"><span class="flex min-w-0 flex-1 items-center gap-2">Firming Method</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-ageing</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss"><span class="flex min-w-0 flex-1 items-center gap-2">Fat loss</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-cellulite</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-dark spots</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss"><span class="flex min-w-0 flex-1 items-center gap-2">Hair Loss</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine"><span class="flex min-w-0 flex-1 items-center gap-2">Skin Cycling Routine</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-mm-list-name="Mega Menú > Treatments > Firming Method" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method" aria-hidden="true"><div class="flex items-center py-1">
1763<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Firming Method</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-list-name="Mega Menú > Treatments > Firming Method" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-1" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_antiedad" data-mm-list-name="Mega Menú > Treatments > Anti-ageing" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-ageing</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-a
1763uto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-2" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden"><a href="/en-us/clinical-sculpt" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Fat loss</a></div></div></template><template data-l2-template="sub-3" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_anticelulitico" data-mm-list-name="Mega Menú > Treatments > Anti-cellulite" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-cellulite</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-4" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_antimanchas" data-mm-list-name="Mega Menú > Treatments > Anti-dark spots" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-dark spots</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_anticaida-capilar" data-mm-list-name="Mega Menú > Treatments > Hair Loss" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hair Loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Happy hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-6" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_skin-cycling" data-mm-list-name="Mega Menú > Treatments > Skin Cycling Routine" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Skin Cycling Routine</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="299" data-mm-item-name="Skin cycling" data-mm-price="273.4" data-mm-currency="USD" data-mm-handle="skin-cycling"> <a href="/en-us/products/skin-cycling" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Skin cycling"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/126685ba-d981-46ee-8cc2-f698a7d4e878.png?v=1744060214&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Skin cycling</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">The routine that regenerates and rejuvenates your skin.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="299">$273.40</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="227" data-sku="299" data-list-id="megamenu_tratamientos_skin-cycling" data-list-name="Mega Menú > Treatments > Skin Cycling Routine" aria-label="Add to cart: Skin cycling"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Collections</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range"><span class="flex min-w-0 flex-1 items-center gap-2">Clinical Range</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range"><span class="flex min-w-0 flex-1 items-center gap-2">Treatment Range</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="collections-body" data-mm-sub-label="Body"><span class="flex min-w-0 flex-1 items-center gap-2">Body</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="collections-hair" data-mm-sub-label="Hair"><span class="flex min-w-0 flex-1 items-center gap-2">Hair</span>
1763<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers"><span class="flex min-w-0 flex-1 items-center gap-2">Cleansers</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="rizos" data-mm-sub-label="Curls"><span class="flex min-w-0 flex-1 items-center gap-2">Curls</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="trials" data-mm-sub-label="Trials"><span class="flex min-w-0 flex-1 items-center gap-2">Trials</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="collections-bundles" data-mm-sub-label="Packs"><span class="flex min-w-0 flex-1 items-center gap-2">Packs</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_
1763colecciones_collections-clinical" data-mm-list-name="Mega Menú > Collections > Clinical Range" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Clinical Range</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_
1763colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_
1763colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_
1763colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-treatment" data-mm-list-name="Mega Menú > Collections > Treatment Range" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Treatment Range</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_
1763colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_
1763colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1763colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]:lg:hidden"><a href="/en-us/collections/treatment" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Treatment Range</a></div></div></template><template data-l2-template="sub-2" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-body" data-mm-list-name="Mega Menú > Collections > Body" data-mm-sub="collections-body" data-mm-sub-label="Body" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Body</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1763colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1763colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1763colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-hair" data-mm-list-name="Mega Menú > Collections > Hair" data-mm-sub="collections-hair" data-mm-sub-label="Hair" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hair</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1763colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1763colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_
1763colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53159" data-mm-item-name="Pure shampoo" data-mm-price="26.95" data-mm-currency="USD" data-mm-handle="pure-oily-hair-shampoo-200ml"> <a href="/en-us/products/pure-oily-hair-shampoo-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pure shampoo"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53159PureShampoo1.jpg?v=1734435992&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pure shampoo</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Oily Hair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53159">$26.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53159"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="34" data-sku="53159" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pure shampoo"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]:lg:hidden"><a href="/en-us/collections/hair" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Hair</a></div></div></template><template data-l2-template="sub-4" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_limpiadores" data-mm-list-name="Mega Menú > Collections > Cleansers" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Cleansers</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53342" data-mm-item-name="Pamper Gel" data-mm-price="28" data-mm-currency="USD" data-mm-handle="pamper-gel-en"> <a href="/en-us/products/pamper-gel-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pamper Gel"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/2c023221-8b61-4a8c-b1db-51dcb70d173d.png?v=1772191230&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pamper Gel</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Facial soap</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53342">$28</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53342"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="55" data-sku="53342" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Pamper Gel"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53093" data-mm-item-name="Micellar Water 3 in 1" data-mm-price="26" data-mm-currency="USD" data-mm-handle="micellar-water-3-in-1-toning-cleanser-200ml"> <a href="/en-us/products/micellar-water-3-in-1-toning-cleanser-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Micellar Water 3 in 1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Micellar Water 3 in 1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1763Tones and Cleanses</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53093">$26</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53093"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="9" data-sku="53093" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Micellar Water 3 in 1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51832" data-mm-item-name="Total Cleansing Milk" data-mm-price="23" data-mm-currency="USD" data-mm-handle="total-makeup-remover-mil"> <a href="/en-us/products/total-makeup-remover-mil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Cleansing Milk"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f56356e8-09fe-40ff-8a08-a40946011c96.jpg?v=1742910048&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Cleansing Milk</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Cleanses face and eyes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51832">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51832"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="50" data-sku="51832" data-list-id="megamenu_
1763colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Total Cleansing Milk"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51954" data-mm-item-name="Detox Cleansing Foam" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="detox-cleansing-foam-for-oily-and-combination-skin"> <a href="/en-us/products/detox-cleansing-foam-for-oily-and-combination-skin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Detox Cleansing Foam"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/567c183d-7b99-4c09-98fe-a05d80f7aff0.png?v=1752259979&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Detox Cleansing Foam</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Combination & Oily Skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51954">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51954"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="17" data-sku="51954" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Detox Cleansing Foam"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_rizos" data-mm-list-name="Mega Menú > Collections > Curls" data-mm-sub="rizos" data-mm-sub-label="Curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3x Booster Curls Definition"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream 3-pack</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_
1763colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Defined Curls Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Conditioner leave-in & Cream & Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53110">$83.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53110"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_
1763colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_trials" data-mm-list-name="Mega Menú > Collections > Trials" data-mm-sub="trials" data-mm-sub-label="Trials" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Trials</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="423" data-mm-item-name="Discovery Kit" data-mm-price="49" data-mm-currency="USD" data-mm-handle="discovery-kit"> <a href="/en-us/products/discovery-kit" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Discovery Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eab70af3-6c34-4bbb-b0d1-0c5023aec54c.png?v=1766483553&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Discovery Kit</h3> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="423">$49</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="423"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="364" data-sku="423" data-list-id="megamenu_
1763colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Discovery Kit"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="322" data-mm-item-name="Trial Skin Cycling" data-mm-price="20" data-mm-currency="USD" data-mm-handle="trial-skin-cycling"> <a href="/en-us/products/trial-skin-cycling" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Trial Skin Cycling"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TrialsSeptiembre20241147_1.jpg?v=1726822564&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Trial Skin Cycling</h3> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="322">$20</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="322"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="240" data-sku="322" data-list-id="megamenu_colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Trial Skin Cycling"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><a href="/en-us/trials/" data-mm-promo="Try our products" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]:lg:hidden aspect-[5/4]"><img class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/d4b83402-d2b2-4efe-a1be-dedd784bff84.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/c5f33305-f5f3-4543-84bc-ec39dd84a75e.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Try our products</h3> <span class="mt-3 inline-flex h-[38px] items-center justify-center self-start rounded border px-[22px] font-brownRegular text-[14px] uppercase leading-4 no-underline transition-colors duration-[180ms] border-white bg-white text-black group-hover/banner:bg-transparent group-hover/banner:text-white">Discover</span> </div></a></div></template><template data-l2-template="sub-7" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1763s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-bundles" data-mm-list-name="Mega Menú > Collections > Packs" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Packs</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="153" data-mm-item-name="Revitalized Daily Skin Routine" data-mm-price="324.8" data-mm-currency="USD" data-mm-handle="revitalized-skin-pack"> <a href="/en-us/products/revitalized-skin-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Revitalized Daily Skin Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d741e633-e2ec-45cb-8387-aa1
1763700a49b32.png?v=1770979176&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Revitalized Daily Skin Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Cream, Serum & Vitamin C (30 day format)</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="153">$324.80</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="153"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="160" data-sku="153" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Revitalized Daily Skin Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1763ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1763colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_
1763colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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's reserved for you... but not for long.</p> <div class="flex items-center space-x-3"> <div class="w-20 h-20 flex-shrink-0 relative" id="floating-cart-reminder-product-image-wrapper"> <img id="floating-cart-reminder-product-image" src="https://cdn.shopify.com/s/files/1/0633/1803/2557/files/Icono_Shop.png?v=1720687544" class="w-full h-full object-cover rounded-lg" alt="Product"> <span id="floating-cart-reminder-product-discount" data-badge="discount" class="hidden absolute bottom-0 left-0 bg-red-500 text-white text-xs rounded-full px-2 py-0.5 font-brownRegular"></span> </div> <div class="flex flex-col flex-1 justify-center items-start"> <span id="floating-cart-reminder-product-name" class="text-sm font-brownRegular text-black line-clamp-1"></span> <div id="floating-cart-reminder-product-price" class="flex items-center gap-2 mt-0"> <span class="line-through text-black font-brownRegular text-sm hidden"></span> <span class="text-red-600 font-brownRegular"></span> </div> <button id="floating-cart-reminder-view-cart" class="bg-white border-black border-1 text-black font-brownRegular text-sm px-4 py-1.5 mt-1.5 inline-block uppercase"> VIEW MY CART </button> </div> </div> </div> <div id="cart-drawer" class="relative z-[9999] hidden" aria-labelledby="slide-over-title" role="dialog" aria-modal="true" aria-hidden="true" data-total-items="0" data-total-price="0" data-currency="0" data-cart-state="loading" data-label-subscription="Subscription" data-label-pack="Your Pack" data-label-gift="Gift" data-label-free="Free" data-label-first-purchase-remaining="Remaining units: {price} / unit" data-label-first-purchase-line="First purchase" data-label-subscribe="Subscribe and save" data-label-subscribing="Switching to subscription..." data-label-subscribe-success="This product is now a subscription." data-label-subscribe-error="We couldn't switch this product to a subscription. Please try again." data-label-subscription-plan-one-month="1 month" data-label-subscription-plan-months="{count} months" data-label-subscription-plan-monthly="Every month" data-label-subscription-plan-bimonthly="Every 2 months" data-label-subscription-plan-quarterly="Every 3 months" data-label-subscription-plan-every-months="Every {count} months" data-label-subscription-plan-none="No subscription" data-label-subscription-plan-accessible="Purchase option for {product}" data-label-subscription-plan-updating="Updating subscription plan..." data-label-subscription-plan-updated="Subscription plan updated." data-label-subscription-plan-error="We couldn't update the subscription plan. Please try again." data-label-subscription-removing="Removing subscription..." data-label-subscription-removal-success="This product will now be purchased without a subscription." data-label-subscription-removal-error="We couldn't remove the subscription. Please try again." data-label-subscription-removal-unknown="We couldn't confirm whether the subscription was removed. Please try again." data-label-remove="Remove product" data-label-decrease="Decrease quantity" data-label-increase="Increase quantity"> <div data-cart-drawer-backdrop class="cart-v2-backdrop" aria-hidden="true"></div> <div class="cart-v2-viewport"> <div class="cart-v2-positioner"> <section class="cart-v2-panel" data-cart-panel> <div id="cart-loading-overlay" class="cart-v2-loading hidden" aria-l
1763ive="polite" aria-busy="true"> <div class="cart-v2-spinner"></div> </div> <p class="sr-only" data-cart-subscription-status aria-live="polite" aria-atomic="true"></p> <div class="cart-v2-scroll" data-cart-scroll-region> <header class="cart-v2-header" data-cart-sticky-header> <div class="cart-v2-heading"> <h2 id="slide-over-title">Your cart</h2> <span id="cart-drawer-count" class="cart-v2-count">0</span> </div> <button type="button" class="cart-v2-close" id="close-cart-drawer"> <span class="sr-only">Close cart</span> <img src="/images/cart/close.svg" alt="" width="12" height="12"> </button> </header> <div id="cart-progress-container" data-cart-progress-container class="cart-v2-progress hidden"> <div class="cart-v2-progress-message" data-cart-progress-message data-progress-message="You need {amount} more to get a free gift" data-success-message="<strong>Congratulations!</strong> Your free gift has been added to your cart" data-progress-message-2="You got the first gift. You need {amount} more for the second gift" data-progress-shipping="Add {amount} to get free shipping" data-progress-first-gift="Add {amount} to get your gift" data-progress-next-gift="Add {amount} to get another gift" data-shipping-success="You have unlocked free shipping!" data-gift-success="You have unlocked your gift!"></div> <div class="cart-v2-progress-detail"> <div class="cart-v2-progress-track"> <div data-cart-progress-bar class="cart-v2-progress-bar"></div> </div> <div data-gift-markers class="cart-v2-progress-markers"></div> <span data-cart-threshold class="hidden"></span> </div> </div> <div id="empty-cart-message" class="cart-v2-empty hidden"> <div class="cart-v2-empty-intro"> <div class="cart-v2-empty-heading-wrap"> <p class="cart-v2-empty-heading" data-cart-empty-title> Oops! You still donât have any products in your cart </p> </div> <button type="button" class="cart-v2-empty-cta" data-cart-empty-cta> Shop now </button> </div> <div class="cart-v2-empty-discovery" data-cart-empty-discovery> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/products/clinical-beauty-filler" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/clinical-beauty-filler.webp" alt="Clinical Beauty Filler" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Beauty Filler</span> </a><a class="cart-v2-empty-card" href="/en-us/products/clinical-exosomes" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/clinical-exosomes.webp" alt="Clinical Exosomes" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Exosomes</span> </a> </div> <a class="cart-v2-empty-banner" href="/en-us/products/clinical-exosomes" data-cart-empty-banner data-cart-empty-link> <img class="cart-v2-empty-banner-image" data-cart-empty-src="/images/cart-empty/metodo-firmeza.webp" alt="" width="372" height="180" loading="lazy" decoding="async"> <span class="cart-v2-empty-banner-shade" aria-hidden="true"></span> <span class="cart-v2-empty-banner-copy"> <span class="cart-v2-empty-banner-eyebrow"> Firmness method </span> <span class="cart-v2-empty-banner-title"> The method that is changing skin firmness </span> </span> </a> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/products/clinical-sculpt-upper-body" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image cart-v2-empty-card-image--flush" data-cart-empty-src="/images/cart-empty/clinical-sculpt-upper-body.webp" alt="Clinical Sculpt Tren Superior" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Sculpt Tren Superior</span> </a><a class="cart-v2-empty-card" href="/en-us/products/body-power-en" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/body-power.webp" alt="Body Power" width="166" height="166" loading="lazy" decoding="async"> <span>Body Power</span> </a> </div> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/metodo-curly" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/metodo-curly.webp" alt="Método Curly by Cocunat" width="166" height="166" loading="lazy" decoding="async"> <span>Método Curly by Cocunat</span> </a><a class="cart-v2-empty-card" href="/en-us/products/boombastic-en" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/boombastic.webp" alt="Boombastic" width="166" height="166" loading="lazy" decoding="async"> <span>Boombastic</span> </a> </div> </div> </div>
1763 <div id="cart-filled-content" class="cart-v2-content hidden"> <section id="cart-subscription-section" class="cart-v2-section hidden" data-cart-section="subscription"> <h3 class="cart-v2-section-title">Subscribe and save</h3> <div class="cart-v2-lines" data-cart-items="subscription"></div> </section> <section id="cart-one-time-section" class="cart-v2-section hidden" data-cart-section="one-off"> <h3 class="cart-v2-section-title">One-time purchase</h3> <div class="cart-v2-lines" data-cart-items="one-off"></div> </section> <section id="cart-gifts-section" class="cart-v2-section hidden" data-cart-section="gifts"> <h3 class="cart-v2-section-title">Gifts</h3> <div class="cart-v2-lines" data-cart-items="gifts"></div> </section> <section id="cart-upsell-section" class="cart-v2-section cart-v2-upsell-section hidden"> <h3 class="cart-v2-section-title"> You may also like </h3> <div class="cart-v2-upsell-track" data-cart-upsell-track data-add-to-cart-text="Add to cart"></div> <template id="cart-upsell-card-template"> <article class="cart-v2-upsell-card" data-cart-upsell-card> <img src="" alt="" class="cart-v2-upsell-image" data-cart-upsell-image> <div class="cart-v2-upsell-copy"> <h4 class="cart-v2-upsell-title" data-cart-upsell-title></h4> <p class="cart-v2-upsell-subtitle" data-cart-upsell-subtitle></p> <div class="cart-v2-upsell-prices"> <span class="cart-v2-upsell-price" data-cart-upsell-price></span> <s class="cart-v2-upsell-original hidden" data-cart-upsell-original></s> </div> </div> <button type="button" class="cart-v2-upsell-button" data-cart-upsell-add> <img src="/images/cart/bag.svg" alt="" width="18" height="16"> <span class="sr-only cart-v2-upsell-button-label">Add to cart</span> </button> </article> </template> </section> <section class="cart-v2-summary" aria-label="Total"> <div class="cart-v2-summary-row"> <span>Subtotal</span> <span id="cart-summary-subtotal">$0</span> </div> <div id="total-saved-container" class="cart-v2-summary-row hidden"> <span>Discount</span> <span>-<span id="total-saved-amount">$0</span></span> </div> <div class="cart-v2-summary-row"> <span>Shipping</span> <span id="cart-shipping-price" data-pending-label="Shipping and taxes calculated at checkout." data-shipping-state="pending"> Shipping and taxes calculated at checkout. </span> </div> <div class="cart-v2-summary-row cart-v2-summary-total"> <span>Total</span> <span id="cart-summary-total">$0</span> </div> <p class="cart-v2-discount-copy">Discount codes applied at checkout</p> <div class="cart-v2-payments" aria-label="Payment methods"> <span class="cart-v2-payment cart-v2-payment-amex"> <img src="/images/cart/payment-amex.svg" alt="American Express" width="29" height="8"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-apple-pay.svg" alt="Apple Pay" width="25" height="11"> </span> <span class="cart-v2-payment cart-v2-payment-google"> <img src="/images/cart/payment-google-g.svg" alt="" width="9" height="9"> <img src="/images/cart/payment-google-pay.svg" alt="Google Pay" width="15" height="10"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-mastercard.svg" alt="Mastercard" width="23" height="14"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-maestro.svg" alt="Maestro" width="23" height="14"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-paypal.svg" alt="PayPal" width="20" height="18"> </span> <span class="cart-v2-payment cart-v2-payment-shop-pay"> <img src="/images/cart/payment-shop-pay.svg" alt="Shop Pay" width="26" height="11"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-visa.svg" alt="Visa" width="25" height="8"> </span> </div> </section> </div> </div> <footer id="cart-drawer-footer" class="cart-v2-footer hidden" data-cart-sticky-footer> <div class="cart-v2-footer-total"> <span>Total</span> <span class="cart-v2-footer-prices"> <s id="cart-footer-original-price" class="hidden">$0</s> <strong id="subtotal-price">$0</strong> </span> </div> <a href="#" id="go-to-checkout-1" class="cart-v2-checkout"> <span class="checkout-text"> <img src="/images/cart/lock.svg" alt="" width="14" height="16"> Secure checkout </span> <span class="checkout-arrow" aria-hidden="true"></span> <span class="checkout-spinner hidden" aria-hidden="true"> <span class="cart-v2-spinner cart-v2-spinner-light"></span> </span> </a> <div class="cart-v2-trust"> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> 30-day guarantee </span> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> Proven results </span> </div> </footer> <footer class="cart-v2-empty-footer hidden" data-cart-empty-footer> <button type="button" class="cart-v2-empty-checkout" data-cart-empty-checkout disabled aria-disabled="true"> <img src="/images/cart/lock.svg" alt="" width="14" height="16"> Secure checkout </button> <div class="cart-v2-trust"> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> 30-day guarantee </span> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> Proven results </span> </div> </footer> </section> </div> </div> </div>
1763<script> 1764 document.addEventListener('DOMContentLoaded', () => { 1765 const checkoutButton = document.getElementById('go-to-checkout-1'); 1766 if (!checkoutButton) return; 1767 1768 const checkoutText = checkoutButton.querySelector('.checkout-text'); 1769 const checkoutArrow = checkoutButton.querySelector('.checkout-arrow'); 1770 const checkoutSpinner = checkoutButton.querySelector('.checkout-spinner'); 1771 let checkoutTimeout; 1772 1773 function resetCheckoutButton() { 1774 if (checkoutTimeout) { 1775 clearTimeout(checkoutTimeout); 1776 checkoutTimeout = null; 1777 } 1778 checkoutText?.classList.remove('hidden'); 1779 checkoutArrow?.classList.remove('hidden'); 1780 checkoutSpinner?.classList.add('hidden'); 1781 checkoutButton.classList.remove('pointer-events-none', 'opacity-90'); 1782 } 1783 1784 document.getElementById('close-cart-drawer')?.addEventListener('click', resetCheckoutButton); 1785 window.addEventListener('pageshow', resetCheckoutButton); 1786 1787 checkoutButton.addEventListener('click', (event) => { 1788 const href = checkoutButton.getAttribute('href'); 1789 if (!href || href === '#') return; 1790 1791 event.preventDefault(); 1792 checkoutText?.classList.add('hidden'); 1793 checkoutArrow?.classList.add('hidden'); 1794 checkoutSpinner?.classList.remove('hidden'); 1795 checkoutButton.classList.add('pointer-events-none', 'opacity-90'); 1796 1797 checkoutTimeout = setTimeout(resetCheckoutButton, 10000); 1798 requestAnimationFrame(() => { 1799 requestAnimationFrame(() => { 1800 window.location.href = href; 1801 }); 1802 }); 1803 }); 1804 }); 1805</script>
1805
1805<script src="/js/megamenu/megamenu-collapse.js"></script>
1805
1805<script src="/js/megamenu/megamenu-drawer.js"></script>
1805
1805<script src="/js/megamenu/megamenu-panel.js"></script>
1805
1805<script src="/js/megamenu/megamenu-header-scroll.js"></script>
1805
1805<script src="/js/megamenu/megamenu-tracking.js"></script>
1805 <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
1805<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
1805<astro-island uid="1szcdP" component-url="/_astro/AccountOverview.BHil4k5L.js" component-export="default" renderer-url="/_astro/client.XZqrM2xt.js" props="{"lang":[0,"en"],"market":[0,"us"],"t":[0,{"product_cancellation":[0,{"date_body_highlight":[0,"postpone your next order up to 6 months"],"date_loading":[0,"Loading available datesâ¦"],"date_load_failed":[0,"We could not load the available dates. You can try again or continue cancelling."],"retry":[0,"Try again"],"frequency_title":[0,"Did you know you can change how often you receive your shipments?"],"frequency_body_prefix":[0,"We know every routine has its own rhythm, so we adapt to your needs. Instead of cancelling, "],"frequency_body_highlight":[0,"choose the frequency that suits you best"],"frequency_body_suffix":[0," and keep your subscriber discount intact."],"select_new_frequency":[0,"Select a new frequency:"],"frequency_loading":[0,"Loading available frequenciesâ¦"],"frequency_load_failed":[0,"We could not load the available frequencies. You can try again or continue cancelling."],"frequency_success_body":[0,"We have saved your changes. The frequency of your subscription is updated. Remember you can modify your subscription whenever you need."],"frequency_success_label":[0,"Your new shipping frequency:"],"benefits_title":[0,"Donât give up everything you have achieved!"],"benefits_body_highlight":[0,"The subscription is the most affordable option"],"benefits_body_suffix":[0," for keeping up your beauty routine within your budget. If you cancel today, your products will return to their standard retail price and you will lose your benefits."],"benefits_heading":[0,"Your subscription benefits:"],"benefits_includes":[0,"Includes:"],"benefit_savings":[0,"{value}% savings"],"benefit_shipping":[0,"Free shipping"],"benefit_extra":[0,"An extra 10% stackable across the site"],"commitment_shipments":[0,"Commitment of {n} shipments"],"keep_subscription":[0,"Keep my subscription"],"cancelled_immediate":[0,"Your subscription has been cancelled."],"cancelled_immediate_body":[0,"No new shipments will be created for this subscription."],"cancelled_after_commitment":[0,"Cancellation will take effect once you complete your committed shipments."]}],"club_cancellation":[0,{"title":[0,"Do you want to cancel your subscription?"],"select_reason":[0,"Select the reason for cancelling"],"reasons":[0,{"excess_product":[0,"I have more product than I need"],"more_variety":[0,"I would like to see more product variety"],"price":[0,"The price feels high, it is out of my budget"],"buy_when_needed":[0,"I prefer to buy when I need it"],"cannot_receive":[0,"I cannot receive it"],"other":[0,"Other reasons"]}],"back":[0,"Back"],"next":[0,"Next"],"close":[0,"Close"],"cancel_anyway":[0,"Cancel anyway"],"back_to_account":[0,"Back to my account"],"error_generic":[0,"We could not save the changes. Please try again."],"previous_month":[0,"Previous month"],"next_month":[0,"Next month"],"next_shipment_on":[0,"Your next shipment will be on"],"next_shipment_sends_on":[0,"Your next shipment will be sent on"],"select_new_date":[0,"Select a new date:"],"date_title":[0,"Did you know you can change the date of your next shipment?"],"date_body_prefix":[0,"We know every routine has its own rhythm, so we adapt to your needs. Instead of cancelling, "],"date_body_highlight":[0,"postpone your next order by up to 15 days"],"date_body_suffix":[0," and keep your subscriber discount intact."],"date_cta":[0,"Postpone order"],"date_success_body":[0,"We have saved your changes. The date of your next order is updated. Remember you can modify your subscription whenever you need."],"one_off_title":[0,"Did you know the subscription is cheaper and as flexible as a one-off purchase?"],"one_off_body":[0,"If you switch to one-off purchases you will lose your special subscriber price and pay shipping on every order. If you prefer not to receive products right now, simply postpone your next delivery."],"savings_title":[0,"Savings earned"],"savings_body":[0,"With the subscription we will always offer you the lowest price."],"savings_since":[0,"Saved since {date}"],"products_title":[0,"Did you know you can change products?"],"products_body":[0,"
1805You do not need to cancel to try something new. Swap your products for others from the selection and keep your subscriber discount intact."],"products_tab_one":[0,"1 product"],"products_tab_two":[0,"2 products"],"products_tab_many":[0,"{count} products"],"products_exclusive":[0,"Exclusive"],"price_without_club":[0,"Price without club"],"price_with_club":[0,"Price with Club"],"selected_products":[0,"Selected products"],"add_product":[0,"Add"],"remove_product":[0,"Remove"],"catalog_error":[0,"We could not load the product selection."],"catalog_empty":[0,"No products available."],"products_cta":[0,"Change products"],"products_success_body":[0,"We have saved your changes. Your next order is updated with the new products. Remember you can modify your subscription whenever you need."],"next_shipment_includes":[0,"Your next shipment will include:"],"plan_title":[0,"Don't give up everything you have achieved!"],"plan_body_prefix":[0,"We know budgets sometimes need adjusting, but instead of losing your benefits you can switch to the "],"plan_body_highlight":[0,"{plan} plan for only {price}/shipment"],"plan_body_suffix":[0,". You will keep taking care of yourself while spending much less."],"plan_select":[0,"Select your plan:"],"plan_current":[0,"Current plan"],"plan_per_shipment":[0,"/shipment"],"plan_savings_up_to":[0,"Save up to {value}"],"plan_band":[0,"Up to 60% savings"],"plan_includes":[0,"Includes:"],"plan_features":[0,{"club":[1,[[0,"2 products/month to choose from our selection"],[0,"Up to 60% savings"],[0,"Free shipping"],[0,"10% extra, stackable across the whole site"]]],"plus":[1,[[0,"2 products/month to choose from our selection"],[0,"Up to 60% savings"],[0,"Free shipping"],[0,"10% extra, stackable across the whole site"],[0,"Early access to launches"]]],"premium":[1,[[0,"Up to 3 products/month to choose from our selection"],[0,"Up to 60% savings"],[0,"Free shipping"],[0,"10% extra, stackable across the whole site"],[0,"Early access to launches"],[0,"Surprise gifts"]]]}],"plan_keep":[0,"Keep my {plan} plan"],"plan_switch":[0,"Switch to {plan}"],"plan_success_highlight":[0,"Your next order is updated with your new plan."],"lowest_body_highlight":[0,"Your {plan} plan is the most affordable option"],"lowest_body_suffix":[0," to keep your beauty routine within budget. If you cancel today, your products will go back to their standard price and you will lose your fixed benefits."],"lowest_benefits":[0,"Benefits of your plan:"],"offer_title":[0,"We want to keep taking care of you"],"offer_body_prefix":[0,"We want to make it easy for you, so "],"offer_body_highlight":[0,"we are giving you an extra {pct}% off"],"offer_gift_body_highlight":[0,"we are giving you an extra {pct}% off plus a {gift}"],"offer_body_suffix":[0," on your next subscription order so you can enjoy your care at the best price."],"club_label":[0,"Cocunat Club"],"offer_club_tagline":[0,"Your luxury routine without luxury prices"],"offer_cta":[0,"Apply {pct}% off"],"offer_gift_cta":[0,"Apply {pct}% off + gift"],"offer_free":[0,"Free"],"offer_price_normal":[0,"Regular price"],"offer_price_offer":[0,"Offer price"],"offer_saving":[0,"With this offer you are saving {amount}"],"offer_commitment_note":[0,"Renewal with a 6-month commitment."],"offer_success_highlight":[0,"Your next order is updated with your discount."],"offer_gift_success_highlight":[0,"
1805Your next order is updated with your discount and your gift."],"success_title":[0,"Change saved successfully"],"success_saved_prefix":[0,"We have saved your changes. "],"comment_title":[0,"We are very sorry to see you go"],"comment_body":[0,"We really value your opinion and would like to know a little more about why you are leaving"],"comment_placeholder":[0,"Leave us a comment"],"confirm_cancellation":[0,"Confirm cancellation"],"cancelled_title":[0,"Cancellation confirmed"],"cancelled_effective":[0,"Your cancellation will take effect on"],"cancelled_body":[0,"Until then you will keep enjoying the benefits of your subscription."],"requested_title":[0,"Cancellation requested"],"requested_body":[0,"If you change your mind, you can reactivate your subscription now and keep enjoying your benefits."],"reactivate":[0,"Reactivate subscription"]}],"title":[0,"My Account"],"login_title":[0,"Login"],"login_subtitle":[0,"Sign in to access your account and discover everything Cocunat has ready for you: your orders, subscriptions, addresses, and more in one place."],"login_welcome":[0,"Welcome to your personal space"],"login_cta":[0,"Enter or register your account"],"login_terms":[0,"By logging in, you agree to our terms and conditions."],"login_benefits_title":[0,"What you will find after signing in"],"login_benefit_orders_title":[0,"Your Orders"],"login_benefit_orders_body":[0,"Check your complete purchase history, reorder your favorites in one click, and report any issue."],"login_benefit_subscriptions_title":[0,"Subscriptions"],"login_benefit_subscriptions_body":[0,"Manage your product subscriptions: change dates, edit items, or pause shipments whenever you need."],"login_benefit_club_title":[0,"Your Club"],"login_benefit_club_badge":[0,"CLUB"],"login_benefit_club_body":[0,"Access your Elite Club subscription, track your progress, and enjoy an extra 10% discount on every product."],"login_benefit_tracking_title":[0,"Real-Time Tracking"],"login_benefit_tracking_body":[0,"Follow every shipment step by step, check tracking numbers, and receive your orders without surprises."],"login_benefit_addresses_title":[0,"Saved Addresses"],"login_benefit_addresses_body":[0,"Save and manage multiple shipping addresses so your products arrive exactly where you want them."],"login_benefit_favorites_title":[0,"Your Favorite Products"],"login_benefit_favorites_body":[0,"Discover the products you buy most often and keep the Cocunat items
1805you love close at hand."],"login_trust_secure_strong":[0,"Secure connection"],"login_trust_secure_text":[0," with Shopify"],"login_trust_customers_strong":[0,"+1 million"],"login_trust_customers_text":[0," customers worldwide"],"login_trust_support_strong":[0,"Personalized support"],"login_trust_support_text":[0," Monday to Friday"],"login_error_invalid_state":[0,"Login session expired. Please try again."],"login_error_auth_failed":[0,"Authentication failed. Please try again."],"login_error_missing_params":[0,"Invalid login request. Please try again."],"login_error_generic":[0,"An error occurred. Please try again."],"add_to_cart_error":[0,"We couldn't add this product to your cart. Please try again."],"welcome_back":[0,"Welcome back,"],"logout":[0,"Logout"],"total_orders":[0,"Total Orders"],"top_products":[0,"Top Products"],"primary_address":[0,"Primary Address"],"orders":[0,"Orders"],"addresses":[0,"Addresses"],"no_orders":[0,"No orders yet"],"orders_unavailable_title":[0,"We couldn't load your orders right now"],"orders_unavailable_body":[0,"Your order history is safe. Please try again in a moment."],"account_unavailable_title":[0,"We couldn't load your account right now"],"account_unavailable_body":[0,"Your session and account data are safe. Please try again in a moment."],"no_addresses":[0,"No addresses saved"],"default":[0,"Default"],"set_default":[0,"Set Default"],"order":[0,"Order"],"item":[0,"item"],"items":[0,"items"],"products":[0,"Products"],"summary":[0,"Summary"],"subtotal":[0,"Subtotal"],"discounts":[0,"Discounts"],"shipping":[0,"Shipping"],"total":[0,"Total"],"payment":[0,"Payment"],"discount":[0,"Discount"],"tracking":[0,"Tracking"],"ship_to":[0,"Ship To"],"view_full_order":[0,"View Full Order Details"],"order_details":[0,"Order Details"],"order_not_found":[0,"Order not found"],"order_not_found_description":[0,"We couldn't find this order or you don't have permission to view it."],"back_to_my_account":[0,"Back to My Account"],"order_summary":[0,"Order Summary"],"shipping_address":[0,"Shipping Address"],"shipment_tracking":[0,"Shipment Tracking"],"placed_on":[0,"Placed on"],"qty":[0,"Qty"],"free":[0,"Free"],"no_shipping_address":[0,"No shipping address provided"],"payment_method":[0,"Payment Method"],"discount_code":[0,"Discount Code"],"confirm_set_default":[0,"Set this address as your default?"],"confirm_delete":[0,"Are you sure you want to delete this address?"],"failed_set_default":[0,"Failed to set default address. Please try again."],"failed_delete":[0,"Failed to delete address. Please try again."],"subscriptions":[0,"Subscriptions"],"no_subscriptions":[0,"You don't have an active subscription yet"],"browse_club_plans":[0,"Browse Club plans"],"subscriptions_error":[0,"Unable to load subscriptions. Please try again."],"club_subscription":[0,"Club subscription"],"my_club_subscription":[0,"My Club subscription"],"subscription_single":[0,"Single subscription"],"next_shipment":[0,"Next shipment"],"upcoming_shipments":[0,"Upcoming shipments"],"no_upcoming_shipments":[0,"No upcoming shipments."],"subscribed_product":[0,"Your product"],"frequency_monthly":[0,"Monthly delivery"],"frequency_every_n_months":[0,"Delivery every {n} months"],"frequency_every_n_days":[0,"Delivery every {n} days"],"commitment_cancel_after":[0,"You can cancel after {n} shipments"],"your_commitment":[0,"Your commitment"],"commitment_progress":[0,"Commitment shipments completed"],"commitment_chip":[0,"Commitment {x}/{y}"],"commitment_done_chip":[0,"Commitment fulfilled â"],"commitment_remaining_one":[0,"You have 1 shipment left to fulfil your commitment. After that you can cancel anytime."],"commitment_remaining":[0,"You have {n} shipments left to fulfil your commitment. After that you can cancel anytime."],"commitment_fulfilled_note":[0,"Commitment fulfilled. Your subscription renews {cadence} and you can cancel anytime."],"your_shipments":[0,"Your shipments"],"initial_order":[0,"Initial order"],"alta_badge":[0,"Sign-up"],"badge_done":[0,"Done"],"badge_next":[0,"Next"],"badge_scheduled":[0,"Scheduled"],"view_order":[0,"View order"],"paid_label":[0,"Paid"],"scheduled_auto":[0,"It will be charged and shipped automatically"],"rolling_note":[0,"Then {cadence} until you cancel"],"payment_failed_charge":[0,"We couldn't process the charge"],"retry_on":[0,"Retrying on {date}"],"attempt_of":[0,"attempt {x} of {y}"],"price_per_shipment":[0,"{price} per shipment"],"view_all_shipments":[0,"View all shipments ({n})"],"cadence_monthly":[0,"every month"],"cadence_every_n_months":[0,"every {n} months"],"cadence_every_n_days":[0,"every {n} days"],"shipment":[0,"Shipment"],"product":[0,"product"],"products_plural":[0,"products"],"modify_date":[0,"Modify date"],"modify_products":[0,"Modify products"],"add_extra_products":[0,"Add extra products"],"product_subscription_products_sync_error_status":[0,"Subscription temporarily blocked"],"product_subscription_products_sync_error_message":[0,"No charge will be made until we review your subscription setup."],"plan_progress":[0,"Plan progress"],"club_shipments_completed":[0,"{x} of {y} shipments completed"],"of":[0,"of"],"shipments_completed":[0,"shipments completed"],"payment_retry":[0,"Retry"],"payment_failed":[0,"Payment failed"],"payment_failed_retry_body":[0,"We'll retry the payment automatically."],"payment_blocked":[0,"Payment blocked"],"payment_blocked_body":[0,"We couldn't charge this shipment after 5 attempts. Update your payment method to retry."],"update_payment_method":[0,"Update payment method"],"status_active":[0,"Active"],"status_cancelled":[0,"Cancelled"],"status_paused":[0,"Paused"],"shipment_cancelled":[0,"Cancelled"],"change_payment_method":[0,"Change payment method"],"change_address":[0,"Change address"],"sending":[0,"Sendingâ¦"],"payment_email_sent":[0,"We emailed you a secure link to update your payment method."],"payment_email_failed":[0,"Could not send the update link. Please try again."],"first_name":[0,"First name"],"last_name":[0,"Last name"],"address_line":[0,"Address"],"postal_code":[0,"Postal code"],"city":[0,"City"],"province":[0,"Province"],"phone":[0,"Phone"],"save_address":[0,"Save"],"cancel":[0,"Cancel"],"loading":[0,"Loadingâ¦"],"address_updated":[0,"Address updated."],"profile_title":[0,"My profile"],"personal_data":[0,"Personal details"],"personal_data_managed_note":[0,"Your personal details are managed through your Shopify login."],"password_section":[0,"Password"],"password_managed_note":[0,"Your password is managed by Shopify. You can change it from the Shopify sign-in screen."],"addresses_hint":[0,"New addresses are added automatically when you place an order."],"make_default":[0,"Make default"],"delete":[0,"Delete"],"address_update_failed":[0,"Could not update the address. Please try again."],"phone_required_hint":[0,"Required so the courier can reach you."],"address_missing_fields":[0,"Missing required fields:"],"change_plan":[0,"Change plan"],"manage_subscription":[0,"Manage subscription"],"product_subscription_change_frequency":[0,"Change frequency"],"product_subscription_change_product":[0,"Change product"],"product_subscription_next_date":[0,"Next shipment date"],"product_subscription_updated_schedule":[0,"Updated schedule"],"product_subscription_choose_product":[0,"Choose a product"],"product_subscription_choose_plan":[0,"Choose a delivery plan"],"product_subscription_summary":[0,"Your recurring order"],"product_subscription_plan":[0,"Plan"],"product_subscription_recurring_discount":[0,"Recurring discount"],"product_subscription_delivery":[0,"Delivery"],"product_subscription_shipping_price":[0,"Shipping"],"product_subscription_recurring_total":[0,"Recurring total"],"product_subscription_every_month":[0,"Every month"],"product_subscription_every_months":[0,"Every {n} months"],"product_subscription_every_days":[0,"Every {n} days"],"product_subscription_treatment_months":[0,"{n}-month treatment"],"product_subscription_product_commitment_note":[0,"This change does not restart your commitment."],"product_subscription_date_bounds":[0,"Choose a date from {minimum} to {maximum}."],"product_subscription_frequency_locked":[0,"You can change frequency after {n} more shipments."],"product_subscription_product_locked":[0,"You can change product after {n} more shipments."],"product_subscription_change_unavailable":[0,"This change is not available right now."],"product_subscription_sync_pending":[0,"Your previous change is still synchronizing. New changes are temporarily disabled."],"product_subscription_sync_pending_short":[0,"Synchronizing changeâ¦"],"product_subscription_date_before":[0,"Choose a date after the preparation period."],"product_subscription_date_after":[0,"Choose a date within the maximum postponement period."],"product_subscription_shipping_in_flight":[0,"A charge is being processed. Try again once it finishes."],"product_subscription_no_shipping":[0,"There is no shipment that can be changed."],"product_subscription_schedule_changed":[0,"The schedule changed. Review the updated dates."],"product_subscription_change_in_progress":[0,"Another subscription change is still in progress."],"close":[0,"Close"],"product_subscription_cancel_explanation":[0,"Your product subscription follows its own commitment policy. We will confirm whether cancellation is immediate or scheduled."],"product_subscription_cancel_reason":[0,"Reason"],"product_subscription_cancel_requested_body":[0,"Cancellation is already requested. You can withdraw the request."],"product_subscription_request_cancellation":[0,"Request cancellation"],"product_subscription_undo_cancellation_request":[0,"Undo cancellation request"],"product_subscription_cancel_failed":[0,"We could not update the cancellation."],"product_subscription_commitment_required":[0,"Complete the remaining commitment before making this change."],"product_subscription_plan_unavailable":[0,"This plan is no longer available."],"product_subscription_product_unavailable":[0,"This product is no longer available."],"product_subscription_price_changed":[0,"The recurring price changed. Review the new total and confirm again."],"product_subscription_price_changed_again":[0,"The price changed again. Review the new total before confirming."],"product_subscription_confirm_new_price":[0,"Confirm new price"],"product_subscription_date_updated":[0,"Your complete shipment schedule has been updated."],"product_subscription_change_saved":[0,"Your subscription has been updated."],"product_subscription_no_changes":[0,"This configuration is already applied."],"product_subscription_load_failed":[0,"Could not load subscription management."],"product_subscription_change_failed":[0,"Could not save this change."],"product_subscription_reactivation_date":[0,"First shipment date"],"product_subscription_reactivation_bounds":[0,"Choose a date from {minimum} to {maximum}."],"product_subscription_reactivation_scheduled":[0,"Reactivation scheduled"],"product_subscription_reactivation_requires_review":[0,"Reactivation needs review"],"product_subscription_first_reactivation_shipment":[0,"First reactivation shipment"],"product_subscription_reactivation_scheduled_for":[0,"Your first shipment is scheduled for {date}. The subscription remains cancelled until payment succeeds."],"product_subscription_reactivation_retry":[0,"The payment failed. We will retry on {date}."],"product_subscription_reactivation_processing":[0,"Your first payment is being processed."],"product_subscription_reactivation_claimed":[0,"Weâre preparing your first payment. Please donât retry or change this reactivation."],"product_subscription_reactivation_reconciliation_required":[0,"We couldnât confirm the result of your first payment. Your subscription will remain cancelled while our team reviews it. Please contact support and donât retry the reactivation."],"product_subscription_edit_reactivation":[0,"Edit reactivation"],"product_subscription_reactivation_configuration_locked":[0,"You can change the date, but product and plan remain locked until the {n} pending shipments are completed."],"product_subscription_cancel_reactivation":[0,"Cancel reactivation"],"product_subscription_cancel_reactivation_confirm":[
18050,"Cancel this scheduled reactivation?"],"product_subscription_still_cancelled":[0,"Your subscription remains cancelled until the first payment succeeds."],"product_subscription_payment_required":[0,"Update your payment method before scheduling reactivation."],"product_subscription_reactivation_unavailable":[0,"This subscription cannot be reactivated online."],"product_subscription_reactivation_support":[0,"This subscription cannot be reactivated online. Contact support to create a new one."],"product_subscription_reactivation_updated":[0,"Your scheduled reactivation has been updated."],"product_subscription_no_reactivation":[0,"There is no scheduled reactivation."],"cancel_subscription":[0,"Cancel subscription"],"reactivate_subscription":[0,"Reactivate subscription"],"cancellation_pending_title":[0,"Cancellation scheduled"],"cancellation_pending_body":[0,"Your subscription will be cancelled once the current block is complete. You can undo this anytime from here."],"subscription_cancelled_notice":[0,"Your subscription is cancelled."],"current_plan":[0,"Current plan"],"select_plan":[0,"Select"],"plan_updated":[0,"Plan updated."],"plan_update_failed":[0,"Could not update the plan. Please try again."],"your_selection":[0,"Your selection"],"no_products_selected":[0,"No products selected yet."],"browse_catalog":[0,"Add from Club catalog"],"catalog_empty":[0,"Catalog unavailable."],"add":[0,"Add"],"already_selected":[0,"Added"],"quota_reached":[0,"Full"],"save":[0,"Save"],"products_save_failed":[0,"Could not save the products. Please try again."],"subscription_shipping_changed":[0,"This shipment was updated elsewhere. We have refreshed its data; review it and try again."],"club_slots_headline":[0,"Choose {count} of {quota} Club products"],"club_tab_one_product":[0,"1 Product {price}"],"club_tab_two_products":[0,"2 Products {price}"],"club_tab_two_products_plus":[0,"2 Products {price}"],"club_tab_one_product_premium":[0,"1 PRODUCT"],"club_tab_three_products_premium":[0,"3 PRODUCTS"],"club_add_more_products":[0,"Add {count} more product{plural}"],"club_limit_reached":[0,"Limit reached"],"club_remove":[0,"Remove"],"club_slot":[0,"Slot {number}"],"empty_slot":[0,"Empty slot {number}"],"nav_menu":[0,"Menu"],"nav_overview":[0,"Overview"],"nav_subscriptions":[0,"My subscriptions"],"nav_orders":[0,"My orders"],"nav_profile":[0,"My profile"],"nav_help":[0,"Help"],"overview_greeting":[0,"Hi, {name}"],"subscriptions_header":[0,"My subscriptions"],"savings_since":[0,"Saved since {date}"],"savings_total":[0,"Total savings"],"savings_unavailable":[0,"Savings unavailable"],"view_subscriptions":[0,"View subscriptions"],"overview_subscriptions_body":[0,"Manage your subscriptions, dates and shipments from here."],"overview_no_subscriptions_title":[0,"You don't have any subscriptions yet"],"overview_no_subscriptions_body":[0,"Subscribe to your favorite products and save on every shipment."],"overview_club_banner":[0,"Your beauty subscription from just {price}/month"],"overview_club_cta":[0,"Learn more"],"latest_orders":[0,"Latest orders"],"view_more":[0,"View more"],"overview_no_orders_body":[0,"When you place your first order, you'll see it here."],"overview_shop_cta":[0,"Discover our products"],"recommended_products":[0,"Products you might like"],"add_to_cart_cta":[0,"Add to cart"],"added_to_cart":[0,"Added to cart"],"order_number_label":[0,"Order no.:"],"order_date_label":[0,"Order date:"],"order_status_shipped":[0,"Shipped"],"order_status_delivered":[0,"Delivered"],"order_status_cancelled":[0,"Cancelled"],"order_status_processing":[0,"Processing"],"order_status_refunded":[0,"Refunded"],"order_products_count":[0,"{count} products"],"order_products_count_one":[0,"1 product"],"back_to_orders":[0,"My orders"],"tracking_title":[0,"Tracking"],"quantity":[0,"Quantity"],"subscribe_and_save":[0,"Subscribe and save"],"gift":[0,"Gift"],"includes_tax":[0,"Includes {amount} in taxes"],"taxes_included":[0,"Taxes included"],"payment_details":[0,"Payment details"],"payment_unavailable":[0,"Not available"],"ticket":[0,"Receipt"],"download":[0,"Download"],"invoice_download_error":[0,"We couldn't download this invoice. Please try again."],"view_detail":[0,"View details"],"repeat_order":[0,"Reorder"],"repeat_order_error":[0,"We couldn't add the order to your cart. Please try again."],"orders_title":[0,"My orders"],"orders_search_placeholder":[0,"Search..."],"orders_filter_all":[0,"All"],"orders_filter_shipped":[0,"Shipped"],"orders_filter_delivered":[0,"Delivered"],"orders_filter_cancelled":[0,"Cancelled"],"order_subscription_strip":[0,"This order has a linked subscription"],"order_club_strip":[0,"Cocunat Club"],"orders_show_more":[0,"View more orders"],"tab_active":[0,"Active"],"tab_cancelled":[0,"Cancelled"],"no_cancelled_subscriptions":[0,"You don't have any cancelled subscriptions"],"no_subscriptions_body":[0,"Subscribe to your favorite products and save on every shipment."],"retry":[0,"Retry"],"modify":[0,"Modify"],"advance_shipment":[0,"Advance your shipment"],"detail_buy_now":[0,"Buy now"],"billing_attempt_confirm_title":[0,"
1805Buy this shipment now?"],"billing_attempt_confirm_message":[0,"We will try to charge your next shipment now using your current payment method."],"billing_attempt_confirm_button":[0,"Yes, buy now"],"billing_attempt_started":[0,"Your purchase is being processed. We will let you know when the payment is complete."],"billing_attempt_failed":[0,"We could not start the payment. Please try again."],"billing_attempt_no_shipping":[0,"There is no shipment available to charge now."],"club_products_count":[0,"{n} products"],"club_products_count_one":[0,"1 product"],"club_ribbon_tagline":[0,"Your luxury routine without luxury prices"],"club_claim":[0,"Up to 60% savings on every shipment"],"current_plan_prefix":[0,"Plan"],"subscription_no_commitment":[0,"Subscription with no commitment"],"subscriber_promo_title":[0,"10% stackable across the entire site"],"subscriber_promo_body":[0,"Enjoy a special discount just for our subscribers."],"subscriber_promo_cta":[0,"Buy now"],"subscription_label":[0,"Subscription"],"subscription_started_on":[0,"Started on {date}"],"subscription_not_found":[0,"We couldn't find this subscription"],"back_to_subscriptions":[0,"My subscriptions"],"previous_orders":[0,"Previous orders"],"orders_count":[0,"{n} orders"],"view_shipments":[0,"View shipments"],"view_less":[0,"View less"],"payment_update_note":[0,"We'll send you an email with a secure link to update your payment method."],"edit":[0,"Edit"],"confirm":[0,"Confirm"],"latest_order":[0,"Latest order"],"no_orders_oops":[0,"Oops! You have no orders yet"],"no_subscriptions_oops":[0,"Oops! You have no subscriptions yet"],"subscribe_now":[0,"Subscribe now"],"subscription_acquisition_title":[0,"Your subscription, your way."],"subscription_acquisition_body":[0,"Your essentials at the best price, always at your own pace."],"club_plan_tile_title":[0,"My Club"],"detail_savings_title":[0,"Savings earned"],"detail_savings_since":[0,"Since {date}"],"detail_progress_title":[0,"My progress"],"detail_view_completed_orders":[0,"View completed orders"],"detail_progress_claim":[0,"Your progress is looking great. Keep going to reach your result."],"detail_cancelled_claim":[0,"Don't lose everything you've achieved. Reactivate your subscription to continue."],"detail_payment_data":[0,"Payment details"],"detail_cancel_body":[0,"We're sorry to see you go. All your promotions will be removed. Cancellation can take effect after {date}."],"detail_request":[0,"Request"],"detail_continue_subscription":[0,"Continue my subscription"],"detail_change_date":[0,"Change date"],"detail_history_title":[0,"My history"],"detail_completed":[0,"Completed"],"detail_changes_until":[0,"You can make changes until 23:59 on {date}"],"detail_extra_products":[0,"Extra products"],"detail_add_products":[0,"Add products"],"detail_extra":[0,"extra"],"detail_savings_amount":[0,"You'll save {amount}"],"detail_saved_amount":[0,"Saved {amount}"],"detail_plan_products_range":[0,"1 - {count} products"],"detail_plan_duration":[0,"Duration {count} months"],"detail_plan_date_range":[0,"From {start} to {end}"],"detail_free_shipping":[0,"Free shipping"],"detail_club_progress_claim":[0,"Your progress is looking great. Every shipment brings you closer to completing your routine."],"detail_club_cancel_body":[0,"We're sorry to see you go. Cancelling removes your promotions and all your Club benefits."],"detail_advance_title":[0,"You are bringing your shipment forward"],"detail_items_count":[0,"{count} products"],"detail_contact_data":[0,"Contact details"],"detail_saved_payment":[0,"Saved payment method"],"product_action_country":[0,"Country"],"product_action_country_code":[0,"Country code"],"product_action_next_shipment":[0,"Your next shipment will be sent on"],"product_action_select_date":[0,"Select a new date:"],"product_action_one_week":[0,"One week"],"product_action_two_weeks":[0,"Two weeks"],"product_action_one_month":[0,"One month"],"product_action_other_date":[0,"Another date"],"product_action_previous_month":[0,"Previous month"],"product_action_next_month":[0,"Next month"],"product_action_date_success_body":[0,"Your changes have been saved. The date of your next order is up to date. Remember that you can change your subscription again whenever you need."],"product_action_email_prefix":[0,"Check your inbox, "],"product_action_email_highlight":[0,"we have just sent an email to {email}"],"product_action_email_suffix":[0," with a link to change the payment method for this subscription."],"product_action_address_success_body":[0,"Your next order will be sent to this address."],"product_action_delete_address":[0,"Delete address"],"detail_review_email":[0,"Check your email"],"detail_payment_email_body":[0,"We sent a secure link to {email} so you can update your payment method for this subscription."],"detail_your_email":[0,"your email"],"detail_back_to_account":[0,"Back to my account"],"club_action_close":[0,"Close"],"club_action_success_title":[0,"Change saved successfully"],"club_action_back":[0,"Back"],"club_action_next":[0,"Next"],"club_action_change_date_title":[0,"When should we send your order?"],"club_action_new_date_label":[0,"Choose a new date"],"club_action_next_delivery":[0,"Next delivery"],"club_action_change_date":[0,"Change date"],"club_action_date_success_title":[0,"Change saved successfully"],"club_action_date_success_body":[0,"Your next shipment has been updated with the new date."],"club_action_address_title":[0,"Where should we send your order?"],"club_action_address_list":[0,"Addresses"],"club_action_add_address":[0,"Add"],"club_action_no_addresses":[0,"You do not have any saved addresses yet."],"club_action_select_address":[0,"Select address"],"club_action_selected":[0,"Selected"],"club_action_edit_address":[0,"Add or edit address"],"club_action_address_success_title":[0,"Address updated"],"club_action_address_success_body":[0,"Your next Club shipment will be sent to this address."],"club_action_plans_title":[0,"Plans and prices"],"club_action_per_shipment":[0,"shipment"],"club_action_save_up_to":[0,"Save up to"],"club_action_commitment":[0,"6-month commitment"],"club_action_savings_banner":[0,"Up to 60% savings"],"club_action_includes":[0,"Your plan includes"],"club_action_select":[0,"Select"],"club_action_product_examples":[0,"Selected products"],"club_action_buy_now":[0,"Buy now"],"club_action_plan_success_title":[0,"Change saved successfully"],"club_action_plan_success_body":[0,"Your next order has been updated with your new plan."],"club_action_products_title":[0,"Modify Club products"],"club_action_products_body":[0,"
1805Swap your products for others from the selection and keep your subscriber discount intact."],"club_action_selected_products":[0,"Selected products"],"club_action_exclusive":[0,"exclusive"],"club_action_extra_savings_title":[0,"Save more with your subscription"],"club_action_extra_savings_body":[0,"Add products to this shipment and enjoy your subscriber benefits."],"club_action_add_extras":[0,"Add products to my order"],"club_action_add_extras_discount":[0,"Extra subscriber discount"],"club_action_add_extras_shipping":[0,"No additional shipping costs"],"club_action_skip_extras":[0,"Do not add more products for now"],"club_action_skip_extras_body":[0,"You can still add them before your shipment is prepared."],"club_action_add_to_shipment":[0,"Add products to your shipment"],"club_action_products_success_title":[0,"Products updated successfully"],"club_action_products_success_body":[0,"Your next Club shipment has been updated."],"club_action_next_shipment_includes":[0,"Your next shipment includes"],"club_action_total_savings":[0,"Your total savings"],"copy_order_number":[0,"Copy order number"],"copied":[0,"Copied"],"copy_failed":[0,"Could not copy"]}],"clubPrices":[0,{"club":[0,"$64"],"plus":[0,"$94"],"premium":[0,"â¬79"]}]}" ssr="" client="only" opts="{"name":"AccountOverview","value":"react"}"></astro-island> <div id="templates" style="display: none;" data-astro-cid-sckkx6r4> <div id="template-custom-title" data-astro-cid-sckkx6r4> <span class="bullet" data-astro-cid-sckkx6r4>-</span> <span class="text-[20px] font-bold uppercase" style="color: #000" data-astro-cid-sckkx6r4><p></p></span> </div> </div>
1805<script src="/general.js?v=2"></script>
1805 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLG7X4WS" loading="lazy" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1805<script> 1806 function amm() { 1807 try { 1808 var s, d; 1809 s = localStorage.getItem("amm"); 1810 d = JSON.parse(s); 1811 if (d) { 1812 return d; 1813 } 1814 } catch (err) { 1815 console.log(err); 1816 } 1817 } 1818 1819 function loadFacebookPixel() { 1820 if (window.fbq) return; 1821 window.fbq = function() { 1822 window.fbq.callMethod ? 1823 window.fbq.callMethod.apply(window.fbq, arguments) : 1824 window.fbq.queue.push(arguments); 1825 }; 1826 if (!window._fbq) window._fbq = window.fbq; 1827 window.fbq.push = window.fbq; 1828 window.fbq.loaded = true; 1829 window.fbq.version = '2.0'; 1830 window.fbq.queue = []; 1831 } 1832 1833 loadFacebookPixel(); 1834 1835 const script = document.createElement('script'); 1836 script.async = true; 1837 script.src = 'https://connect.facebook.net/en_US/fbevents.js'; 1838 document.head.appendChild(script); 1839 1840 window.fbq('init', '1983837231849232', amm()); 1841 window.fbq('track', 'PageView', {}, { 1842 eventID: 'fb_pv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9) 1843 }); 1844 </script>
1844<script> 1845 // Google Tag Manager
vendor: 348 bytes, lines 1845-1850
1845 1846 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1847 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1848 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1849 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1850 })(window,document,'script','dataLayer','
1850GTM-KW3SVVL
vendor: 9 bytes, lines 1850-1852
1850'); 1851 1852
1852window.dataLayer = window.dataLayer || []; 1853 function gtag(){dataLayer.push(arguments);} 1854 gtag('js', new Date()); 1855 1856 //gtag('config', 'G-YJK3235YE2'); 1857 //gtag('config', 'AW-966514714', {'allow_enhanced_conversions': true}); 1858 1859 // Consent function 1860 function allConsentGranted() { 1861 gtag('consent', 'update', { 1862 'ad_user_data': 'granted', 1863 'ad_personalization': 'granted', 1864 'ad_storage': 'granted', 1865 'analytics_storage': 'granted' 1866 }); 1867 } 1868 1869 // Set timeout for consent 1870 //setTimeout(allConsentGranted, 4000 + Math.floor(Math.random() * 1000)); 1871 </script>
1871<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/YdBuXU/klaviyo.js"></script>
1871<script> 1872 /* >> TriplePixel :: start*/ 1873 window.TriplePixelData={TripleName:"cocunat.myshopify.com",ver:"2.17",plat:"SHOPIFY",isHeadless:true},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,a){return void 0===a&&(a=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(a)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=cocunat-us.myshopify.com&plat=SHOPIFY",5)))}}("","TriplePixel",localStorage); 1874 /* << TriplePixel :: end*/ 1875 </script>
1875<!-- Terceros NO criticos diferidos fuera del critical path de LCP. Dentro del 1876 template los scripts quedan inertes (no se parsean ni descargan) hasta que 1877 el inyector de abajo los recrea tras la primera interaccion o el primer idle. --><template id="cocunat-deferred-3p">
1877<script type="text/javascript"> 1878 (function() { 1879 var script = document.createElement('script'); 1880 script.type = 'text/javascript'; 1881 script.src = '//cdn-4.convertexperiments.com/v1/js/10043431-100414253.js?environment=production'; 1882 document.body.appendChild(script); 1883 })(); 1884 </script>
1884<script type="text/javascript"> 1885 !function(s) { 1886 let o = s.createElement('script'), u = s.getElementsByTagName('script')[0]; 1887 o.src = 'https://cdn.aggle.net/oir/oir.min.js'; 1888 o.async = !0, o.setAttribute('oirtyp', '6311ae17'), o.setAttribute('oirid', 'PCN8LBBDF'); 1889 u.parentNode.insertBefore(o, u); 1890 }(document); 1891 </script>
1891 1892
1892<script type="text/javascript"> 1893 !function(e) { 1894 let t = { }; 1895 (e._oirtrk = e._oirtrk || []).push(['track', 'on-site', t]); 1896 }(window); 1897 </script>
1897<script> 1898 // Outbrain Tracking Script 1899 (function() { 1900 try { 1901 console.log("Starting Outbrain tracking script"); 1902 1903 /* DO NOT MODIFY THIS CODE*/ 1904 !function(_window, _document) { 1905 var OB_ADV_ID = '003d68b0d82d96deca68d250f7d996c0ea'; 1906 if (_window.obApi) { 1907 var toArray = function(object) { 1908 return Object.prototype.toString.call(object) === '[object Array]' ? object : [object]; 1909 }; 1910 _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID)); 1911 return; 1912 } 1913 var api = _window.obApi = function() { 1914 api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments); 1915 }; 1916 api.version = '1.1'; 1917 api.loaded = true; 1918 api.marketerId = OB_ADV_ID; 1919 api.queue = []; 1920 var tag = _document.createElement('script'); 1921 tag.async = true; 1922 tag.src = '//amplify.outbrain.com/cp/obtp.js'; 1923 tag.type = 'text/javascript'; 1924 var script = _document.getElementsByTagName('script')[0]; 1925 script.parentNode.insertBefore(tag, script); 1926 }(window, document); 1927 1928 console.log("Outbrain script loaded"); 1929 1930 // Original tracking calls 1931 obApi('track', 'PAGE_VIEW'); 1932 console.log("Outbrain: Tracked PAGE_VIEW"); 1933 1934 obApi('track', 'Visita'); 1935 console.log("Outbrain: Tracked 'Visita'"); 1936 1937 } catch(e) { 1938 console.error("Error in Outbrain tracking script:", e); 1939 } 1940 })(); 1941 </script>
1941<script> 1942 window._tfa = window._tfa || []; 1943 window._tfa.push({notify: 'event', name: 'page_view', id: 1798403}); 1944 !function (t, f, a, x) { 1945 if (!document.getElementById(x)) { 1946 t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f); 1947 } 1948 }(document.createElement('script'), 1949 document.getElementsByTagName('script')[0], 1950 '//cdn.taboola.com/libtrc/unip/1798403/tfa.js', 1951 'tb_tfa_script'); 1952 </script>
1952<script> 1953 var awMastertag = document.createElement("script"); 1954 awMastertag.setAttribute("defer", "defer"); 1955 awMastertag.src = "https://www.dwin1.com/49403.js"; 1956 awMastertag.type = "text/javascript"; 1957 document.getElementsByTagName("body")[0].appendChild(awMastertag); 1958 </script>
1958</template>
1958<script> 1959 /* Inyector de terceros diferidos: recrea los scripts inertes del template de 1960 arriba (Convert, Aggle, Outbrain, Taboola, AWIN) fuera del critical path de 1961 LCP. GTM, FB, TriplePixel y Klaviyo quedan EAGER por ser criticos. Dispara en 1962 la primera interaccion o, sin interaccion, en el primer idle tras 1963 DOMContentLoaded (techo 2.5s). Reversible: borra este bloque y el template 1964 y vuelve a dejar los scripts como estaban. */ 1965 (function () { 1966 var fired = false; 1967 var evs = ['pointerdown', 'keydown', 'touchstart', 'scroll', 'mousemove']; 1968 function cleanup() { 1969 evs.forEach(function (e) { window.removeEventListener(e, go, { passive: true }); }); 1970 } 1971 function go() { 1972 if (fired) return; 1973 fired = true; 1974 cleanup(); 1975 var tpl = document.getElementById('cocunat-deferred-3p'); 1976 if (!tpl || !tpl.content) return; 1977 var scripts = tpl.content.querySelectorAll('script'); 1978 for (var i = 0; i < scripts.length; i++) { 1979 var old = scripts[i]; 1980 var s = document.createElement('script'); 1981 for (var j = 0; j < old.attributes.length; j++) { 1982 s.setAttribute(old.attributes[j].name, old.attributes[j].value); 1983 } 1984 if (!old.src) s.text = old.textContent; 1985 document.body.appendChild(s); 1986 } 1987 } 1988 evs.forEach(function (e) { window.addEventListener(e, go, { passive: true }); }); 1989 function schedule() { 1990 if ('requestIdleCallback' in window) requestIdleCallback(go, { timeout: 2500 }); 1991 else setTimeout(go, 2000); 1992 } 1993 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule); 1994 else schedule(); 1995 })(); 1996</script>
1996<script> 1997 setTimeout(() => { 1998 try{ 1999 const waitForAxon = (callback, maxAttempts = 10, interval = 1000) => { 2000 let attempts = 0; 2001 const tryAxon = () => { 2002 if (typeof axon !== 'undefined') { 2003 callback(); 2004 } else if (attempts < maxAttempts) { 2005 attempts++; 2006 setTimeout(tryAxon, interval); 2007 } else { 2008 console.error('Axon failed to load after maximum attempts'); 2009 } 2010 }; 2011 tryAxon(); 2012 }; 2013 waitForAxon(() => { 2014 axon("track", "page_view", {}); 2015 }); 2016 }catch(e){ 2017 console.error("Error in Axon tracking script:", e); 2018 } 2019 }, 500); 2020 </script>
2020<script> 2021(function (w, d) { 2022 w.addEventListener("load", function () { 2023 var s = d.createElement("script"); 2024 s.src = "https://rum.corewebvitals.io/cwv/69b29c1d4f2b3f56f02bf58d.js"; 2025 d.head.appendChild(s); 2026 }); 2027})(window, document); 2028</script>
2028<img src="https://6a300ee70091da5f15128660.tracker.adotmob.com/pixel/visit?gdpr=${GDPR}&gdpr_consent=${GDPR_CONSENT_272}&d=5000&r=https%3A%2F%2F6a300ee70091da5f15128660.tracker.adotmob.com%2Fpixel%2Fvisit5s%3Fgdpr%3D${GDPR}%26gdpr_consent%3D${GDPR_CONSENT_272}" style="display:none">
2028<script> 2029 // KLAVIYO POPUP FORM 2030 window._klOnsite = window._klOnsite || []; 2031 2032 // Helper functions for cookie management 2033 function getCookie(name) { 2034 const value = `; ${document.cookie}`; 2035 const parts = value.split(`; ${name}=`); 2036 if (parts.length === 2) return parts.pop().split(';').shift(); 2037 return null; 2038 } 2039 2040 function setCookie(name, value, days) { 2041 const expires = new Date(); 2042 expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000)); 2043 document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`; 2044 } 2045 2046 // Check if user is on mobile based on screen width only 2047 function isMobile() { 2048 return window.innerWidth <= 768; 2049 } 2050 2051 // Function to set up form listeners 2052 function setupKlaviyoFormListeners() { 2053 const waitForForm = setInterval(function() { 2054 const formButtons = document.querySelectorAll('form.klaviyo-form button'); 2055 2056 if (formButtons.length > 0) { 2057 // Add click listener to all buttons in the Klaviyo form 2058 formButtons.forEach(function(button) { 2059 button.addEventListener('click', function() { 2060 // Set cookie to block popup for 5 days 2061 setCookie('klaviyo_popup_blocked', 'true', 5); 2062 }); 2063 }); 2064 2065 // Also check for close button (X) if it exists 2066 const closeButton = document.querySelector('.klaviyo-close-form'); 2067 if (closeButton) { 2068 closeButton.addEventListener('click', function() { 2069 setCookie('klaviyo_popup_blocked', 'true', 5); 2070 }); 2071 } 2072 2073 clearInterval(waitForForm); 2074 } 2075 }, 100); // Check every 100ms 2076 2077 // Clear interval after 10 seconds to prevent memory leak 2078 setTimeout(function() { 2079 clearInterval(waitForForm); 2080 }, 10000); 2081 } 2082 2083 // Check if popup was blocked by user 2084 const popupBlocked = getCookie('klaviyo_popup_blocked'); 2085 2086 // Check if URL contains "/en-" 2087 const isEnglishMarket = window.location.pathname.includes('/en-'); 2088 2089 // Show popup on English markets and if not blocked 2090 if (isEnglishMarket && !popupBlocked && 1 == 2) { 2091 // Wait 6 seconds before showing popup 2092 setTimeout(function() { 2093 // Double-check the blocked cookie in case it was set during the wait 2094 if (!getCookie('klaviyo_popup_blocked')) { 2095 // Show different form based on device type 2096 const formId = isMobile() ? 'XDKSbu' : 'Xvkubh'; 2097 window._klOnsite.push(['openForm', formId]); 2098 2099 // Set up form listeners after opening the form 2100 setupKlaviyoFormListeners(); 2101 } 2102 }, 6000); // 6 seconds delay 2103 } 2104 2105 /*<span class="needsclick go681896951 kl-private-reset-css-Xuajs1" style="overflow: hidden; box-sizing: border-box; border-radius: 50%; background-color: rgb(255, 255, 255); background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/YdBuXU/images/41fc6421-821d-499c-b71f-d450dae3250a.png"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 100%; padding: 8px; display: flex; flex-direction: column; justify-content: center;"><div class="needsclick kl-private-reset-css-Xuajs1"><div class="needsclick kl-private-reset-css-Xuajs1"><div id="rich-text-01K0P46SJT509QAQTNXCT5NYES" class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;"></div></div></div></span>*/ 2106 </script>
2106 <!-- Canary Islands Detection Modal --> <div id="canary-islands-modal" class="hidden fixed inset-0 z-[9999] items-center justify-center p-4" data-astro-cid-sckkx6r4> <!-- Backdrop --> <div id="canary-modal-backdrop" class="absolute inset-0 bg-black/60 backdrop-blur-sm" data-astro-cid-sckkx6r4></div> <!-- Modal Content --> <div class="relative w-full max-w-md transform transition-all" data-astro-cid-sckkx6r4> <!-- Decorative top border --> <div class="absolute -top-1 left-0 right-0 h-1 bg-gradient-to-r from-amber-200 via-amber-400 to-amber-200" data-astro-cid-sckkx6r4></div> <div class="relative bg-[#FAF9F7] rounded-sm shadow-2xl" data-astro-cid-sckkx6r4> <!-- Close button --> <button id="canary-modal-close" class="absolute top-4 right-4 w-8 h-8 flex items-center justify-center text-neutral-400 hover:text-neutral-600 transition-colors z-10" aria-label="Close" data-astro-cid-sckkx6r4> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" data-astro-cid-sckkx6r4></path> </svg> </button> <!-- Header with decorative element --> <div class="relative pt-10 pb-4 px-8 text-center" data-astro-cid-sckkx6r4> <!-- Decorative island silhouette --> <div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2" data-astro-cid-sckkx6r4> <div class="w-16 h-16 rounded-full bg-white shadow-lg flex items-center justify-center" data-astro-cid-sckkx6r4> <svg class="w-8 h-8 text-amber-500" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sckkx6r4> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" data-astro-cid-sckkx6r4></path> </svg> </div> </div> </div> <!-- Content --> <div class="px-8 pb-6" data-astro-cid-sckkx6r4> <p class="text-neutral-600 text-center text-[15px] leading-relaxed" data-astro-cid-sckkx6r4> 2107Parece que nos visitas desde <strong class="text-neutral-800" data-astro-cid-sckkx6r4>Canarias</strong>. Si es el caso, tenemos un mensaje para ti. Si no, continúa comprando. 2108</p> </div> <!-- Buttons --> <div class="px-8 pb-8 flex flex-col sm:flex-row gap-3" data-astro-cid-sckkx6r4> <a id="canary-modal-link" href="/es-es/canary-islands" class="flex-1 py-3.5 px-4 bg-neutral-900 hover:bg-neutral-800 text-white text-sm font-medium tracking-wide transition-colors duration-200 text-center rounded-sm" data-astro-cid-sckkx6r4> 2109SÃ, soy de Canarias 2110</a> <button id="canary-modal-dismiss" class="flex-1 py-3.5 px-4 bg-white hover:bg-neutral-50 text-neutral-700 text-sm font-medium tracking-wide transition-colors duration-200 text-center border border-neutral-300 rounded-sm" data-astro-cid-sckkx6r4> 2111No, continuar 2112</button> </div> <!-- Decorative bottom pattern --> <div class="h-1.5 bg-gradient-to-r from-amber-100 via-amber-300 to-amber-100" data-astro-cid-sckkx6r4></div> </div> </div> </div> </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.