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/stores"><link rel="alternate" hreflang="en-al" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-dz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-as" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ad" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-ao" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ai" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-aq" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ag" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-ar" href="https://cocunat.com/es-int/stores"><link rel="alternate" hreflang="en-am" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-aw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-au" href="https://cocunat.com/en-au/stores"><link rel="alternate" hreflang="en-at" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-az" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bs" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bh" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bd" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bb" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-by" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-be" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-bz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bj" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bt" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-bo" href="https://cocunat.com/es-int/stores"><link rel="alternate" hreflang="en-bq" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ba" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bv" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-br" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-io" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bi" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cv" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kh" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ca" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ky" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-td" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cl" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cx" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cc" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-co" href="https://cocunat.com/es-co/stores"><link rel="alternate" hreflang="en-km" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cd" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ck" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-hr" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="es-cu" href="https://cocunat.com/es-int/stores"><link rel="alternate" hreflang="en-cw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-cy" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-cz" href="https://cocunat.com/en-cz/stores"><link rel="alternate" hreflang="en-ci" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-dk" href="https://cocunat.com/en-dk/stores"><link rel="alternate" hreflang="en-dj" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-dm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-do" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-ec" href="https://cocunat.com/es-int/stores"><link rel="alternate" hreflang="en-eg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-sv" href="https://cocunat.com/es-int/stores"><link rel="alternate" hreflang="en-gq" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-er" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ee" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-sz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-et" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-fk" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-fo" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-fj" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-fi" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="fr-fr" href="https://cocunat.com/fr-fr/stores"><link rel="alternate" hreflang="en-gf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ga" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ge" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="de-de" href="https://cocunat.com/de-de/stores"><link rel="alternate" hreflang="en-gh" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gi" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gr" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-gl" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gd" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gp" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gu" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gt" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gy" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ht" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-hm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-va" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-hn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-hk" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-hu" href="https://cocunat.com/en-hu/stores"><link rel="alternate" hreflang="en-is" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-in" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-id" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ir" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-iq" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ie" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-im" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-il" href="https://cocunat.com/en-il/stores"><link rel="alternate" hreflang="it-it" href="https://cocunat.com/it-it/stores"><link rel="alternate" hreflang="en-jm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-jp" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-je" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-jo" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ke" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ki" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kp" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-la" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-lv" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-lb" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ls" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-lr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ly" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-li" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-lt" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-lu" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-mo" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-my" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mv" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ml" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mt" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-mh" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mq" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mu" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-yt" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-mx" href="https://cocunat.com/es-mx/stores"><link rel="alternate" hreflang="en-fm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-md" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mc" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-mn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-me" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ms" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ma" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-na" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-nr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-np" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-nl" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-nc" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-nz" href="https://cocunat.com/en-nz/stores"><link rel="alternate" hreflang="en-ni" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ne" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ng" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-nu" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-nf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mp" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-no" href="https://cocunat.com/en-no/stores"><link rel="alternate" hreflang="en-om" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pk" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ps" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pa" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-py" href="https://cocunat.com/en-PY/stores"><link rel="alternate" hreflang="es-pe" href="https://cocunat.com/es-pe/stores"><link rel="alternate" hreflang="en-ph" href="https://cocunat.com/en-ph/stores"><link rel="alternate" hreflang="en-pn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pl" href="https://cocunat.com/en-pl/stores"><link rel="alternate" hreflang="en-pt" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-pr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-qa" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mk" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ro" href="https://cocunat.com/en-ro/stores"><link rel="alternate" hreflang="en-ru" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-rw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-re" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-bl" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sh" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-kn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-lc" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-mf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-pm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-vc" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ws" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-st" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sa" href="https://cocunat.com/en-sa/stores"><link rel="alternate" hreflang="en-sn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-rs" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sc" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sl" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sg" href="https://cocunat.com/en-int/stores"><link rel="alternate" href
731lang="en-sx" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sk" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-si" href="https://cocunat.com/en-eu/stores"><link rel="alternate" hreflang="en-sb" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-so" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-za" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gs" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ss" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-es" href="https://cocunat.com/es-es/stores"><link rel="alternate" hreflang="en-lk" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sd" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-sj" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-se" href="https://cocunat.com/en-se/stores"><link rel="alternate" hreflang="en-ch" href="https://cocunat.com/en-ch/stores"><link rel="alternate" hreflang="en-sy" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tj" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-th" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tl" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tk" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-to" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tt" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tr" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tc" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-tv" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ug" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ua" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ae" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-gb" href="https://cocunat.com/en-gb/stores"><link rel="alternate" hreflang="en-um" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-us" href="https://cocunat.com/en-us/stores"><link rel="alternate" hreflang="en-uy" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-uz" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-vu" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="es-ve" href="https://cocunat.com/es-int/stores"><link rel="alternate" hreflang="en-vn" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-vg" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-vi" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-wf" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-eh" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ye" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-zm" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-zw" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-ax" href="https://cocunat.com/en-int/stores"><link rel="alternate" hreflang="en-xx" href="https://cocunat.com/en-int/stores"><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>Our Stores | Cocunat | Cocunat</title>
731<link rel="canonical" href="https://cocunat.com/en-us/stores"><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="Our Stores | Cocunat | 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/stores"><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="Our Stores | Cocunat | 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"><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.store-card[data-astro-cid-k2n6fqcz]{cursor:pointer}.store-name[data-astro-cid-k2n6fqcz]{font-family:Brown-Light,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.3)}.address-block[data-astro-cid-k2n6fqcz]{font-family:Brown-Light,sans-serif}.address-street[data-astro-cid-k2n6fqcz]{font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:#1a1a1a;margin-bottom:.125rem}.address-city[data-astro-cid-k2n6fqcz]{font-size:.8125rem;letter-spacing:.02em;text-transform:uppercase;color:#4a4a4a;margin-bottom:.125rem}.address-postal[data-astro-cid-k2n6fqcz]{font-size:.8125rem;letter-spacing:.02em;color:#6a6a6a}.coming-soon-badge[data-astro-cid-k2n6fqcz]{font-family:Brown-Light,sans-serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#666;padding:.5rem 1rem;border:1px solid #999;background:#fffc}.custom-marker{background:transparent;border:none}.section-title[data-astro-cid-zq6wwham]{font-family:Brown-Light,sans-serif;font-size:clamp(1.125rem,3vw,1.5rem);letter-spacing:.3em;text-transform:uppercase;
1139color:#1a1a1a}.map-list-container[data-astro-cid-zq6wwham]{display:flex;flex-direction:column}@media (min-width: 1024px){.map-list-container[data-astro-cid-zq6wwham]{display:grid;grid-template-columns:320px 1fr}}.store-list-sidebar[data-astro-cid-zq6wwham]{width:100%;max-height:300px;overflow-y:auto;border-bottom:1px solid #e7e5e4}@media (min-width: 1024px){.store-list-sidebar[data-astro-cid-zq6wwham]{max-height:500px;border-bottom:none;border-right:1px solid #e7e5e4}}.map-container[data-astro-cid-zq6wwham]{width:100%;height:400px;min-height:400px;background-color:#f5f5f4}@media (min-width: 1024px){.map-container[data-astro-cid-zq6wwham]{height:500px;min-height:500px}}#store-map .leaflet-container{width:100%;height:100%}.store-list-item[data-astro-cid-zq6wwham].active{background-color:#f5f5f4}.store-list-name[data-astro-cid-zq6wwham]{font-family:Brown-Regular,sans-serif;font-size:.875rem;letter-spacing:.02em;text-transform:uppercase;color:#1a1a1a}.store-list-address[data-astro-cid-zq6wwham]{font-family:Brown-Light,sans-serif;font-size:.8125rem;color:#5a5a5a;line-height:1.5}.leaflet-popup-content-wrapper{border-radius:0;font-family:Brown-Light,sans-serif}.leaflet-popup-content{margin:12px 16px}.store-popup-name{font-family:Brown-Regular,sans-serif;font-size:.875rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px}.store-popup-address{font-size:.8125rem;color:#5a5a5a} 1140</style> 1141<link rel="stylesheet" href="/_astro/canary-islands.pf8J22Xv.css">
1141<script type="module" src="/_astro/hoisted.CZt8Hj9K.js"></script>
1141</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 1142 sticky: scrollean fuera y la cápsula se queda. --> <!-- All variants stay in the DOM: SSR selects the market default and skin.js 1143 can still switch them for a client-only preview or promotion. --><div id="announcement-bar-regular-wrapper" class="relative z-[40] [.body--mega-open_&]: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> 1144 @media (min-width: 640px) { 1145 .announcement-bar-countdown br { 1146 display: none; 1147 } 1148 1149 .announcement-bar-countdown span { 1150 display: inline; 1151 } 1152 } 1153 1154 .countdown-number { 1155 display: inline-block; 1156 min-width: 1.2em; 1157 text-align: center; 1158 font-variant-numeric: tabular-nums; 1159 } 1160</style><a id="anouncement-bar-2" href="/en-us/collections/specialoffers" class="announcement-bar-countdown bg-black w-full text-white py-1 px-4 block"> <div class="flex items-center justify-between sm:justify-center max-w-6xl mx-auto sm:px-4 gap-4 sm:gap-8"> <div class="text-left sm:text-left"> <p class="text-[14px] leading-[16px]">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>
1160<script>(function(){const deadline = "2025-11-30T23:59:59"; 1161 1162 function initCountdown() { 1163 // Skip if SKINs will override this (check for skin override flag) 1164 if (window.countdownSkinsOverride) return; 1165 1166 const targetDate = new Date(deadline).getTime(); 1167 let lastValues = { days: null, hours: null, minutes: null, seconds: null }; 1168 1169 const daysEl = document.getElementById('countdown-days'); 1170 const hoursEl = document.getElementById('countdown-hours'); 1171 const minutesEl = document.getElementById('countdown-minutes'); 1172 const secondsEl = document.getElementById('countdown-seconds'); 1173 1174 function updateCountdown() { 1175 const now = new Date().getTime(); 1176 const distance = targetDate - now; 1177 1178 if (distance < 0) { 1179 if (lastValues.days !== '00') { 1180 daysEl.textContent = '00'; 1181 hoursEl.textContent = '00'; 1182 minutesEl.textContent = '00'; 1183 secondsEl.textContent = '00'; 1184 lastValues = { days: '00', hours: '00', minutes: '00', seconds: '00' }; 1185 } 1186 return; 1187 } 1188 1189 const days = String(Math.floor(distance / (1000 * 60 * 60 * 24))).padStart(2, '0'); 1190 const hours = String(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0'); 1191 const minutes = String(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'); 1192 const seconds = String(Math.floor((distance % (1000 * 60)) / 1000)).padStart(2, '0'); 1193 1194 // Only update DOM if values changed 1195 if (lastValues.days !== days) { 1196 daysEl.textContent = days; 1197 lastValues.days = days; 1198 } 1199 if (lastValues.hours !== hours) { 1200 hoursEl.textContent = hours; 1201 lastValues.hours = hours; 1202 } 1203 if (lastValues.minutes !== minutes) { 1204 minutesEl.textContent = minutes; 1205 lastValues.minutes = minutes; 1206 } 1207 if (lastValues.seconds !== seconds) { 1208 secondsEl.textContent = seconds; 1209 lastValues.seconds = seconds; 1210 } 1211 } 1212 1213 updateCountdown(); 1214 setInterval(updateCountdown, 1000); 1215 } 1216 1217 if (document.readyState === 'loading') { 1218 document.addEventListener('DOMContentLoaded', initCountdown); 1219 } else {
1220 initCountdown(); 1221 } 1222})();</script>
1222 </div> <div id="announcement-bar-dynamic-wrapper" class="relative z-[40] [.body--mega-open_&]:z-[100] hidden"> <div class="announcement-bar-dynamic bg-black w-full text-white py-1 px-1 text-sm min-h-[28px] flex items-center justify-center"> <a href="/en-us/collections/ofertas-especiales" class="announcement-message text-center block w-full active" data-index="0">¡REGALO POR COMPRA! A PARTIR DE +$2700 â</a><a href="/en-us/collections/envio-gratis" class="announcement-message text-center block w-full " data-index="1">ENVÃO GRATIS EN COMPRAS +$1500 â</a><a href="/en-us/collections/ofertas-especiales" class="announcement-message text-center block w-full " data-index="2">DESCUBRE NUESTRAS OFERTAS ESPECIALES â</a><a href="/en-us/collections/specialoffers" class="announcement-message text-center block w-full " data-index="3">DISCOVER OUR SPECIAL OFFERS â</a> </div>
1222<script>(function(){const interval = 3000; 1223const messagesCount = 4; 1224 1225 function initAnnouncementCarousel() { 1226 const messages = document.querySelectorAll('.announcement-message'); 1227 let currentIndex = 0; 1228 1229 if (messages.length <= 1) return; 1230 1231 function rotateMessages() { 1232 messages[currentIndex].classList.remove('active'); 1233 currentIndex = (currentIndex + 1) % messagesCount; 1234 messages[currentIndex].classList.add('active'); 1235 } 1236 1237 setInterval(rotateMessages, interval); 1238 } 1239 1240 if (document.readyState === 'loading') { 1241 document.addEventListener('DOMContentLoaded', initAnnouncementCarousel); 1242 } else { 1243 initAnnouncementCarousel(); 1244 } 1245})();</script>
1245 </div> <header class="cat-header pointer-events-none sticky top-0 z-[90] mb-[-66px] w-full bg-transparent px-6 pb-0 pt-3 max-md:mb-[-64px] [transition:margin-top_320ms_cubic-bezier(0.4,0,0.2,1)_120ms,padding_320ms_cubic-bezier(0.4,0,0.2,1)_120ms,background-color_220ms_ease_120ms] max-md:pl-[max(12px,env(safe-area-inset-left))] max-md:pr-[max(12px,env(safe-area-inset-right))] [.body--past-hero_&]:bg-white [.body--past-hero_&]:pt-0 [.body--lock-stuck_&]:fixed [.body--lock-stuck_&]:inset-x-0 [.body--lock-stuck_&]:top-0 [.body--drawer-open_&]:fixed [.body--drawer-open_&]:inset-x-0 [.body--drawer-open_&]:top-0 [.body--drawer-open_&]:z-[110] [.body--drawer-open_&]:bg-white [.body--drawer-open_&]:pt-0 [.body--drawer-open_&]:[transition:margin-top_320ms_cubic-bezier(0.4,0,0.2,1)_0ms,padding_320ms_cubic-bezier(0.4,0,0.2,1)_0ms,background-color_220ms_ease_0ms] motion-reduce:transition-none" data-mode="negative"> <div class="pointer-events-auto relative z-[2] mx-auto flex h-[54px] max-w-[1600px] items-center gap-4 rounded-md bg-black/40 px-6 text-white backdrop-blur-[14px] backdrop-saturate-[1.2] transition-[background-color,color,border-radius] duration-[220ms] [.body--nav-compact_&]:gap-2 max-lg:px-4 max-md:h-[52px] max-md:gap-0 max-md:px-2 max-[400px]:px-1 [.body--past-hero_&]:rounded-none [.body--past-hero_&]:bg-white [.body--past-hero_&]:text-black [.body--past-hero_&]:[backdrop-filter:none] [.body--drawer-open_&]:rounded-none [.body--drawer-open_&]:bg-white [.body--drawer-open_&]:text-black [.body--drawer-open_&]:[backdrop-filter:none]"> <!-- Hamburger: SOLO si hay menú (sin menú no hay drawer que abrir). --> <button type="button" class="group/burger hidden cursor-pointer items-center justify-center border-0 bg-transparent text-inherit max-lg:inline-flex [.body--nav-collapsed_&]:inline-flex -ml-2 p-2 max-md:-ml-1 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current transition-[transform,opacity] duration-[80ms] ease-out active:scale-[0.92] active:opacity-60 [-webkit-tap-highlight-color:transparent]" aria-label="Open menu" aria-expanded="false" aria-controls="cat-drawer" data-drawer-open> <span class="relative inline-flex h-3.5 w-4 flex-col justify-between" aria-hidden="true"> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:translate-y-[6.25px] group-aria-expanded/burger:rotate-45 motion-reduce:transition-none"></span> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:opacity-0 motion-reduce:transition-none"></span> <span class="block h-[1.5px] w-full rounded-sm bg-current transition-[transform,opacity] duration-[250ms] ease-in-out group-aria-expanded/burger:-translate-y-[6.25px] group-aria-expanded/burger:-rotate-45 motion-reduce:transition-none"></span> </span> </button> <!-- Logo. min-w + shrink-0 + overflow-visible: triple defensa anti-shrink. --> <a href="/en-us/" class="flex min-w-[121px] shrink-0 items-center overflow-visible text-inherit no-underline max-md:pointer-events-auto max-md:absolute max-md:left-1/2 max-md:top-1/2 max-md:-translate-x-1/2 max-md:-translate-y-1/2 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current" aria-label="Cocunat, go to home"> <svg class="block h-[18px] w-[121px] shrink-0 max-md:h-5 max-md:w-[134px] max-[400px]:h-[17px] max-[400px]:w-[116px]" viewBox="0 0 134 20" width="134" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg x="0" y="0" width="17.03" height="20" viewBox="0 0 17.0315 19.9988"><path d="M10.068 17.0635C6.24295 17.2027 3.24919 14.2722 3.10005 10.2452C2.95091 6.21827 5.72096 3.07675 9.54596 2.93751C11.3883 2.87007 13.0332 3.52056 14.2658 4.65838L16.5117 2.61988C14.6255 0.838087 12.1142 -0.0908813 9.43849 0.00701927C6.75617 0.10492 4.3151 1.21664 2.5649 3.13549C0.814698 5.05651 -0.0933011 7.62151 0.00758762 10.3562C0.108476 13.0909 1.2029 15.5819 3.09127 17.3702C4.97965 19.1585 7.49529 20.0897 10.1776 19.9918C12.8512 19.8939 15.2835 18.7887 17.0315 16.8807L14.7066 14.9445C13.5574 16.2041 11.941 16.9939 10.0701 17.0613L10.068 17.0635Z" fill="currentColor"></path></svg> <svg x="18.57" y="0" width="19.61" height="20" viewBox="0 0 19.6119 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.80595 0C7.12143 0 4.64307 1.02252 2.82269 2.87828C1.00231 4.73404 0 7.26205 0 10.0011C0 12.7401 1.00231 15.2681 2.82269 17.1217C4.64307 18.9775 7.12362 20 9.80595 20C12.4883 20 14.9688 18.9775 16.7892 17.1217C18.6096 15.266 19.6119 12.738 19.6119 10.0011C19.6119 7.26422 18.6096 4.73404 16.7892 2.87828C14.9688 1.02252 12.4883 0 9.80595 0ZM16.5172 9.99891C16.5172 14.0281 13.6309 17.0652 9.80595 17.0652C5.98095 17.0652 3.09465 14.0281 3.09465 9.99891C3.09465 5.96976 5.98095 2.93049 9.80595 2.93049C13.6309 2.93049 16.5172 5.96976 16.5172 9.99891Z" fill="currentColor"></path></svg> <svg x="40.36" y="0" width="17.03" height="20" viewBox="0 0 17.0315 19.9988"><path d="M10.0701 17.0635C6.24514 17.2027 3.25138 14.2722 3.10224 10.2452C2.9531 6.21827 5.72315 3.07675 9.54815 2.93751C11.3905 2.87007 13.0354 3.52056 14.268 4.65838L16.5139 2.61988C14.6277 0.838087 12.1164 -0.0908813 9.43849 0.00701927C6.75617 0.10492 4.3151 1.21664 2.5649 3.13549C0.814698 5.05651 -0.0933011 7.61933 0.00758762 10.3562C0.108476 13.0909 1.2029 15.5819 3.09128 17.3702C4.97965 19.1585 7.49529 20.0897 10.1776 19.9918C12.8512 19.8939 15.2835 18.7887 17.0315 16.8807L14.7066 14.9445C13.5574 16.2041 11.941 16.9939 10.0701 17.0613V17.0635Z" fill="currentColor"></path></svg> <svg x="59.99" y="0.274" width="16.31" height="19.726" viewBox="0 0 16.3067 19.7259"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.212 11.5001C13.212 13.1426 12.8524 14.2696 12.0452 15.155C11.0912 16.2102 9.70726 16.791 8.15225 16.791C6.59725 16.791 5.21551 16.2102 4.25926 15.1528C3.45215 14.2674 3.09246 13.1383 3.09246 11.4979V0H0V11.3652C0 13.7713 0.671135 15.6663 2.05507 17.1587C3.58375 18.7904 5.80549 19.7259 8.15225 19.7259C10.499 19.7259 12.723 18.7904 14.2516 17.1587C15.6334 15.6663 16.3067 13.7713 16.3067 11.3652V0H13.212V11.5022V11.5001Z" fill="currentColor"></path></svg> <svg x="80.59" y="0.274" width="18" height="19.452" viewBox="0 0 17.9977 19.4518"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5765 19.4518H17.9977V0.0348091H14.653L14.7056 12.9664L1.73265 0H0.0241291L0 19.3691H3.34468L3.29424 6.39617C4.28339 7.3556 14.5938 17.5003 16.5787 19.4518H16.5765Z" fill="currentColor"></path></svg> <svg x="102.04" y="0.274" width="18.41" height="19.454" viewBox="0 0 18.4034 19.4539"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2775 0H8.12374L0 19.4539H3.23283L5.24183 14.5393H13.1331L15.1706 19.4539H18.4034L10.3192 0.104427L10.2753 0H10.2775ZM11.918 11.6045H6.48101L9.19842 5.11476L11.9158 11.6045H11.918Z" fill="currentColor"></path></svg> <svg x="120.45" y="0.274" width="13.55" height="19.452" viewBox="0 0 13.5542 19.4518"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V2.93267H5.23087V19.4518H8.32332V2.93267H13.5542V0H0Z" fill="currentColor"></path></svg> </svg> </a> <!-- Nav central (desktop). Solo si hay menú. Sin gap: nav-links 1246 edge-to-edge para que el cursor no cruce zonas muertas. 1247 min-w-0 + overflow-x-clip: si el contenido excede el hueco, se 1248 RECORTA (nunca pisa los iconos) hasta que megamenu-collapse.js 1249 active el modo hamburger. overflow-y visible: no recorta los 1250 hover-shields diagonales de los nav-links. En modo colapsado el nav 1251 queda invisible (conserva layout â se puede re-medir). --> <nav class="flex min-w-0 flex-1 items-center justify-center gap-0 self-stretch overflow-x-clip overflow-y-visible max-lg:hidden [.body--nav-collapsed_&]:invisible" aria-label="Main navigation" data-megamenu-nav> <a href="#" class="group/navlink relative z-[1] inline-flex h-full items-center whitespace-nowrap text-inherit no-underline outline-none hover:z-10 before:pointer-events-none before:absolute before:bottom-[-20px] before:left-[-100%] before:h-[calc(80%_+_20px)] before:w-full before:content-[''] before:[clip-path:polygon(100%_0,0%_100%,100%_100%)] hover:before:pointer-events-auto after:pointer-events-none after:absolute after:bottom-[-20px] after:left-full after:h-[calc(80%_+_20px)] after:w-full after:content-[''] after:[clip-path:polygon(0_0,0%_100%,100%_100%)] hover:after:pointer-events-auto" data-mega-trigger="categorias" data-mm-label="Categories" aria-haspopup="true"> <span class="inline-flex items-center gap-1.5 rounded-lg px-7 py-2 font-brownRegular text-[14px] leading-4 [transition:background-color_220ms_cubic-bezier(0.4,0,0.2,1)_60ms] [.body--nav-compact_&]: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="se
1251arch-button" es el contrato con SearchDropdown. 1252 ml-auto empuja el cluster de iconos a la derecha (con o sin nav). --> <button type="button" id="search-button" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current ml-auto max-md:order-1 max-md:ml-0" aria-label="Search"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <circle cx="112" cy="112" r="80"></circle> <line x1="168.57" y1="168.57" x2="224" y2="224"></line> </svg> </button> <a href="/en-us/my-account/" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current no-underline max-md:order-2 max-md:ml-auto" aria-label="My account"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <circle cx="128" cy="96" r="56"></circle> <path d="M30.99,216a112.94,112.94,0,0,1,194.02,0"></path> </svg> </a> <!-- Carrito: id="cart-button" + id="cart-badge-number" â contrato con cart.js. --> <button type="button" id="cart-button" class="relative inline-flex shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-1.5 text-inherit max-md:m-0 max-md:min-h-[44px] max-md:min-w-[44px] max-md:p-[11px] max-[400px]:min-h-[40px] max-[400px]:min-w-[40px] max-[400px]:p-2.5 focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-current max-md:order-3" aria-label="Cart"> <svg class="h-5 w-5 max-md:h-[22px] max-md:w-[22px] max-[400px]:h-5 max-[400px]:w-5" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg> <span id="cart-badge-number" class="absolute right-0 top-0 inline-block h-4 min-w-[16px] rounded-full bg-[#ee4f3c] px-1 text-center font-brownRegular text-[10px] leading-4 text-white max-md:right-1.5 max-md:top-2 max-md:h-3.5 max-md:min-w-[14px] max-md:text-[9px] max-md:leading-[14px]" aria-hidden="true">0</span> </button> </div> <!-- Dropdown de búsqueda (chrome, siempre presente). --> <div class="pointer-events-auto"> <div id="search-dropdown" class="header-search hidden"> <div class="header-search__bar"> <div class="header-search__input-wrap"> <input type="text" id="search-input" class="header-search__input" placeholder="Search products..." autocomplete="off"> <button id="close-search" class="header-search__close" aria-label="Close search"> <span aria-hidden="true">×</span> </button> </div> <div id="search-meta" class="header-search__meta" aria-live="polite"></div> </div> <div id="search-results" class="header-search__results"> <!-- Results will be populated here --> </div> <div id="search-loading" class="header-search__loading hidden"> <span class="header-search__spinner" aria-hidden="true"></span> </div> </div>
1252<script>(function(){const lang = "en"; 1253const market = "us"; 1254 1255 document.addEventListener('DOMContentLoaded', () => { 1256 // Search functionality 1257 const searchButton = document.getElementById('search-button'); 1258 const searchDropdown = document.getElementById('search-dropdown'); 1259 const searchInput = document.getElementById('search-input'); 1260 const closeSearch = document.getElementById('close-search'); 1261 const searchResults = document.getElementById('search-results'); 1262 const searchMeta = document.getElementById('search-meta'); 1263 const searchLoading = document.getElementById('search-loading'); 1264 1265 // El boton #search-button vive en el header que aloja este componente. 1266 // Sin el (o sin dropdown) el buscador queda inerte de forma segura. 1267 if (!searchButton || !searchDropdown) return; 1268 let searchTimeout; 1269 let searchQueryEventAllowed = true; 1270 let searchRequestId = 0; 1271 1272 const searchCopy = { 1273 en: { 1274 placeholder: 'Search products...', 1275 noResults: 'No results found', 1276 error: 'An error occurred while searching', 1277 searching: 'Searching...', 1278 catalogResults: (count) => `${count} result${count === 1 ? '' : 's'} in the catalog`, 1279 }, 1280 es: { 1281 placeholder: 'Buscar productos...', 1282 noResults: 'No se encontraron resultados', 1283 error: 'Ha ocurrido un error al buscar', 1284 searching: 'Buscando...', 1285 catalogResults: (count) => `${count} resultado${count === 1 ? '' : 's'} en el catálogo`, 1286 }, 1287 de: { 1288 placeholder: 'Produkte suchen...', 1289 noResults: 'Keine Ergebnisse gefunden', 1290 error: 'Bei der Suche ist ein Fehler aufgetreten', 1291 searching: 'Suchen...', 1292 catalogResults: (count) => `${count} Ergebnis${count === 1 ? '' : 'se'} im Katalog`, 1293 }, 1294 fr: { 1295 placeholder: 'Rechercher des produits...', 1296 noResults: 'Aucun résultat trouvé', 1297 error: 'Une erreur est survenue pendant la recherche', 1298 searching: 'Recherche...', 1299 catalogResults: (count) => `${count} résultat${count === 1 ? '' : 's'} dans le catalogue`, 1300 }, 1301 it: { 1302 placeholder: 'Cerca prodotti...', 1303 noResults: 'Nessun risultato trovato', 1304 error: 'Si è verificato un errore durante la ricerca', 1305 searching: 'Ricerca...', 1306 catalogResults: (count) => `${count} risultat${count === 1 ? 'o' : 'i'} nel catalogo`, 1307 }, 1308 }; 1309 const copy = searchCopy[lang] || searchCopy.en; 1310 searchInput.placeholder = copy.placeholder; 1311 1312 function escapeHTML(value) { 1313 return String(value || '').replace(/[&<>"']/g, (char) => ({ 1314 '&': '&', 1315 '<': '<', 1316 '>': '>', 1317 '"': '"', 1318 "'": ''', 1319 }[char])); 1320 } 1321 1322 function getNumber(value) { 1323 if (value === null || value === undefined || value === '') return null; 1324 const numeric = Number(value); 1325 return Number.isFinite(numeric) ? numeric : null; 1326 } 1327 1328 function getMoneyAmount(value) { 1329 if (value && typeof value === 'object') return getNumber(value.amount); 1330 return getNumber(value); 1331 } 1332 1333 function getMoneyCurrency(product) { 1334 return product?.price?.currency || product?.currency || 'EUR'; 1335 } 1336 1337 function formatMoney(amount, currency) { 1338 if (amount === null || amount === undefined) return ''; 1339 try { 1340 return new Intl.NumberFormat(`${lang}-${market.toUpperCase()}`, { 1341 style: 'currency', 1342 currency, 1343 minimumFractionDigits: Number.isInteger(amount) ? 0 : 2, 1344 maximumFractionDigits: 2, 1345 }).format(amount); 1346 } catch (error) { 1347 try { 1348 return new Intl.NumberFormat(lang, { 1349 style: 'currency', 1350 currency, 1351 minimumFractionDigits: Number.isInteger(amount) ? 0 : 2, 1352 maximumFractionDigits: 2, 1353 }).format(amount); 1354 } catch (fallbackError) { 1355 return `${amount.toFixed(Number.isInteger(amount) ? 0 : 2)} ${currency}`; 1356 } 1357 } 1358 } 1359 1360 function getProductImage(product) { 1361 const image = product?.gallery?.[0] || product?.gallery_preview || product?.image || ''; 1362 // Script inline (no puede importar módulos): Layout publica
1363 // window.cocunatImagePath (src/utils/image-path.js). 1364 return window.cocunatImagePath ? window.cocunatImagePath(image, 'searchResult') : image; 1365 } 1366 1367 let searchPromoCache = null; 1368 let searchPromoCacheCode = null; 1369 let searchPricingGeneration = 0; 1370 1371 async function getSearchPromoData() { 1372 const promoCode = window.cart?.getStoredPromoCode?.(); 1373 if (!promoCode) return null; 1374 if (searchPromoCache && searchPromoCacheCode === promoCode) return searchPromoCache; 1375 1376 const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/promos/${promoCode}`); 1377 if (!response.ok) return null; 1378 1379 searchPromoCacheCode = promoCode; 1380 searchPromoCache = await response.json(); 1381 return searchPromoCache; 1382 } 1383 1384 async function getSearchSubscriberDiscount() { 1385 // Fuente única: la caché de benefits vive en cart.js/pricingBenefits. 1386 // Sin cart.js (carrera de arranque) se pinta retail coherente. 1387 try { 1388 return (await window.cart?.getSubscriberDiscountPercentage?.()) || 0; 1389 } catch (error) { 1390 return 0; 1391 } 1392 } 1393 1394 async function applyPromoToSearchResults() { 1395 const renderGeneration = ++searchPricingGeneration; 1396 try { 1397 // La fórmula de descuento vive en cart.js (escritor único); 1398 // este dropdown no la reimplementa. El % de listado compone 1399 // también la primera compra registrada, asà el buscador nunca 1400 // diverge de las cards de PLP/menú del mismo SKU. Sin cart.js 1401 // los resultados quedan a retail, precio y badge coherentes. 1402 if (!window.cart?.resolveStorefrontListingDiscount) return; 1403 const [promoData, subscriberDiscount] = await Promise.all([ 1404 getSearchPromoData(), 1405 getSearchSubscriberDiscount(), 1406 ]); 1407 if (renderGeneration !== searchPricingGeneration) return; 1408 1409 searchResults.querySelectorAll('.price[data-sku]').forEach(priceEl => { 1410 const sku = priceEl.getAttribute('data-sku'); 1411 const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount); 1412 const originalPrice = getNumber(priceEl.getAttribute('data-original-price')); 1413 const currency = priceEl.getAttribute('data-currency') || 'EUR'; 1414 if (originalPrice === null || originalPrice < 0) return; 1415 1416 const discountedPrice = originalPrice * (1 - discount / 100); 1417 priceEl.setAttribute('data-final-price', discountedPrice.toFixed(2)); 1418 if (discount > 0) { 1419 priceEl.innerHTML = ` 1420 <span>${formatMoney(discountedPrice, currency)}</span> 1421 <s>${formatMoney(originalPrice, currency)}</s> 1422 `; 1423 } else { 1424 priceEl.textContent = formatMoney(originalPrice, currency); 1425 } 1426 }); 1427 1428 searchResults.querySelectorAll('.discount-badge[data-sku]').forEach(discountBadge => { 1429 const sku = discountBadge.getAttribute('data-sku'); 1430 const discount = window.cart.resolveStorefrontListingDiscount(promoData, sku, subscriberDiscount); 1431 if (discount > 0) { 1432 discountBadge.textContent = `-${discount}%`; 1433 discountBadge.classList.remove('hidden'); 1434 } else { 1435 discountBadge.textContent = ''; 1436 discountBadge.classList.add('hidden'); 1437 } 1438 }); 1439 } catch (error) { 1440 console.error('Search promo error:', error); 1441 } 1442 } 1443 1444 document.addEventListener('cocunat:identity-changed', function () { 1445 // Invalidate an older render immediately, then wait until all 1446 // identity listeners have dropped their benefit caches before 1447 // starting the replacement request. 1448 searchPricingGeneration += 1; 1449 queueMicrotask(() => { 1450 if (searchResults.querySelector('.search-result-item')) { 1451 void applyPromoToSearchResults(); 1452 } 1453 }); 1454 }); 1455 1456 function renderProduct(product) { 1457 const image = getProductImage(product); 1458 const priceAmount = getMoneyAmount(product?.price); 1459 const currency = getMoneyCurrency(product); 1460 const subtitle = product?.subtitle || ''; 1461 const sku = product?.sku || ''; 1462 1463 return ` 1464 <a href="/${lang}-${market}/products/${encodeURIComponent(product.handle)}" class="header-search__item search-result-item">
1465 <span class="header-search__thumb-wrap"> 1466 <img src="${escapeHTML(image)}" class="header-search__thumb" alt="${escapeHTML(product.title)}" loading="lazy" width="64" height="64"> 1467 ${sku ? `<span class="header-search__discount discount-badge hidden" data-badge="discount" data-sku="${escapeHTML(sku)}"></span>` : ''} 1468 </span> 1469 <span class="header-search__text"> 1470 <span class="header-search__title">${escapeHTML(product.title)}</span> 1471 ${subtitle ? `<span class="header-search__sub">${escapeHTML(subtitle)}</span>` : ''} 1472 ${priceAmount !== null ? ` 1473 <span class="header-search__price-row"> 1474 <span class="header-search__price price" data-sku="${escapeHTML(sku)}" data-original-price="${priceAmount.toFixed(2)}" data-currency="${escapeHTML(currency)}">${formatMoney(priceAmount, currency)}</span> 1475 </span> 1476 ` : ''} 1477 </span> 1478 </a> 1479 `; 1480 } 1481 1482 function resetSearch({ clearInput = false } = {}) { 1483 if (clearInput) searchInput.value = ''; 1484 searchResults.innerHTML = ''; 1485 searchMeta.textContent = ''; 1486 searchLoading.classList.add('hidden'); 1487 } 1488 1489 function syncMobileSearchHeight() { 1490 if (!window.matchMedia('(max-width: 767px)').matches) { 1491 searchDropdown.style.removeProperty('--header-search-mobile-height'); 1492 return; 1493 } 1494 1495 const isSearchFocused = document.activeElement === searchInput; 1496 const viewportHeight = isSearchFocused 1497 ? (window.visualViewport?.height || window.innerHeight) 1498 : window.innerHeight; 1499 const headerBottom = searchDropdown.closest('header')?.getBoundingClientRect().bottom || 0; 1500 searchDropdown.style.setProperty( 1501 '--header-search-mobile-height', 1502 `${Math.max(viewportHeight - headerBottom, 0)}px` 1503 ); 1504 } 1505 1506 function toggleSearch() { 1507 searchDropdown.classList.toggle('hidden'); 1508 if (!searchDropdown.classList.contains('hidden')) { 1509 syncMobileSearchHeight(); 1510 searchInput.focus(); 1511 1512 // Add Enter key handler when search is opened 1513 searchInput.onkeydown = function(e) { 1514 if (e.key === 'Enter') { 1515 e.preventDefault(); 1516 const query = this.value.trim(); 1517 if (query) { 1518 const searchUrl = `/${lang}-${market}/search?q=${encodeURIComponent(query)}`; 1519 window.location.href = searchUrl; 1520 } 1521 } 1522 }; 1523 } 1524 } 1525 1526 function closeSearchDropdown() { 1527 searchDropdown.classList.add('hidden'); 1528 resetSearch({ clearInput: true }); 1529 } 1530 1531 async function performSearch(query) { 1532 const requestId = ++searchRequestId; 1533 if (!query.trim()) { 1534 resetSearch(); 1535 return; 1536 } 1537 1538 searchResults.innerHTML = ''; 1539 searchMeta.textContent = copy.searching; 1540 searchLoading.classList.remove('hidden'); 1541 try { 1542 const response = await fetch(`${(window.__API_LESS_URL || 'https://api-less.cocunat.com')}/api/products/search?q=${encodeURIComponent(query)}&lang=${lang}&market=${market}`); 1543 const data = await response.json(); 1544 if (requestId !== searchRequestId) return; 1545 const visibleProducts = (data.results || []) 1546 .filter(product => product.gallery?.[0] || product.gallery_preview || product.image); 1547 const totalResults = data.count || data.results?.length || visibleProducts.length; 1548 1549 searchMeta.textContent = totalResults > 0 ? copy.catalogResults(totalResults) : ''; 1550 searchResults.innerHTML = visibleProducts.length > 0 1551 ? visibleProducts.map(renderProduct).join('') 1552 : `<div class="header-search__empty">${copy.noResults} <strong>"${escapeHTML(query)}"</strong>.</div>`; 1553 if (visibleProducts.length > 0) { 1554 applyPromoToSearchResults(); 1555 } 1556 1557 const searchResultItems = searchResults.querySelectorAll('.search-result-item');
1558 searchResultItems.forEach(item => { 1559 item.addEventListener('click', (e) => { 1560 e.preventDefault(); 1561 try{ 1562 const currentUrl = new URL(window.location.href); 1563 document.dispatchEvent(new CustomEvent('EventSearch', { 1564 detail: { 1565 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1566 url: window.location.href, 1567 keyword_search: query, 1568 product_search_clicked: item.href 1569 } 1570 })); 1571 }catch(e){ 1572 console.error(e); 1573 } 1574 setTimeout(() => { 1575 window.location.href = item.href; 1576 }, 1000); 1577 }); 1578 }); 1579 1580 // Search query event - fires once after 3+ letters, then 20s cooldown 1581 if(totalResults > 0 && query.length >= 3 && searchQueryEventAllowed){ 1582 searchQueryEventAllowed = false; 1583 setTimeout(() => { searchQueryEventAllowed = true; }, 20000); 1584 try{ 1585 const currentUrl = new URL(window.location.href); 1586 document.dispatchEvent(new CustomEvent('EventSearchQuery', { 1587 detail: { 1588 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1589 url: window.location.href, 1590 keyword_search: query, 1591 results_count: totalResults 1592 } 1593 })); 1594 }catch(e){ 1595 console.error(e); 1596 } 1597 } 1598 1599 // No results event 1600 if(totalResults === 0){ 1601 try{ 1602 const currentUrl = new URL(window.location.href); 1603 document.dispatchEvent(new CustomEvent('EventNoResultsSearch', { 1604 detail: { 1605 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1606 url: window.location.href, 1607 keyword_search: query, 1608 product_search_clicked: "" 1609 } 1610 })); 1611 }catch(e){ 1612 console.error(e); 1613 } 1614 } 1615 } catch (error) { 1616 if (requestId !== searchRequestId) return; 1617 console.error('Search error:', error); 1618 searchMeta.textContent = ''; 1619 searchResults.innerHTML = `<div class="header-search__error">${copy.error}</div>`; 1620 } finally { 1621 if (requestId === searchRequestId) { 1622 searchLoading.classList.add('hidden'); 1623 } 1624 } 1625 } 1626 1627 searchButton.addEventListener('click', (e) => { 1628 e.preventDefault(); 1629 toggleSearch(); 1630 try{ 1631 const currentUrl = new URL(window.location.href); 1632 document.dispatchEvent(new CustomEvent('EventOpenSearch', { 1633 detail: { 1634 market: currentUrl.pathname.split('/')[1].replace("/", ""), 1635 url: window.location.href 1636 } 1637 })); 1638 }catch(e){ 1639 console.error(e); 1640 } 1641 }); 1642 1643 closeSearch.addEventListener('click', () => { 1644 if (searchInput.value.trim()) { 1645 resetSearch({ clearInput: true }); 1646 searchInput.focus(); 1647 return; 1648 } 1649 closeSearchDropdown(); 1650 }); 1651 1652 searchInput.addEventListener('input', (e) => { 1653 clearTimeout(searchTimeout); 1654 searchTimeout = setTimeout(() => { 1655 performSearch(e.target.value); 1656 }, 300); 1657 }); 1658 1659 searchInput.addEventListener('blur', () => { 1660 if (searchDropdown.classList.contains('hidden')) return; 1661 syncMobileSearchHeight(); 1662 setTimeout(syncMobileSearchHeight, 250); 1663 }); 1664 1665 // Close search dropdown when clicking outside 1666 document.addEventListener('click', (e) => { 1667 if (!searchDropdown.contains(e.target) && !searchButton.contains(e.target)) { 1668 closeSearchDropdown(); 1669 } 1670 }); 1671 1672 window.addEventListener('resize', () => { 1673 if (!searchDropdown.classList.contains('hidden')) { 1674 syncMobileSearchHeight(); 1675 } 1676 }); 1677
1678 window.visualViewport?.addEventListener('resize', () => { 1679 if (!searchDropdown.classList.contains('hidden')) { 1680 syncMobileSearchHeight(); 1681 } 1682 }); 1683 }); 1684})();</script>
1684 </div> <div class="pointer-events-none fixed inset-0 z-0 bg-[#f7f7f7]/35 opacity-0 backdrop-blur-[10px] backdrop-saturate-[1.2] transition-opacity duration-[220ms] data-[state=visible]:pointer-events-auto data-[state=visible]:opacity-100 max-lg:hidden [.body--nav-collapsed_&]:hidden" id="mega-overlay" data-state="closed" aria-hidden="true" hidden></div> <div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-categorias" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="categorias" data-mm-section-label="Categories" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Categories"> <button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="collections-face" data-mm-sub-label="Skincare" aria-pressed="true"> <span class="flex items-center gap-2"> Skincare </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" aria-pressed="false"> <span class="flex items-center gap-2"> Bodycare </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" aria-pressed="false"> <span class="flex items-center gap-2"> Haircare </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1684ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="curls" data-mm-sub-label="Curls" aria-pressed="false"> <span class="flex items-center gap-2"> Curls </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_categorias_collections-face" data-mm-list-name="Mega Menú > Categories > Skincare" data-mm-sub="collections-face" data-mm-sub-label="Skincare"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_
1684categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_
1684categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_
1684categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/face" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Skincare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_
1684categorias_collections-body" data-mm-list-name="Mega Menú > Categories > Bodycare" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1684categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1684categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1684categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/body" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Bodycare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_categorias_collections-hair" data-mm-list-name="Mega Menú > Categories > Haircare" data-mm-sub="collections-hair" data-mm-sub-label="Haircare" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1684categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1684or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1684categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53090" data-mm-item-name="Pack Pure for Oily Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-pure-en"> <a href="/en-us/products/pack-pure-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Pure for Oily Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53186PackPure1.jpg?v=1722602780&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1684Pack Pure for Oily Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53090">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53090"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="107" data-sku="53090" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Pure for Oily Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/hair" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Haircare </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_categorias_curls" data-mm-list-name="Mega Menú > Categories > Curls" data-mm-sub="curls" data-mm-sub-label="Curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Curls Definition Routine"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1685 evitar nested-interactive (a > button no es válido HTML). -->
1685 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3x Booster Curls Definition"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream 3-pack</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1686 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1687 evitar nested-interactive (a > button no es válido HTML). -->
1687 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Defined Curls Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Conditioner leave-in & 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 1688 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/metodo-curly" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Curls </a> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-nuevo-6-tv2a" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Solutions"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1688or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles" aria-pressed="true"> <span class="flex items-center gap-2"> Reduce wrinkles </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" aria-pressed="false"> <span class="flex items-center gap-2"> Firm my skin </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce dark spots </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" aria-pressed="false"> <span class="flex items-center gap-2">
1688 Brighten my eyes </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce body fat </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" aria-pressed="false"> <span class="flex items-center gap-2"> Reduce cellulite </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" aria-pressed="false"> <span class="flex items-center gap-2"> Exfoliate my skin </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1688or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" aria-pressed="false"> <span class="flex items-center gap-2"> Hydrate and nourish </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:700ms]" data-sub="sub-8" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-hair loss </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:780ms]" data-sub="sub-9" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" aria-pressed="false"> <span class="flex items-center gap-2"> Define my curls </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:860ms]" data-sub="sub-10" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" aria-pressed="false"> <span class="flex items-center gap-2"> Repair my hair </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1688ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-mm-list-name="Mega Menú > Solutions > Reduce wrinkles" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1688Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:540ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1688Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:620ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:700ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-mm-list-name="Mega Menú > Solutions > Firm my skin" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0
1688_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1688Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-mm-list-name="Mega Menú > Solutions > Reduce dark spots" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1689 evitar nested-interactive (a > button no es válido HTML). -->
1689 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1690 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">1 month format - Vitamin C 20% Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1691 evitar nested-interactive (a > button no es válido HTML). -->
1691 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C 30 days"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2 months Vitamin C</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1692 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-mm-list-name="Mega Menú > Solutions > Brighten my eyes" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1692Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1693 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View EYE CONTOUR"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Eye Contour, Bags and Dark Circles</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1694 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Lift"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1694Instant Lifting Eye Contour Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1695 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-aging eye contour + Lifting effect serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1696 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-mm-list-name="Mega Menú > Solutions > Reduce body fat" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1697 evitar nested-interactive (a > button no es válido HTML). -->
1697 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1698 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1699 evitar nested-interactive (a > button no es válido HTML). -->
1699 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1700 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-body-fat" data-list-name="Mega Menú > Solutions > Reduce body fat" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/clinical-sculpt" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Reduce body fat </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-mm-list-name="Mega Menú > Solutions > Reduce cellulite" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1701 evitar nested-interactive (a > button no es válido HTML). -->
1701 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1702 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1703 evitar nested-interactive (a > button no es válido HTML). -->
1703 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-mm-list-name="Mega Menú > Solutions > Exfoliate my skin" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1704 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53102" data-mm-item-name="WonderMask" data-mm-price="93" data-mm-currency="USD" data-mm-handle="wonder-mask-50-en"> <a href="/en-us/products/wonder-mask-50-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View WonderMask"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/32f371eb-2119-4d5d-a5da-471e8a8c644e.jpg?v=1765268097&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">WonderMask</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Purifying Clay Facial Mask</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53102">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53102"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1705 evitar nested-interactive (a > button no es válido HTML). -->
1705 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="5" data-sku="53102" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: WonderMask"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="188" data-mm-item-name="VELVET SCRUB" data-mm-price="39.95" data-mm-currency="USD" data-mm-handle="velvet-scrub"> <a href="/en-us/products/velvet-scrub" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View VELVET SCRUB"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/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 1706 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="178" data-sku="188" data-list-id="megamenu_nuevo-6-tv2a_exfoliate-my-skin" data-list-name="Mega Menú > Solutions > Exfoliate my skin" aria-label="Add to cart: VELVET SCRUB"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-mm-list-name="Mega Menú > Solutions > Hydrate and nourish" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p clas
1706s="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
1706-label="View Anti-aging cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/10fca41e-54b7-4e61-b06b-60a618de27e1.png?v=1759304880&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Anti-aging cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Elastic and nourished skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51950">$43</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51950"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="58" data-sku="51950" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Anti-aging cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-8" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-mm-list-name="Mega Menú > Solutions > Anti-hair loss" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Happy hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1707 evitar nested-interactive (a > button no es válido HTML). -->
1707 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3 month of Happy Hair pack"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1708 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-9" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-mm-list-name="Mega Menú > Solutions > Define my curls" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53009" data-mm-item-name="Curl Booster" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-booster-250ml">
1708 <a href="/en-us/products/curl-booster-250ml" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl Booster"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/24e46c0a-3073-4e9e-9ffc-16db6faa39a9.png?v=1763548342&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl Booster</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53009">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53009"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1709 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="12" data-sku="53009" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Booster"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1710 evitar nested-interactive (a > button no es válido HTML). -->
1710 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53272" data-mm-item-name="Curl moisturizer leave-in" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-moisturizer-en"> <a href="/en-us/products/curl-moisturizer-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl moisturizer leave-in"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/628cacb4-577e-4138-acc9-978d2517be12.png?v=1774600907&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl moisturizer leave-in</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Leave-in conditioner</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53272">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53272"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1711 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="4" data-sku="53272" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl moisturizer leave-in"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53109" data-mm-item-name="Curl Spray" data-mm-price="23" data-mm-currency="USD" data-mm-handle="curl-spray-125ml-en"> <a href="/en-us/products/curl-spray-125ml-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curl Spray"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dc6e866e-d849-4673-8c98-867b1b6a3902.png?v=1752260505&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curl Spray</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Setting Spray</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53109">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53109"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1712 evitar nested-interactive (a > button no es válido HTML). -->
1712 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="62" data-sku="53109" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Spray"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-10" data-active="false" data-mm-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-mm-list-name="Mega Menú > Solutions > Repair my hair" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Boombastic"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Ultra Nourishing Mask + Turban</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1713 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1713or-en"> <a href="/en-us/products/savior-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Savior"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Hair repair</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1714 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Pack Rich for Dry Hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Shampoo & Conditioner</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1715 evitar nested-interactive (a > button no es válido HTML). -->
1715 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Capillary serum"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Repair, Moisture, Antifrizz</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1716 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-activos" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="activos" data-mm-section-label="Active Ingredients" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Active Ingredients"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1716or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid" aria-pressed="true"> <span class="flex items-center gap-2"> Hyaluronic acid </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="retinal" data-mm-sub-label="Retinal" aria-pressed="false"> <span class="flex items-center gap-2"> Retinal </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" aria-pressed="false"> <span class="flex items-center gap-2"> Alpha-hydroxy acids </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" aria-pressed="false"> <span class="flex items-center gap-2"> Exosomes </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1716ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="peptidos" data-mm-sub-label="Peptides" aria-pressed="false"> <span class="flex items-center gap-2"> Peptides </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" aria-pressed="false"> <span class="flex items-center gap-2"> Bakuchiol </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" aria-pressed="false"> <span class="flex items-center gap-2"> Vitamin C </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" aria-pressed="false"> <span class="flex items-center gap-2"> Caffeine </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1716ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:700ms]" data-sub="sub-8" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" aria-pressed="false"> <span class="flex items-center gap-2"> Niacinamide </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_activos_acido-hialuronico" data-mm-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)] lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-d
1716ata-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms] lg:max-xl:hidden" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms] lg:max-xl:hidden" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_3] grid h-full gap-4 min-h-0 col-start-3 col-span-1 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/a663fad4-a315-4cdf-87f8-72f43353dd05.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/7c6be295-8adc-474c-a487-dbb58df7ef41.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Hyaluronic acid</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Deeply hydrates. Keeps skin firm and elastic.</p> </div></div> </div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_activos_retinal" data-mm-list-name="Mega Menú > Active Ingredients > Retinal" data-mm-sub="retinal" data-mm-sub-label="Retinal" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Clinical Retinal 0.1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Nighttime Regenerative Facial Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1717 evitar nested-interactive (a > button no es válido HTML). -->
1717 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Cure"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Illuminating Nourishing Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1718 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_retinal" data-list-name="Mega Menú > Active Ingredients > Retinal" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/427f8dce-b541-48a6-877a-6d21e667bf68.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-489
17186-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/50a2c637-ff2e-4b44-8286-148a0ffbdeca.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-4896-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Retinal</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Boosts cellular regeneration. Reduces wrinkles and stimulates collagen.</p> </div></div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_activos_alfahidroxiacidos" data-mm-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1719 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_alfahidroxiacidos" data-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_activos_exosomas" data-mm-list-name="Mega Menú > Active Ingredients > Exosomes" data-mm-sub="exosomas" data-mm-sub-label="Exosomes" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms] lg:max-xl:hidden" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL EXOSOMES"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">V-Lifting Serum 8 weeks</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1720 evitar nested-interactive (a > button no es válido HTML). -->
1720 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_exosomas" data-list-name="Mega Menú > Active Ingredients > Exosomes" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-2 col-span-3 lg:max-xl:col-start-1"> <a href="hola hola" data-mm-promo="Exosomes" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/21744b96-2dbb-46ef-85f4-f228ee5dc229.mp4" poster="https://shopify-cdn.cocunat.com/719e4926-4d7d-4773-8dfe-f732c202ac5b.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/acad2cbf-98b7-42cf-84d6-23481ee49a4d.jpg" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Exosomes</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Restores cellular communication. Redefines the facial contour and improves firmness.</p> </div></a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_activos_peptidos" data-mm-list-name="Mega Menú > Active Ingredients > Peptides" data-mm-sub="peptidos" data-mm-sub-label="Peptides" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1720Anti-aging serum + micro-infusion</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1721 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL EXOSOMES"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">V-Lifting Serum 8 weeks</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1722 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Firming anti-ageing cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1723 evitar nested-interactive (a > button no es válido HTML). -->
1723 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1724 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_activos_bakuchiol" data-mm-list-name="Mega Menú > Active Ingredients > Bakuchiol" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Cure"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Illuminating Nourishing Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1725 evitar nested-interactive (a > button no es válido HTML). -->
1725 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Absolute"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-wrinkle facial cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1726 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms] lg:max-xl:hidden" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">
1726Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1727 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-4 col-span-1 lg:max-xl:col-start-3"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/8de2e84f-1be8-435a-a745-0e45ccfa3bd7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/6e52dc9f-cbf8-4b41-a29f-375167134bc7.mp4" poster="https://shopify-cdn.cocunat.com/56e3331c-e62a-40e9-b3a8-abd528cce63f.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Bakuchiol</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">The plant-based alternative to retinol. Fights wrinkles and stimulates collagen.</p> </div></div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_activos_vitamina-c" data-mm-list-name="Mega Menú > Active Ingredients > Vitamin C" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1728 evitar nested-interactive (a > button no es válido HTML). -->
1728 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2 months Vitamin C</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1729 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/4966c789-783e-472b-9a42-b94548193f5f.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/ac27ce9c-934d-4878-a370-b8c21b42c438.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="none" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Vitamin C</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Brightens and reduces dark spots. Potent antioxidant.</p> </div></div> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_activos_cafeina" data-mm-list-name="Mega Menú > Active Ingredients > Caffeine" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View BODY POWER"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1730 evitar nested-interactive (a > button no es válido HTML). -->
1730 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Architect"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Eye Contour</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1731 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View EYE CONTOUR"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Eye Contour, Bags and Dark Circles</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1732 evitar nested-interactive (a > button no es válido HTML). -->
1732 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-8" data-active="false" data-mm-list-id="megamenu_activos_niacinamida" data-mm-list-name="Mega Menú > Active Ingredients > Niacinamide" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Clinical Retinal 0.1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Nighttime Regenerative Facial Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1733 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1734 evitar nested-interactive (a > button no es válido HTML). -->
1734 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-tratamientos" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="tratamientos" data-mm-section-label="Treatments" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Treatments"> <button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method" aria-pressed="true"> <span class="flex items-center gap-2"> Firming Method </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-ageing </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1734ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" aria-pressed="false"> <span class="flex items-center gap-2"> Fat loss </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-cellulite </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" aria-pressed="false"> <span class="flex items-center gap-2"> Anti-dark spots </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" aria-pressed="false"> <span class="flex items-center gap-2"> Hair Loss </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1734ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" aria-pressed="false"> <span class="flex items-center gap-2"> Skin Cycling Routine </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-mm-list-name="Mega Menú > Treatments > Firming Method" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method"> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] absolute left-1.5 top-1.5 z-[3] text-white bg-black" aria-hidden="true"> Best Seller </span> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Microneedling + Exosomes</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1735 evitar nested-interactive (a > button no es válido HTML). -->
1735 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-list-name="Mega Menú > Treatments > Firming Method" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_tratamientos_antiedad" data-mm-list-name="Mega Menú > Treatments > Anti-ageing" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&fo
1735rmat=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_tratamientos_perdida-grasa" data-mm-list-name="Mega Menú > Treatments > Fat loss" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1736 evitar nested-interactive (a > button no es válido HTML). -->
1736 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1737 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1738 evitar nested-interactive (a > button no es válido HTML). -->
1738 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 2-Month Body Power Treatment"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1739 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_perdida-grasa" data-list-name="Mega Menú > Treatments > Fat loss" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/clinical-sculpt" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Fat loss </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_tratamientos_anticelulitico" data-mm-list-name="Mega Menú > Treatments > Anti-cellulite" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 2-Month Body Power Treatment"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Cellulite Gel</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1740 evitar nested-interactive (a > button no es válido HTML). -->
1740 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1741 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1742 evitar nested-interactive (a > button no es válido HTML). -->
1742 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Targeted body sculpting treatment</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1743 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-4" data-active="false" data-mm-list-id="megamenu_tratamientos_antimanchas" data-mm-list-name="Mega Menú > Treatments > Anti-dark spots" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL THE REAL C"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-spot Vitamin C Serum | 2 Months</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1744 evitar nested-interactive (a > button no es válido HTML). -->
1744 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-Aging Exfoliating Night Serum</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1745 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View The Absolute"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-wrinkle facial cream</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1746 evitar nested-interactive (a > button no es válido HTML). -->
1746 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_tratamientos_anticaida-capilar" data-mm-list-name="Mega Menú > Treatments > Hair Loss" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3 month of Happy Hair pack"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1747 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Happy hair"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Anti-hair loss hair health nutricosmetic</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1748 evitar nested-interactive (a > button no es válido HTML). -->
1748 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_tratamientos_skin-cycling" data-mm-list-name="Mega Menú > Treatments > Skin Cycling Routine" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="299" data-mm-item-name="Skin cycling" data-mm-price="273.4" data-mm-currency="USD" data-mm-handle="skin-cycling"> <a href="/en-us/products/skin-cycling" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Skin cycling"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/126685ba-d981-46ee-8cc2-f698a7d4e878.png?v=1744060214&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Skin cycling</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">The routine that regenerates and rejuvenates your skin.</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="299">$273.40</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="299"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1749 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="227" data-sku="299" data-list-id="megamenu_tratamientos_skin-cycling" data-list-name="Mega Menú > Treatments > Skin Cycling Routine" aria-label="Add to cart: Skin cycling"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div> </div> </div> </div><div class="group/mega invisible pointer-events-none absolute top-full left-[max(24px,calc((100%_-_1600px)/2))] right-[max(24px,calc((100%_-_1600px)/2))] z-[1] mt-2 -translate-y-2 opacity-0 [transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_200ms] data-[state=open]:visible data-[state=open]:pointer-events-auto data-[state=open]:translate-y-0 data-[state=open]:opacity-100 data-[state=open]:[transition:opacity_200ms_ease,transform_200ms_ease,visibility_0ms_0ms] max-lg:hidden [.body--nav-collapsed_&]:hidden motion-reduce:transform-none motion-reduce:[transition:opacity_0ms]" id="mega-colecciones" data-mega-dynamic data-state="closed" data-active="sub-0" data-mm-section="colecciones" data-mm-section-label="Collections" aria-hidden="true" hidden> <div class="grid grid-cols-[220px_1fr] gap-8 rounded-md bg-[#f7f7f7]/95 p-8 shadow-[0_4px_64px_rgba(0,0,0,0.06)] backdrop-blur-[15px]"> <!-- Rail de subs --> <nav class="flex flex-col gap-1" aria-label="Collections"> <button type="button" class="mm-sub group/sub relative flex h-[38px] curs
1749or-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:60ms]" data-sub="sub-0" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range" aria-pressed="true"> <span class="flex items-center gap-2"> Clinical Range </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:140ms]" data-sub="sub-1" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" aria-pressed="false"> <span class="flex items-center gap-2"> Treatment Range </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:220ms]" data-sub="sub-2" data-mm-sub="collections-body" data-mm-sub-label="Body" aria-pressed="false"> <span class="flex items-center gap-2"> Body </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:300ms]" data-sub="sub-3" data-mm-sub="collections-hair" data-mm-sub-label="Hair" aria-pressed="false"> <span class="flex items-center gap-2"> Hair </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1749ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:380ms]" data-sub="sub-4" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" aria-pressed="false"> <span class="flex items-center gap-2"> Cleansers </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:460ms]" data-sub="sub-5" data-mm-sub="rizos" data-mm-sub-label="Curls" aria-pressed="false"> <span class="flex items-center gap-2"> Curls </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:540ms]" data-sub="sub-6" data-mm-sub="trials" data-mm-sub-label="Trials" aria-pressed="false"> <span class="flex items-center gap-2"> Trials </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button><button type="button" class="mm-sub group/sub relative flex h-[38px] cursor-pointer items-center justify-between rounded-lg border-0 bg-transparent px-3 text-left font-brownRegular text-[14px] leading-4 text-black transition-colors duration-[180ms] hover:bg-black/[0.04] aria-pressed:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black group-data-[state=open]/mega:animate-mega-card-in motion-reduce:!animate-none after:pointer-events-none after:absolute after:left-full after:top-[-200%] after:z-[2] after:h-[500%] after:w-[120px] after:content-[''] after:[clip-path:polygon(0_50%,100%_0%,100%_100%)] hover:after:pointer-events-auto [--mm-delay:620ms]" data-sub="sub-7" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" aria-pressed="false"> <span class="flex items-center gap-2"> Packs </span> <svg class="h-4 w-4 shrink-0 text-[#999999] transition-colors duration-[180ms] group-hover/sub:text-black group-aria-pressed/sub:text-black" viewB
1749ox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </button> </nav> <!-- Stack de panes (crossfade por data-active) --> <div class="grid min-w-0 grid-cols-[1fr] grid-rows-[1fr]" role="region" aria-live="polite"> <div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-0" data-active="true" data-mm-list-id="megamenu_colecciones_collections-clinical" data-mm-list-name="Mega Menú > Collections > Clinical Range" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range"> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_
1749colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_
1749colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_
1749colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/clinical" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Clinical Range </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-1" data-active="false" data-mm-list-id="megamenu_colecciones_collections-treatment" data-mm-list-name="Mega Menú > Collections > Treatment Range" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_
1749colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_
1749colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1749colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/treatment" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Treatment Range </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-2" data-active="false" data-mm-list-id="megamenu_
1749colecciones_collections-body" data-mm-list-name="Mega Menú > Collections > Body" data-mm-sub="collections-body" data-mm-sub-label="Body" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1749colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1749colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1749colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/body" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Body </a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-3" data-active="false" data-mm-list-id="megamenu_colecciones_collections-hair" data-mm-list-name="Mega Menú > Collections > Hair" data-mm-sub="collections-hair" data-mm-sub-label="Hair" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1749colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1749colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_
1749colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="53159" data-mm-item-name="Pure shampoo" data-mm-price="26.95" data-mm-currency="USD" data-mm-handle="pure-oily-hair-shampoo-200ml"> <a href="/en-us/products/pure-oily-hair-shampoo-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pure shampoo"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/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_
1749colecciones_limpiadores" data-mm-list-name="Mega Menú > Collections > Cleansers" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53342" data-mm-item-name="Pamper Gel" data-mm-price="28" data-mm-currency="USD" data-mm-handle="pamper-gel-en"> <a href="/en-us/products/pamper-gel-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Pamper Gel"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/2c023221-8b61-4a8c-b1db-51dcb70d173d.png?v=1772191230&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Pamper Gel</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Facial soap</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53342">$28</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53342"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1750 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="55" data-sku="53342" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Pamper Gel"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53093" data-mm-item-name="Micellar Water 3 in 1" data-mm-price="26" data-mm-currency="USD" data-mm-handle="micellar-water-3-in-1-toning-cleanser-200ml"> <a href="/en-us/products/micellar-water-3-in-1-toning-cleanser-200ml" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Micellar Water 3 in 1"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Micellar Water 3 in 1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Tones and Cleanses</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53093">$26</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53093"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1751 evitar nested-interactive (a > button no es válido HTML). -->
1751 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="9" data-sku="53093" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Micellar Water 3 in 1"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="51832" data-mm-item-name="Total Cleansing Milk" data-mm-price="23" data-mm-currency="USD" data-mm-handle="total-makeup-remover-mil"> <a href="/en-us/products/total-makeup-remover-mil" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Cleansing Milk"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f56356e8-09fe-40ff-8a08-a40946011c96.jpg?v=1742910048&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Cleansing Milk</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Cleanses face and eyes</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="51832">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51832"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1752 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="50" data-sku="51832" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Total Cleansing Milk"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="51954" data-mm-item-name="Detox Cleansing Foam" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="detox-cleansing-foam-for-oily-and-combination-skin"> <a href="/en-us/products/detox-cleansing-foam-for-oily-and-combination-skin" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Detox Cleansing Foam"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/567c183d-7b99-4c09-98fe-a05d80f7aff0.png?v=1752259979&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Detox Cleansing Foam</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Combination & Oily Skin</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="51954">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51954"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1753 evitar nested-interactive (a > button no es válido HTML). -->
1753 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="17" data-sku="51954" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Detox Cleansing Foam"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-5" data-active="false" data-mm-list-id="megamenu_colecciones_rizos" data-mm-list-name="Mega Menú > Collections > Curls" data-mm-sub="rizos" data-mm-sub-label="Curls" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Total Curls Definition Routine"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1754 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms]" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View 3x Booster Curls Definition"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Curl Defining Cream 3-pack</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1755 evitar nested-interactive (a > button no es válido HTML). -->
1755 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:220ms]" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Curly Method by Cocunat"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">2-step method to define curls</p> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1756 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:300ms] lg:max-xl:hidden" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Defined Curls Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-4 text-[#555555]">Conditioner leave-in & 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 1757 evitar nested-interactive (a > button no es válido HTML). -->
1757 <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="93" data-sku="53110" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <a href="/en-us/metodo-curly" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none col-start-1 row-start-2 col-span-4 lg:max-xl:col-span-3"> See all Curls </a> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-6" data-active="false" data-mm-list-id="megamenu_colecciones_trials" data-mm-list-name="Mega Menú > Collections > Trials" data-mm-sub="trials" data-mm-sub-label="Trials" hidden> <div class="grid grid-cols-4 grid-rows-[1fr_auto] gap-4 lg:max-xl:grid-cols-3"> <article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:60ms]" data-mm-item-id="423" data-mm-item-name="Discovery Kit" data-mm-price="49" data-mm-currency="USD" data-mm-handle="discovery-kit"> <a href="/en-us/products/discovery-kit" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Discovery Kit"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eab70af3-6c34-4bbb-b0d1-0c5023aec54c.png?v=1766483553&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Discovery Kit</h3> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="423">$49</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="423"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1758 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="364" data-sku="423" data-list-id="megamenu_
1758colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Discovery Kit"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card-v group/cardv relative isolate overflow-hidden rounded-lg bg-white transition-shadow duration-200 hover:shadow-[0_4px_16px_rgba(0,0,0,0.06)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none flex flex-col [--mm-delay:140ms] lg:max-xl:hidden" data-mm-item-id="322" data-mm-item-name="Trial Skin Cycling" data-mm-price="20" data-mm-currency="USD" data-mm-handle="trial-skin-cycling"> <a href="/en-us/products/trial-skin-cycling" class="text-inherit no-underline flex flex-1 flex-col" aria-label="View Trial Skin Cycling"> <div class="relative aspect-square w-full overflow-hidden bg-white"> <img class="block h-full w-full object-cover object-center transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover/cardv:scale-[1.04] motion-reduce:transition-none motion-reduce:group-hover/cardv:transform-none" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TrialsSeptiembre20241147_1.jpg?v=1726822564&width=520&format=webp" alt="" loading="lazy" decoding="async" width="480" height="480"> </div> <div class="flex flex-col gap-2 p-4"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-4 tracking-[0.02em] text-black [overflow-wrap:anywhere]">Trial Skin Cycling</h3> <div class="mt-1 flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-[18px] text-black" data-sku="322">$20</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="322"></span> </div> </div> </a> <!-- Botón add to cart full-width al final de la card. Fuera del <a> para 1759 evitar nested-interactive (a > button no es válido HTML). --> <button type="button" class="mx-4 mb-4 flex h-[38px] cursor-pointer items-center justify-center rounded border border-[#1e1e1e] bg-transparent p-0 font-brownRegular text-[14px] uppercase leading-4 text-black transition-colors duration-[180ms] hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="240" data-sku="322" data-list-id="megamenu_colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Trial Skin Cycling"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="h-5 w-5 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> <div class="mm-banner-area [grid-row:1/span_2] grid h-full gap-4 min-h-0 col-start-3 col-span-2 lg:max-xl:col-start-2"> <a href="/en-us/trials/" data-mm-promo="Try our products" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mm-banner h-full min-h-0 group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:220ms] motion-reduce:!animate-none"><img class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/d4b83402-d2b2-4efe-a1be-dedd784bff84.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" data-mm-src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/c5f33305-f5f3-4543-84bc-ec39dd84a75e.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Try our products</h3> <span class="mt-3 inline-flex h-[38px] items-center justify-center self-start rounded border px-[22px] font-brownRegular text-[14px] uppercase leading-4 no-underline transition-colors duration-[180ms] border-white bg-white text-black group-hover/banner:bg-transparent group-hover/banner:text-white">Discover</span> </div></a> </div> </div> </div><div class="mm-pane group/pane pointer-events-none col-start-1 row-start-1 opacity-0 transition-opacity duration-150 data-[active=true]:pointer-events-auto data-[active=true]:opacity-100" data-sub="sub-7" data-active="false" data-mm-list-id="megamenu_
1759colecciones_collections-bundles" data-mm-list-name="Mega Menú > Collections > Packs" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" hidden> <div class="flex flex-col gap-8"> <div class="grid gap-4 grid-cols-3 lg:max-xl:grid-cols-2"> <article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:60ms]" data-mm-item-id="153" data-mm-item-name="Revitalized Daily Skin Routine" data-mm-price="324.8" data-mm-currency="USD" data-mm-handle="revitalized-skin-pack"> <a href="/en-us/products/revitalized-skin-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Revitalized Daily Skin Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d741e633-e2ec-45cb-8387-aa1
1759700a49b32.png?v=1770979176&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Revitalized Daily Skin Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Cream, Serum & Vitamin C (30 day format)</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="153">$324.80</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="153"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="160" data-sku="153" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Revitalized Daily Skin Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:140ms]" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1759ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:220ms]" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1759colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:300ms]" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:380ms]" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_
1759colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none [--mm-delay:460ms]" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" data-mm-src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article> </div> <div class="relative min-h-[38px]"> <a href="/en-us/collections/bundles" class="mm-cta flex h-[38px] w-fit min-w-[258px] max-w-full items-center justify-center justify-self-center whitespace-nowrap rounded border border-[#1e1e1e] bg-transparent px-8 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white group-data-[active=true]/pane:animate-mega-card-in [--mm-delay:380ms] lg:max-xl:min-w-0 lg:max-xl:px-4 motion-reduce:!animate-none absolute inset-x-0 top-0 mx-auto"> See all Packs </a> </div> </div> </div> </div> </div> </div> </header> <!-- Drawer móvil â carrusel de destacados + lista de items L0. L1/L2 en 1760 MegaMenuDrawerDynamic. `data-lenis-prevent`: si la página usa Lenis,
1761 evita que capture wheel/touch de los paneles internos. --> 1762 <div class="group/drawer pointer-events-none fixed inset-x-0 bottom-0 top-[51px] z-[100] [body:not(.body--nav-collapsed)_&]:lg:hidden [&.is-closing]:pointer-events-auto [&.is-open]:pointer-events-auto [&.is-opening]:pointer-events-auto" id="cat-drawer" role="dialog" aria-modal="true" aria-labelledby="cat-drawer-title" aria-hidden="true" data-lenis-prevent hidden> <div class="cat-drawer__panel--l0 pointer-events-none relative flex h-full w-full -translate-x-full flex-col gap-2 overflow-y-auto bg-white pb-[max(24px,env(safe-area-inset-bottom))] pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black outline-none [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)_0ms] group-[.is-open]/drawer:pointer-events-auto group-[.is-open]/drawer:translate-x-0 group-[.is-open]/drawer:[transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)_120ms] motion-reduce:transition-none" tabindex="-1"> <h2 id="cat-drawer-title" class="sr-only">Main menu</h2> <!-- Carrusel de destacados (contenido editorial móvil; no es nav). 1763 Cards del documento publicado (Composer â Vista del Navbar) con 1764 fallback a los estáticos del código si el menú no trae ninguno. --> <div class="flex h-[189px] shrink-0 snap-x snap-mandatory gap-2 overflow-x-auto scroll-smooth [-webkit-overflow-scrolling:touch] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" role="list" aria-label="Featured"> <a href="/en-us/collections/all-products" class="relative isolate flex h-[189px] flex-[0_0_240px] snap-start flex-col justify-end rounded-lg bg-[#1a1e1e] bg-cover bg-center bg-no-repeat p-2 text-white no-underline [-webkit-tap-highlight-color:transparent] before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[inherit] before:bg-[linear-gradient(180deg,rgba(0,0,0,0)_35%,rgba(0,0,0,0.55)_100%)] before:content-[''] focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.85)] focus-visible:outline-none" role="listitem" data-mm-promo="REFRESH YOUR ROUTINE" style="background-image: url(https://shopify-cdn.cocunat.com/cdn-cgi/image/width=480,format=auto,quality=90/b725b8bc-ec0d-4286-8734-6b57f77a682d.jpg)"> <span class="relative z-[1] flex flex-col gap-2"> <span class="font-brownRegular text-[13px] uppercase leading-[23px] text-white"></span> <span class="font-canelaItalic text-[22px] uppercase leading-[27px] text-white">REFRESH YOUR ROUTINE</span> </span> </a><a href="/en-us/products/clinical-beauty-filler" class="relative isolate flex h-[189px] flex-[0_0_240px] snap-start flex-col justify-end rounded-lg bg-[#1a1e1e] bg-cover bg-center bg-no-repeat p-2 text-white no-underline [-webkit-tap-highlight-color:transparent] before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[inherit] before:bg-[linear-gradient(180deg,rgba(0,0,0,0)_35%,rgba(0,0,0,0.55)_100%)] before:content-[''] focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.85)] focus-visible:outline-none" role="listitem" data-mm-promo="SKIN BOOSTER RECONSTRUCTOR" style="background-image: url(https://shopify-cdn.cocunat.com/cdn-cgi/image/width=480,format=auto,quality=90/fd2795cb-a073-40eb-9736-b83c9bfbff35.jpg)"> <span class="relative z-[1] flex flex-col gap-2"> <span class="font-brownRegular text-[13px] uppercase leading-[23px] text-white">CLINICAL BEAUTY FILLER</span> <span class="font-canelaItalic text-[22px] uppercase leading-[27px] text-white">SKIN BOOSTER RECONSTRUCTOR</span> </span> </a> </div> <nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2" aria-label="Main navigation"> <a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="categorias" data-mm-label="Categories"> <span class="min-w-0 flex-1 flex items-center gap-2"> Categories </span>
1764 <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="nuevo-6-tv2a" data-mm-label="Solutions"> <span class="min-w-0 flex-1 flex items-center gap-2"> Solutions </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="activos" data-mm-label="Active Ingredients"> <span class="min-w-0 flex-1 flex items-center gap-2"> Active Ingredients </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="tratamientos" data-mm-label="Treatments"> <span class="min-w-0 flex-1 flex items-center gap-2"> Treatments </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="#" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l1="colecciones" data-mm-label="Collections"> <span class="min-w-0 flex-1 flex items-center gap-2"> Collections </span> <svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 3 11 8 6 13"></polyline> </svg> </a><a href="/en-us/create-your-pack" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black !justify-start !gap-4" data-mm-label="Build your bundle"> <span class="flex-none flex items-center gap-2"> Build your bundle <span data-badge="menu-tag" class="inline-flex items-center justify-center rounded-full px-1.5 py-1 font-brownRegular text-[10px] leading-3" style="background:#00C853;color:#FFFFFF" aria-label="discount -20%">-20%</span> </span> </a><a href="/en-us/club/" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black !justify-start !gap-4" data-mm-label="Club"> <span class="flex-none flex items-center gap-2"> Club </span> </a> </nav> </div> <!-- L1/L2 del drawer derivados del documento. --> <div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="categorias" data-mm-section="categorias" data-mm-section-label="Categories" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Categories</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="collections-face" data-mm-sub-label="Skincare"><span class="flex min-w-0 flex-1 items-center gap-2">Skincare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="collections-body" data-mm-sub-label="Bodycare"><span class="flex min-w-0 flex-1 items-center gap-2">Bodycare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="collections-hair" data-mm-sub-label="Haircare"><span class="flex min-w-0 flex-1 items-center gap-2">Haircare</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="curls" data-mm-sub-label="Curls"><span class="flex min-w-0 flex-1 items-center gap-2">Curls</span>
1764<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-face" data-mm-list-name="Mega Menú > Categories > Skincare" data-mm-sub="collections-face" data-mm-sub-label="Skincare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Skincare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_
1764categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_
1764categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_
1764categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_categorias_collections-face" data-list-name="Mega Menú > Categories > Skincare" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]:lg:hidden"><a href="/en-us/collections/face" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Skincare</a></div></div></template><template data-l2-template="sub-1" data-l1-parent="categorias"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="categorias" data-mm-section="categorias" data-mm-section-label="Categories" data-mm-list-id="megamenu_categorias_collections-body" data-mm-list-name="Mega Menú > Categories > Bodycare" data-mm-sub="collections-body" data-mm-sub-label="Bodycare" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Categories"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Bodycare</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1764categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1764categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1764categorias_collections-body" data-list-name="Mega Menú > Categories > Bodycare" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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_
1764categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1764or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1764categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_categorias_collections-hair" data-list-name="Mega Menú > Categories > Haircare" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53090" data-mm-item-name="Pack Pure for Oily Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-pure-en"> <a href="/en-us/products/pack-pure-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Pure for Oily Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53186PackPure1.jpg?v=1722602780&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1764Pack Pure for Oily Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & 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">
1764<svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3x Booster Curls Definition"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream 3-pack</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_
1764categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Defined Curls Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Conditioner leave-in & 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_
1764categorias_curls" data-list-name="Mega Menú > Categories > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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>
1764<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce dark spots</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes"><span class="flex min-w-0 flex-1 items-center gap-2">Brighten my eyes</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="reduce-body-fat" data-mm-sub-label="Reduce body fat"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce body fat</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite"><span class="flex min-w-0 flex-1 items-center gap-2">Reduce cellulite</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="exfoliate-my-skin" data-mm-sub-label="Exfoliate my skin"><span class="flex min-w-0 flex-1 items-center gap-2">Exfoliate my skin</span>
1764<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish"><span class="flex min-w-0 flex-1 items-center gap-2">Hydrate and nourish</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-8" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-hair loss</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-9" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls"><span class="flex min-w-0 flex-1 items-center gap-2">Define my curls</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-10" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair"><span class="flex min-w-0 flex-1 items-center gap-2">Repair my hair</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-mm-list-name="Mega Menú > Solutions > Reduce wrinkles" data-mm-sub="reduce-wrinkles" data-mm-sub-label="Reduce wrinkles" aria-hidden="true"><div class="flex items-center py-1">
1764<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce wrinkles</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_reduce-wrinkles" data-list-name="Mega Menú > Solutions > Reduce wrinkles" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-1" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-mm-list-name="Mega Menú > Solutions > Firm my skin" data-mm-sub="firm-my-skin" data-mm-sub-label="Firm my skin" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Firm my skin</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_firm-my-skin" data-list-name="Mega Menú > Solutions > Firm my skin" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-2" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-mm-list-name="Mega Menú > Solutions > Reduce dark spots" data-mm-sub="reduce-dark-spots" data-mm-sub-label="Reduce dark spots" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce dark spots</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">1 month format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C 30 days"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-
1764pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2 months Vitamin C</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_nuevo-6-tv2a_reduce-dark-spots" data-list-name="Mega Menú > Solutions > Reduce dark spots" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-3" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-mm-list-name="Mega Menú > Solutions > Brighten my eyes" data-mm-sub="brighten-my-eyes" data-mm-sub-label="Brighten my eyes" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions">
1764<svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Brighten my eyes</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View EYE CONTOUR"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Bags and Dark Circles</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="276" data-mm-item-name="The Lift" data-mm-price="57" data-mm-currency="USD" data-mm-handle="the-lift"> <a href="/en-us/products/the-lift" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Lift"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e295ec4f-7f92-4dbe-86ac-55a6cc8270bb.jpg?v=1771328814&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Lift</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Instant Lifting Eye Contour Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="276">$57</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="276"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="224" data-sku="276" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: The Lift"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_nuevo-6-tv2a_brighten-my-eyes" data-list-name="Mega Menú > Solutions > Brighten my eyes" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-4" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-mm-list-name="Mega Menú > Solutions > Reduce cellulite" data-mm-sub="reduce-cellulite" data-mm-sub-label="Reduce cellulite" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Reduce cellulite</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_nuevo-6-tv2a_reduce-cellulite" data-list-name="Mega Menú > Solutions > Reduce cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-6" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-mm-list-name="Mega Menú > Solutions > Hydrate and nourish" data-mm-sub="hydrate-and-nourish" data-mm-sub-label="Hydrate and nourish" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hydrate and nourish</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <
1764span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51973" data-mm-item-name="Divine Balm" data-mm-price="44" data-mm-currency="USD" data-mm-handle="divine-balm"> <a href="/en-us/products/divine-balm" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Divine Balm"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TOPOBALSAMO_2.jpg?v=1721912999&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Divine Balm</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nourishes and Repairs</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51973">$44</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51973"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="25" data-sku="51973" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Divine Balm"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51948" data-mm-item-name="Combination Oily Skin Cream" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="combination-skin-face-cream"> <a href="/en-us/products/combination-skin-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Combination Oily Skin Cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7a981b5c-6e49-4a32-b637-23c5cbe64ee7.png?v=1759309219&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Combination Oily Skin Cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Moisturizer for combination/oily skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51948">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51948"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="70" data-sku="51948" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Combination Oily Skin Cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51950" data-mm-item-name="Anti-aging cream" data-mm-price="43" data-mm-currency="USD" data-mm-handle="anti-age-face-cream"> <a href="/en-us/products/anti-age-face-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Anti-aging cream"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/10fca41e-54b7-4e61-b06b-60a618de27e1.png?v=1759304880&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Anti-aging cream</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Elastic and nourished skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51950">$43</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51950"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="58" data-sku="51950" data-list-id="megamenu_nuevo-6-tv2a_hydrate-and-nourish" data-list-name="Mega Menú > Solutions > Hydrate and nourish" aria-label="Add to cart: Anti-aging cream"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-8" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-8" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-mm-list-name="Mega Menú > Solutions > Anti-hair loss" data-mm-sub="anti-hair-loss" data-mm-sub-label="Anti-hair loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-hair loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Happy hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_nuevo-6-tv2a_anti-hair-loss" data-list-name="Mega Menú > Solutions > Anti-hair loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-9" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-9" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-mm-list-name="Mega Menú > Solutions > Define my curls" data-mm-sub="define-my-curls" data-mm-sub-label="Define my curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Define my curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53009" data-mm-item-name="Curl Booster" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-booster-250ml"> <a href="/en-us/products/curl-booster-250ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl Booster"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/24e46c0a-3073-4e9e-9ffc-16db6faa39a9.png?v=1763548342&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl Booster</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53009">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53009"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="12" data-sku="53009" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Booster"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53272" data-mm-item-name="Curl moisturizer leave-in" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="curl-moisturizer-en"> <a href="/en-us/products/curl-moisturizer-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl moisturizer leave-in"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/628cacb4-577e-4138-acc9-978d2517be12.png?v=1774600907&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl moisturizer leave-in</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Leave-in conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53272">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53272"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="4" data-sku="53272" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl moisturizer leave-in"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53109" data-mm-item-name="Curl Spray" data-mm-price="23" data-mm-currency="USD" data-mm-handle="curl-spray-125ml-en"> <a href="/en-us/products/curl-spray-125ml-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curl Spray"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dc6e866e-d849-4673-8c98-867b1b6a3902.png?v=1752260505&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curl Spray</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Setting Spray</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53109">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53109"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="62" data-sku="53109" data-list-id="megamenu_nuevo-6-tv2a_define-my-curls" data-list-name="Mega Menú > Solutions > Define my curls" aria-label="Add to cart: Curl Spray"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-10" data-l1-parent="nuevo-6-tv2a"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-10" data-l1-parent="nuevo-6-tv2a" data-mm-section="nuevo-6-tv2a" data-mm-section-label="Solutions" data-mm-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-mm-list-name="Mega Menú > Solutions > Repair my hair" data-mm-sub="repair-my-hair" data-mm-sub-label="Repair my hair" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Solutions"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Repair my hair</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savi
1764or-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_nuevo-6-tv2a_repair-my-hair" data-list-name="Mega Menú > Solutions > Repair my hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Active Ingredients</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid"><span class="flex min-w-0 flex-1 items-center gap-2">Hyaluronic acid</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="retinal" data-mm-sub-label="Retinal"><span class="flex min-w-0 flex-1 items-center gap-2">Retinal</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids"><span class="flex min-w-0 flex-1 items-center gap-2">Alpha-hydroxy acids</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="exosomas" data-mm-sub-label="Exosomes"><span class="flex min-w-0 flex-1 items-center gap-2">Exosomes</span>
1764<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="peptidos" data-mm-sub-label="Peptides"><span class="flex min-w-0 flex-1 items-center gap-2">Peptides</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol"><span class="flex min-w-0 flex-1 items-center gap-2">Bakuchiol</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="vitamina-c" data-mm-sub-label="Vitamin C"><span class="flex min-w-0 flex-1 items-center gap-2">Vitamin C</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="cafeina" data-mm-sub-label="Caffeine"><span class="flex min-w-0 flex-1 items-center gap-2">Caffeine</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-8" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide"><span class="flex min-w-0 flex-1 items-center gap-2">Niacinamide</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_acido-hialuronico" data-mm-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" data-mm-sub="acido-hialuronico" data-mm-sub-label="Hyaluronic acid" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hyaluronic acid</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <d
1764iv class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_activos_acido-hialuronico" data-list-name="Mega Menú > Active Ingredients > Hyaluronic acid" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/a663fad4-a315-4cdf-87f8-72f43353dd05.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/7c6be295-8adc-474c-a487-dbb58df7ef41.mp4" poster="https://shopify-cdn.cocunat.com/6ae13c4c-2029-4669-b9c3-2cd8b5d76f95.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Hyaluronic acid</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Deeply hydrates. Keeps skin firm and elastic.</p> </div></div></div></template><template data-l2-template="sub-1" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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
17646-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/50a2c637-ff2e-4b44-8286-148a0ffbdeca.mp4" poster="https://shopify-cdn.cocunat.com/d11feb9f-e86f-4896-8bcd-81fbdedecf68.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Retinal</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Boosts cellular regeneration. Reduces wrinkles and stimulates collagen.</p> </div></div></div></template><template data-l2-template="sub-2" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_alfahidroxiacidos" data-mm-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" data-mm-sub="alfahidroxiacidos" data-mm-sub-label="Alpha-hydroxy acids" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Alpha-hydroxy acids</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_alfahidroxiacidos" data-list-name="Mega Menú > Active Ingredients > Alpha-hydroxy acids" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-3" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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
1764irmness.</p> </div></a></div></template><template data-l2-template="sub-4" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_peptidos" data-mm-list-name="Mega Menú > Active Ingredients > Peptides" data-mm-sub="peptidos" data-mm-sub-label="Peptides" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Peptides</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_activos_peptidos" data-list-name="Mega Menú > Active Ingredients > Peptides" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_bakuchiol" data-mm-list-name="Mega Menú > Active Ingredients > Bakuchiol" data-mm-sub="bakuchiol" data-mm-sub-label="Bakuchiol" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Bakuchiol</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_bakuchiol" data-list-name="Mega Menú > Active Ingredients > Bakuchiol" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]: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">
1764<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Vitamin C</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="200" data-mm-item-name="CLINICAL THE REAL C | REFILL" data-mm-price="108.95" data-mm-currency="USD" data-mm-handle="doy-
1764pack-the-real-c"> <a href="/en-us/products/doy-pack-the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a67284e6-1be9-4313-9a9e-11cb8b84ff78.jpg?v=1768833262&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2 months Vitamin C</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="200">$108.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="200"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="297" data-sku="200" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="152" data-mm-item-name="CLINICAL THE REAL C 30 days" data-mm-price="74.95" data-mm-currency="USD" data-mm-handle="the-real-c-30-days"> <a href="/en-us/products/the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C 30 days"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/820a1f3a-1e93-4909-94fa-4c855351814d.webp?v=1764754793&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C 30 days</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">1 month format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="152">$74.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="152"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="161" data-sku="152" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C 30 days"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="201" data-mm-item-name="CLINICAL THE REAL C | REFILL 30" data-mm-price="68.95" data-mm-currency="USD" data-mm-handle="doy-
1764pack-the-real-c-30-days"> <a href="/en-us/products/doy-pack-the-real-c-30-days" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C | REFILL 30"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/25ce0235-f3ef-4ac6-9fba-0e7c639baedb.jpg?v=1768833036&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C | REFILL 30</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">30 day format - Vitamin C 20% Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="201">$68.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="201"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="179" data-sku="201" data-list-id="megamenu_activos_vitamina-c" data-list-name="Mega Menú > Active Ingredients > Vitamin C" aria-label="Add to cart: CLINICAL THE REAL C | REFILL 30"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]:lg:hidden aspect-[5/4]"><video class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/4966c789-783e-472b-9a42-b94548193f5f.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><video class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/ac27ce9c-934d-4878-a370-b8c21b42c438.mp4" poster="https://shopify-cdn.cocunat.com/b90a97aa-56b8-41d5-9cd3-161f08eb76ed.jpg" autoplay loop muted playsinline preload="metadata" width="960" height="720" aria-hidden="true"></video><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Vitamin C</h3> <p class="m-0 line-clamp-3 font-brownLight text-[15px] leading-[1.4] opacity-90 [overflow-wrap:break-word]">Brightens and reduces dark spots. Potent antioxidant.</p> </div></div></div></template><template data-l2-template="sub-7" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_cafeina" data-mm-list-name="Mega Menú > Active Ingredients > Caffeine" data-mm-sub="cafeina" data-mm-sub-label="Caffeine" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Caffeine</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53299" data-mm-item-name="BODY POWER" data-mm-price="93" data-mm-currency="USD" data-mm-handle="body-power-en"> <a href="/en-us/products/body-power-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View BODY POWER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3aac7-6e14-40b4-aa25-5d4073b6a1b8.png?v=1746818080&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">BODY POWER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53299">$93</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="74" data-sku="53299" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: BODY POWER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53251" data-mm-item-name="EYE CONTOUR" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="eye-contour-bags-and-dark-circles-new"> <a href="/en-us/products/eye-contour-bags-and-dark-circles-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View EYE CONTOUR"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4070b3b5-9d36-433c-af52-57630b823422.png?v=1759216285&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">EYE CONTOUR</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Bags and Dark Circles</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53251">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53251"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="43" data-sku="53251" data-list-id="megamenu_activos_cafeina" data-list-name="Mega Menú > Active Ingredients > Caffeine" aria-label="Add to cart: EYE CONTOUR"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-8" data-l1-parent="activos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-8" data-l1-parent="activos" data-mm-section="activos" data-mm-section-label="Active Ingredients" data-mm-list-id="megamenu_activos_niacinamida" data-mm-list-name="Mega Menú > Active Ingredients > Niacinamide" data-mm-sub="niacinamida" data-mm-sub-label="Niacinamide" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Active Ingredients"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Niacinamide</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_activos_niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_activos_
1764niacinamida" data-list-name="Mega Menú > Active Ingredients > Niacinamide" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Treatments</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method"><span class="flex min-w-0 flex-1 items-center gap-2">Firming Method</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-ageing</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="perdida-grasa" data-mm-sub-label="Fat loss"><span class="flex min-w-0 flex-1 items-center gap-2">Fat loss</span>
1764<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-cellulite</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots"><span class="flex min-w-0 flex-1 items-center gap-2">Anti-dark spots</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss"><span class="flex min-w-0 flex-1 items-center gap-2">Hair Loss</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine"><span class="flex min-w-0 flex-1 items-center gap-2">Skin Cycling Routine</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-mm-list-name="Mega Menú > Treatments > Firming Method" data-mm-sub="products-anti-wrinkle-lifting-duo" data-mm-sub-label="Firming Method" aria-hidden="true"><div class="flex items-center py-1">
1764<button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Firming Method</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_tratamientos_products-anti-wrinkle-lifting-duo" data-list-name="Mega Menú > Treatments > Firming Method" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-1" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-1" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_antiedad" data-mm-list-name="Mega Menú > Treatments > Anti-ageing" data-mm-sub="antiedad" data-mm-sub-label="Anti-ageing" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-ageing</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-a
1764uto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_tratamientos_antiedad" data-list-name="Mega Menú > Treatments > Anti-ageing" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-2" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]: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
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-3" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_anticelulitico" data-mm-list-name="Mega Menú > Treatments > Anti-cellulite" data-mm-sub="anticelulitico" data-mm-sub-label="Anti-cellulite" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-cellulite</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="459" data-mm-item-name="CLINICAL SCULPT | DOUBLE CHIN" data-mm-price="280" data-mm-currency="USD" data-mm-handle="clinical-sculpt-double-chin"> <a href="/en-us/products/clinical-sculpt-double-chin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | DOUBLE CHIN"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/44a3d1a7-874f-42d6-892b-e4c0cf8b3365.jpg?v=1778601628&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | DOUBLE CHIN</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="459">$280</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="459"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="395" data-sku="459" data-list-id="megamenu_tratamientos_anticelulitico" data-list-name="Mega Menú > Treatments > Anti-cellulite" aria-label="Add to cart: CLINICAL SCULPT | DOUBLE CHIN"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-4" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_antimanchas" data-mm-list-name="Mega Menú > Treatments > Anti-dark spots" data-mm-sub="antimanchas" data-mm-sub-label="Anti-dark spots" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Anti-dark spots</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_tratamientos_antimanchas" data-list-name="Mega Menú > Treatments > Anti-dark spots" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_anticaida-capilar" data-mm-list-name="Mega Menú > Treatments > Hair Loss" data-mm-sub="anticaida-capilar" data-mm-sub-label="Hair Loss" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Hair Loss</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53298" data-mm-item-name="Happy hair" data-mm-price="48.95" data-mm-currency="USD" data-mm-handle="happy-hair-en"> <a href="/en-us/products/happy-hair-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Happy hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6d07ea9-c6cf-4c10-9b14-597066895ddd.png?v=1761031045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Happy hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53298">$48.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53298"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="30" data-sku="53298" data-list-id="megamenu_tratamientos_anticaida-capilar" data-list-name="Mega Menú > Treatments > Hair Loss" aria-label="Add to cart: Happy hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-6" data-l1-parent="tratamientos"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-6" data-l1-parent="tratamientos" data-mm-section="tratamientos" data-mm-section-label="Treatments" data-mm-list-id="megamenu_tratamientos_skin-cycling" data-mm-list-name="Mega Menú > Treatments > Skin Cycling Routine" data-mm-sub="skin-cycling" data-mm-sub-label="Skin Cycling Routine" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Treatments"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Skin Cycling Routine</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="299" data-mm-item-name="Skin cycling" data-mm-price="273.4" data-mm-currency="USD" data-mm-handle="skin-cycling"> <a href="/en-us/products/skin-cycling" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Skin cycling"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/126685ba-d981-46ee-8cc2-f698a7d4e878.png?v=1744060214&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Skin cycling</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">The routine that regenerates and rejuvenates your skin.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="299">$273.40</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="299"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="227" data-sku="299" data-list-id="megamenu_tratamientos_skin-cycling" data-list-name="Mega Menú > Treatments > Skin Cycling Routine" aria-label="Add to cart: Skin cycling"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><div class="cat-drawer__panel--l1 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-[max(24px,env(safe-area-inset-bottom))]" data-l1="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back aria-label="Back to main menu"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Collections</span></button></div><nav class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-0" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range"><span class="flex min-w-0 flex-1 items-center gap-2">Clinical Range</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-1" data-mm-sub="collections-treatment" data-mm-sub-label="Treatment Range"><span class="flex min-w-0 flex-1 items-center gap-2">Treatment Range</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-2" data-mm-sub="collections-body" data-mm-sub-label="Body"><span class="flex min-w-0 flex-1 items-center gap-2">Body</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-3" data-mm-sub="collections-hair" data-mm-sub-label="Hair"><span class="flex min-w-0 flex-1 items-center gap-2">Hair</span>
1764<svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-4" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers"><span class="flex min-w-0 flex-1 items-center gap-2">Cleansers</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-5" data-mm-sub="rizos" data-mm-sub-label="Curls"><span class="flex min-w-0 flex-1 items-center gap-2">Curls</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-6" data-mm-sub="trials" data-mm-sub-label="Trials"><span class="flex min-w-0 flex-1 items-center gap-2">Trials</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button><button type="button" class="flex min-h-[46px] w-full cursor-pointer items-center justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-3.5 text-left font-brownRegular text-base leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black/[0.04] focus-visible:bg-black/[0.04] focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black" data-drawer-l2="sub-7" data-mm-sub="collections-bundles" data-mm-sub-label="Packs"><span class="flex min-w-0 flex-1 items-center gap-2">Packs</span><svg class="h-4 w-4 shrink-0 text-black" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 3 11 8 6 13"></polyline></svg></button></nav></div><template data-l2-template="sub-0" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250ms_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-0" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_
1764colecciones_collections-clinical" data-mm-list-name="Mega Menú > Collections > Clinical Range" data-mm-sub="collections-clinical" data-mm-sub-label="Clinical Range" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Clinical Range</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="218" data-mm-item-name="CLINICAL BEAUTY FILLER" data-mm-price="169.95" data-mm-currency="USD" data-mm-handle="clinical-beauty-filler"> <a href="/en-us/products/clinical-beauty-filler" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL BEAUTY FILLER"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL BEAUTY FILLER</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging serum + micro-infusion</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="218">$169.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="218"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="200" data-sku="218" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL BEAUTY FILLER"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="427" data-mm-item-name="CLINICAL EXOSOMES" data-mm-price="106.95" data-mm-currency="USD" data-mm-handle="clinical-exosomes"> <a href="/en-us/products/clinical-exosomes" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL EXOSOMES"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL EXOSOMES</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">V-Lifting Serum 8 weeks</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="427">$106.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="427"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="359" data-sku="427" data-list-id="megamenu_
1764colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL EXOSOMES"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="139" data-mm-item-name="CLINICAL THE REAL C" data-mm-price="113" data-mm-currency="USD" data-mm-handle="the-real-c"> <a href="/en-us/products/the-real-c" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL THE REAL C"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7524c305-8595-4ff6-8b74-8fb6a7f632af.jpg?v=1734554831&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL THE REAL C</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-spot Vitamin C Serum | 2 Months</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="139">$113</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="139"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="151" data-sku="139" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL THE REAL C"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="273" data-mm-item-name="CLINICAL MOLECULAR THERAPY" data-mm-price="164.95" data-mm-currency="USD" data-mm-handle="clinical-molecular-therapy"> <a href="/en-us/products/clinical-molecular-therapy" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL MOLECULAR THERAPY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL MOLECULAR THERAPY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Firming anti-ageing cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="273">$164.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="273"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="271" data-sku="273" data-list-id="megamenu_
1764colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL MOLECULAR THERAPY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="255" data-mm-item-name="CLINICAL AHA COMPLEX 10%" data-mm-price="83.5" data-mm-currency="USD" data-mm-handle="clinical-aha-complex-10"> <a href="/en-us/products/clinical-aha-complex-10" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL AHA COMPLEX 10%"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/49a59190-4f05-461c-bb99-707cadc5617a.jpg?v=1734605959&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL AHA COMPLEX 10%</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Exfoliating Night Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="255">$83.50</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="255"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="226" data-sku="255" data-list-id="megamenu_colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: CLINICAL AHA COMPLEX 10%"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="219" data-mm-item-name="Clinical Retinal 0.1" data-mm-price="97.95" data-mm-currency="USD" data-mm-handle="retinal"> <a href="/en-us/products/retinal" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Clinical Retinal 0.1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Clinical Retinal 0.1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Nighttime Regenerative Facial Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="219">$97.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="219"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="215" data-sku="219" data-list-id="megamenu_
1764colecciones_collections-clinical" data-list-name="Mega Menú > Collections > Clinical Range" aria-label="Add to cart: Clinical Retinal 0.1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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_
1764colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53123" data-mm-item-name="The Absolute" data-mm-price="91.95" data-mm-currency="USD" data-mm-handle="the-absolute-rejuvenating-anti-ageing-cream"> <a href="/en-us/products/the-absolute-rejuvenating-anti-ageing-cream" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Absolute"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c4e3b78-8b56-482b-9b79-18db3ebd59f9.png?v=1764760778&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Absolute</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-wrinkle facial cream</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53123">$91.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53123"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="21" data-sku="53123" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Absolute"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53252" data-mm-item-name="The Cure" data-mm-price="77.95" data-mm-currency="USD" data-mm-handle="the-cure-face-serum-40ml-new"> <a href="/en-us/products/the-cure-face-serum-40ml-new" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Cure"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f609666c-1dfd-417e-abbc-fc9334453a60.png?v=1770980104&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Cure</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Illuminating Nourishing Serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53252">$77.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53252"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="49" data-sku="53252" data-list-id="megamenu_
1764colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Cure"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1764colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="220" data-mm-item-name="The Architect" data-mm-price="79.95" data-mm-currency="USD" data-mm-handle="the-architect-solo"> <a href="/en-us/products/the-architect-solo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The Architect"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/54c3fc1d-7a6a-4ad1-9550-18be8c4ae274.png?v=1770977045&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The Architect</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Aging Eye Contour</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="220">$79.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="220"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="191" data-sku="220" data-list-id="megamenu_colecciones_collections-treatment" data-list-name="Mega Menú > Collections > Treatment Range" aria-label="Add to cart: The Architect"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]:lg:hidden"><a href="/en-us/collections/treatment" class="flex h-11 items-center justify-center rounded border border-[#1e1e1e] bg-white px-6 font-brownRegular text-[14px] uppercase leading-4 text-black no-underline transition-colors duration-[180ms] hover:bg-black hover:text-white" data-mm-view-all>See all Treatment Range</a></div></div></template><template data-l2-template="sub-2" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-2" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-body" data-mm-list-name="Mega Menú > Collections > Body" data-mm-sub="collections-body" data-mm-sub-label="Body" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Body</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="460" data-mm-item-name="CLINICAL SCULPT | UPPER BODY" data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-upper-body"> <a href="/en-us/products/clinical-sculpt-upper-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | UPPER BODY"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/92f26825-2281-4357-8586-86bed09108d0.jpg?v=1778602030&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | UPPER BODY</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="460">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="460"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="396" data-sku="460" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | UPPER BODY"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="471" data-mm-item-name="CLINICAL SCULPT | LOWER BODY " data-mm-price="250" data-mm-currency="USD" data-mm-handle="clinical-sculpt-lower-body"> <a href="/en-us/products/clinical-sculpt-lower-body" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View CLINICAL SCULPT | LOWER BODY "> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/99085d3b-6b4b-4fb7-ad33-30f1c7ebff60.jpg?v=1778602309&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">CLINICAL SCULPT | LOWER BODY </h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Targeted body sculpting treatment</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="471">$250</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="471"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="401" data-sku="471" data-list-id="megamenu_
1764colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: CLINICAL SCULPT | LOWER BODY "> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52074" data-mm-item-name="Extraordinary Oil" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="extraordinary-oil"> <a href="/en-us/products/extraordinary-oil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Extraordinary Oil"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52074AceiteExtraordinario2.jpg?v=1724664143&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Extraordinary Oil</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Intensive Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52074">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52074"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="53" data-sku="52074" data-list-id="megamenu_
1764colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Extraordinary Oil"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53206" data-mm-item-name="Exotic Orange Body Mousse" data-mm-price="37.95" data-mm-currency="USD" data-mm-handle="exotic-orange-body-mousse"> <a href="/en-us/products/exotic-orange-body-mousse" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Exotic Orange Body Mousse"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/06d92815-0a16-444c-8980-a563ab803ec5.png?v=1751978691&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Exotic Orange Body Mousse</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">24h Body Moisturiser</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53206">$37.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53206"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="48" data-sku="53206" data-list-id="megamenu_colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: Exotic Orange Body Mousse"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53176" data-mm-item-name="The glow" data-mm-price="66.95" data-mm-currency="USD" data-mm-handle="the-glow-en"> <a href="/en-us/products/the-glow-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View The glow"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53176TheGlow2.jpg?v=1724664627&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">The glow</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Body milk nourishes shines</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53176">$66.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53176"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="51" data-sku="53176" data-list-id="megamenu_
1764colecciones_collections-body" data-list-name="Mega Menú > Collections > Body" aria-label="Add to cart: The glow"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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_
1764colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53239" data-mm-item-name="Savior" data-mm-price="69.95" data-mm-currency="USD" data-mm-handle="savior-en"> <a href="/en-us/products/savior-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Savior"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/756f349c-43dd-41fe-8eb0-ee17ce204d96.png?v=1739974517&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Savior</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Hair repair</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53239">$69.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53239"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="13" data-sku="53239" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Savior"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53162" data-mm-item-name="Pack Rich for Dry Hair" data-mm-price="53.9" data-mm-currency="USD" data-mm-handle="pack-rich-en"> <a href="/en-us/products/pack-rich-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pack Rich for Dry Hair"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53162RichDryHairPack1.jpg?v=1733737079&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pack Rich for Dry Hair</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Shampoo & Conditioner</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53162">$53.90</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53162"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="116" data-sku="53162" data-list-id="megamenu_
1764colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Pack Rich for Dry Hair"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53183" data-mm-item-name="Boombastic" data-mm-price="54.95" data-mm-currency="USD" data-mm-handle="boombastic-en"> <a href="/en-us/products/boombastic-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Boombastic"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/932bf7ba-2cff-4e5d-90ad-83d2dc267f30.png?v=1764761575&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Boombastic</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Ultra Nourishing Mask + Turban</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53183">$54.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53183"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="72" data-sku="53183" data-list-id="megamenu_colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Boombastic"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="52013" data-mm-item-name="Capillary serum" data-mm-price="31.95" data-mm-currency="USD" data-mm-handle="intensive-hair-repair-serum"> <a href="/en-us/products/intensive-hair-repair-serum" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Capillary serum"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52013Serumcapilar2.jpg?v=1722412807&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Capillary serum</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Repair, Moisture, Antifrizz</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="52013">$31.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="52013"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="23" data-sku="52013" data-list-id="megamenu_
1764colecciones_collections-hair" data-list-name="Mega Menú > Collections > Hair" aria-label="Add to cart: Capillary serum"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53159" data-mm-item-name="Pure shampoo" data-mm-price="26.95" data-mm-currency="USD" data-mm-handle="pure-oily-hair-shampoo-200ml"> <a href="/en-us/products/pure-oily-hair-shampoo-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pure shampoo"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/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
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-4" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_limpiadores" data-mm-list-name="Mega Menú > Collections > Cleansers" data-mm-sub="limpiadores" data-mm-sub-label="Cleansers" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Cleansers</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53342" data-mm-item-name="Pamper Gel" data-mm-price="28" data-mm-currency="USD" data-mm-handle="pamper-gel-en"> <a href="/en-us/products/pamper-gel-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Pamper Gel"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/2c023221-8b61-4a8c-b1db-51dcb70d173d.png?v=1772191230&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Pamper Gel</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Facial soap</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53342">$28</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53342"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="55" data-sku="53342" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Pamper Gel"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53093" data-mm-item-name="Micellar Water 3 in 1" data-mm-price="26" data-mm-currency="USD" data-mm-handle="micellar-water-3-in-1-toning-cleanser-200ml"> <a href="/en-us/products/micellar-water-3-in-1-toning-cleanser-200ml" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Micellar Water 3 in 1"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Micellar Water 3 in 1</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">
1764Tones and Cleanses</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53093">$26</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53093"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="9" data-sku="53093" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Micellar Water 3 in 1"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51832" data-mm-item-name="Total Cleansing Milk" data-mm-price="23" data-mm-currency="USD" data-mm-handle="total-makeup-remover-mil"> <a href="/en-us/products/total-makeup-remover-mil" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Cleansing Milk"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f56356e8-09fe-40ff-8a08-a40946011c96.jpg?v=1742910048&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Cleansing Milk</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Cleanses face and eyes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51832">$23</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51832"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="50" data-sku="51832" data-list-id="megamenu_
1764colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Total Cleansing Milk"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="51954" data-mm-item-name="Detox Cleansing Foam" data-mm-price="29.95" data-mm-currency="USD" data-mm-handle="detox-cleansing-foam-for-oily-and-combination-skin"> <a href="/en-us/products/detox-cleansing-foam-for-oily-and-combination-skin" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Detox Cleansing Foam"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/567c183d-7b99-4c09-98fe-a05d80f7aff0.png?v=1752259979&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Detox Cleansing Foam</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Combination & Oily Skin</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="51954">$29.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="51954"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="17" data-sku="51954" data-list-id="megamenu_colecciones_limpiadores" data-list-name="Mega Menú > Collections > Cleansers" aria-label="Add to cart: Detox Cleansing Foam"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div></div></template><template data-l2-template="sub-5" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-5" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_rizos" data-mm-list-name="Mega Menú > Collections > Curls" data-mm-sub="rizos" data-mm-sub-label="Curls" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Curls</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53115" data-mm-item-name="3x Booster Curls Definition" data-mm-price="95.85" data-mm-currency="USD" data-mm-handle="3x2-curl-booster"> <a href="/en-us/products/3x2-curl-booster" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3x Booster Curls Definition"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6fe69d75-3b40-494b-9eb9-5ee5550b1c63.png?v=1773908481&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3x Booster Curls Definition</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Curl Defining Cream 3-pack</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53115">$95.85</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53115"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="99" data-sku="53115" data-list-id="megamenu_
1764colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: 3x Booster Curls Definition"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53055" data-mm-item-name="Curly Method by Cocunat" data-mm-price="60.95" data-mm-currency="USD" data-mm-handle="amazing-curls-pack"> <a href="/en-us/products/amazing-curls-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Curly Method by Cocunat"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f58817c6-fa75-4a39-8337-ae9a16fabcae.png?v=1773996435&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Curly Method by Cocunat</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">2-step method to define curls</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53055">$60.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53055"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="28" data-sku="53055" data-list-id="megamenu_colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Curly Method by Cocunat"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53110" data-mm-item-name="Defined Curls Kit" data-mm-price="83.95" data-mm-currency="USD" data-mm-handle="boost-and-hold-bundle"> <a href="/en-us/products/boost-and-hold-bundle" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Defined Curls Kit"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b6a5df-3b98-4cd7-8c32-a81a7dda311a.png?v=1763544637&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Defined Curls Kit</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Conditioner leave-in & 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_
1764colecciones_rizos" data-list-name="Mega Menú > Collections > Curls" aria-label="Add to cart: Defined Curls Kit"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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_
1764colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Discovery Kit"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="322" data-mm-item-name="Trial Skin Cycling" data-mm-price="20" data-mm-currency="USD" data-mm-handle="trial-skin-cycling"> <a href="/en-us/products/trial-skin-cycling" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Trial Skin Cycling"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/TrialsSeptiembre20241147_1.jpg?v=1726822564&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Trial Skin Cycling</h3> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="322">$20</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="322"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="240" data-sku="322" data-list-id="megamenu_colecciones_trials" data-list-name="Mega Menú > Collections > Trials" aria-label="Add to cart: Trial Skin Cycling"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><a href="/en-us/trials/" data-mm-promo="Try our products" class="mm-banner group/banner relative isolate flex min-h-0 flex-col justify-end overflow-hidden rounded-lg bg-[#f5f5f5] text-inherit no-underline mb-4 mt-2 shrink-0 [body:not(.body--nav-collapsed)_&]:lg:hidden aspect-[5/4]"><img class="absolute inset-0 z-0 block h-full w-full object-cover max-md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/d4b83402-d2b2-4efe-a1be-dedd784bff84.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><img class="absolute inset-0 z-0 block h-full w-full object-cover md:hidden" src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=auto,quality=90/c5f33305-f5f3-4543-84bc-ec39dd84a75e.webp" alt="" loading="lazy" decoding="async" width="960" height="720"><div class="relative z-[1] flex flex-col gap-2 p-6 pt-[60px] text-white bg-[linear-gradient(to_top,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.35)_45%,rgba(0,0,0,0)_100%)]"> <h3 class="m-0 line-clamp-2 font-canelaItalic text-[32px] leading-[1.1] tracking-[-0.01em] [overflow-wrap:break-word]">Try our products</h3> <span class="mt-3 inline-flex h-[38px] items-center justify-center self-start rounded border px-[22px] font-brownRegular text-[14px] uppercase leading-4 no-underline transition-colors duration-[180ms] border-white bg-white text-black group-hover/banner:bg-transparent group-hover/banner:text-white">Discover</span> </div></a></div></template><template data-l2-template="sub-7" data-l1-parent="colecciones"><div class="cat-drawer__panel--l2 pointer-events-none absolute inset-0 flex translate-x-full flex-col gap-2 overflow-y-auto overscroll-contain bg-white pl-[max(8px,env(safe-area-inset-left))] pr-[max(8px,env(safe-area-inset-right))] pt-[11px] text-black [transition:transform_250m
1764s_cubic-bezier(0.32,0.72,0,1)] data-[state=active]:pointer-events-auto data-[state=active]:translate-x-0 data-[state=behind]:-translate-x-[30%] data-[state=ahead]:translate-x-full [body:not(.body--nav-collapsed)_&]:lg:hidden motion-reduce:transition-none pb-0" data-l2="sub-7" data-l1-parent="colecciones" data-mm-section="colecciones" data-mm-section-label="Collections" data-mm-list-id="megamenu_colecciones_collections-bundles" data-mm-list-name="Mega Menú > Collections > Packs" data-mm-sub="collections-bundles" data-mm-sub-label="Packs" aria-hidden="true"><div class="flex items-center py-1"><button type="button" class="inline-flex h-[38px] cursor-pointer items-center gap-2 border-0 bg-transparent px-2 font-brownRegular text-base leading-4 text-black focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black" data-drawer-back-l2 aria-label="Back to Collections"><svg class="h-4 w-4 shrink-0" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="10 3 5 8 10 13"></polyline></svg><span>Packs</span></button></div><div class="flex flex-col gap-2 rounded-lg bg-[#f5f5f5] p-2"><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="153" data-mm-item-name="Revitalized Daily Skin Routine" data-mm-price="324.8" data-mm-currency="USD" data-mm-handle="revitalized-skin-pack"> <a href="/en-us/products/revitalized-skin-pack" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Revitalized Daily Skin Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d741e633-e2ec-45cb-8387-aa1
1764700a49b32.png?v=1770979176&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <span data-badge="label" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] mb-1 self-start text-white bg-black" aria-hidden="true"> Best Seller </span> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Revitalized Daily Skin Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Eye Contour, Cream, Serum & Vitamin C (30 day format)</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="153">$324.80</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="153"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="160" data-sku="153" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Revitalized Daily Skin Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="440" data-mm-item-name="ANTI-WRINKLE LIFTING DUO" data-mm-price="270.95" data-mm-currency="USD" data-mm-handle="anti-wrinkle-lifting-duo"> <a href="/en-us/products/anti-wrinkle-lifting-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-WRINKLE LIFTING DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/1f98ab1a-2b15-48c8-827f-7a765b9f5e79.png?v=1763925632&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">
1764ANTI-WRINKLE LIFTING DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Microneedling + Exosomes</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="440">$270.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="440"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="363" data-sku="440" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-WRINKLE LIFTING DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53315" data-mm-item-name="3 month of Happy Hair pack" data-mm-price="139.95" data-mm-currency="USD" data-mm-handle="pack-happyhair-3months"> <a href="/en-us/products/pack-happyhair-3months" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 3 month of Happy Hair pack"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6b7576a7-450e-42a6-87b4-72019d479051.png?v=1761032555&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">3 month of Happy Hair pack</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-hair loss hair health nutricosmetic</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53315">$139.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53315"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="106" data-sku="53315" data-list-id="megamenu_
1764colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 3 month of Happy Hair pack"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53336" data-mm-item-name="2-Month Body Power Treatment" data-mm-price="147.95" data-mm-currency="USD" data-mm-handle="body-power-smart-burn-en"> <a href="/en-us/products/body-power-smart-burn-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View 2-Month Body Power Treatment"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a6fa1960-33c2-4fad-9355-d8732807a809.png?v=1744145399&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">2-Month Body Power Treatment</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-Cellulite Gel</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53336">$147.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53336"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="100" data-sku="53336" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: 2-Month Body Power Treatment"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="53294" data-mm-item-name="Total Curls Definition Routine" data-mm-price="222.95" data-mm-currency="USD" data-mm-handle="total-curls-en"> <a href="/en-us/products/total-curls-en" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View Total Curls Definition Routine"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/a042fe1f-5617-4a49-b476-12ae575df3d4.png?v=1773999336&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">Total Curls Definition Routine</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Defines, Eliminates Frizz, Nourishes Thoroughly.</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="53294">$222.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="53294"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="111" data-sku="53294" data-list-id="megamenu_
1764colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: Total Curls Definition Routine"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article><article class="mega-card group/card relative isolate flex h-[130px] w-full items-stretch gap-3 rounded-lg bg-white p-3 transition-[transform,box-shadow] duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(0,0,0,0.08)] group-data-[active=true]/pane:animate-mega-card-in motion-reduce:!animate-none motion-reduce:transition-none" data-mm-item-id="311" data-mm-item-name="ANTI-AGING EYE CONTOUR DUO" data-mm-price="136.95" data-mm-currency="USD" data-mm-handle="anti-aging-eye-contour-duo"> <a href="/en-us/products/anti-aging-eye-contour-duo" class="mega-card__link flex min-w-0 flex-1 items-stretch gap-3 text-inherit no-underline after:absolute after:inset-0 after:z-0 after:content-['']" aria-label="View ANTI-AGING EYE CONTOUR DUO"> <div class="relative z-[1] h-[106px] w-[106px] shrink-0 self-center"> <img class="block h-full w-full rounded bg-[#f7f7f7] object-cover" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eee85e39-731c-4340-a168-37a781f3d5a7.png?v=1763549337&width=212&format=webp" alt="" loading="lazy" decoding="async" width="106" height="106"> </div> <div class="relative z-[1] flex min-w-0 flex-1 flex-col justify-start gap-1 self-stretch py-0.5"> <div class="flex min-w-0 flex-col gap-1"> <h3 class="m-0 line-clamp-2 font-brownRegular text-[14px] uppercase leading-[18px] text-black [overflow-wrap:anywhere]">ANTI-AGING EYE CONTOUR DUO</h3> <p class="m-0 truncate font-brownLight text-[13px] leading-[17px] text-[#6b6b6b]">Anti-aging eye contour + Lifting effect serum</p> </div> <div class="mt-auto flex items-baseline gap-2"> <span class="price font-brownRegular text-base leading-4 text-black" data-sku="311">$136.95</span> <span data-badge="discount" class="pointer-events-none inline-flex items-center justify-center whitespace-nowrap rounded-full px-2 py-[3px] font-brownRegular text-[10px] uppercase leading-none tracking-[0.04em] discount-badge hidden self-center bg-[#ee4f3c] text-white" data-sku="311"></span> </div> </div> </a> <button type="button" class="relative z-[2] flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded-full border-0 bg-[#f7f7f7] p-0 text-black transition-colors duration-[180ms] group-hover/card:bg-black group-hover/card:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black add-to-cart" data-variant-id="233" data-sku="311" data-list-id="megamenu_colecciones_collections-bundles" data-list-name="Mega Menú > Collections > Packs" aria-label="Add to cart: ANTI-AGING EYE CONTOUR DUO"> <span class="add-to-cart-text flex items-center justify-center"><svg class="h-[18px] w-[18px]" viewBox="0 0 256 256" fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="32" y="72" width="192" height="152" rx="8"></rect> <path d="M88,72V56a40,40,0,0,1,80,0V72"></path> </svg></span> <span class="add-to-cart-loading hidden"> <svg class="h-[18px] w-[18px] animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </article></div><div class="sticky bottom-0 z-[5] ml-[calc(max(8px,env(safe-area-inset-left))*-1)] mr-[calc(max(8px,env(safe-area-inset-right))*-1)] mt-auto bg-white/[0.92] pb-[max(16px,env(safe-area-inset-bottom))] pl-[max(16px,env(safe-area-inset-left))] pr-[max(16px,env(safe-area-inset-right))] pt-3 shadow-[0_-8px_16px_rgba(0,0,0,0.04)] backdrop-blur-[12px] backdrop-saturate-[1.4] [body:not(.body--nav-collapsed)_&]: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
1764ive="polite" aria-busy="true"> <div class="cart-v2-spinner"></div> </div> <p class="sr-only" data-cart-subscription-status aria-live="polite" aria-atomic="true"></p> <div class="cart-v2-scroll" data-cart-scroll-region> <header class="cart-v2-header" data-cart-sticky-header> <div class="cart-v2-heading"> <h2 id="slide-over-title">Your cart</h2> <span id="cart-drawer-count" class="cart-v2-count">0</span> </div> <button type="button" class="cart-v2-close" id="close-cart-drawer"> <span class="sr-only">Close cart</span> <img src="/images/cart/close.svg" alt="" width="12" height="12"> </button> </header> <div id="cart-progress-container" data-cart-progress-container class="cart-v2-progress hidden"> <div class="cart-v2-progress-message" data-cart-progress-message data-progress-message="You need {amount} more to get a free gift" data-success-message="<strong>Congratulations!</strong> Your free gift has been added to your cart" data-progress-message-2="You got the first gift. You need {amount} more for the second gift" data-progress-shipping="Add {amount} to get free shipping" data-progress-first-gift="Add {amount} to get your gift" data-progress-next-gift="Add {amount} to get another gift" data-shipping-success="You have unlocked free shipping!" data-gift-success="You have unlocked your gift!"></div> <div class="cart-v2-progress-detail"> <div class="cart-v2-progress-track"> <div data-cart-progress-bar class="cart-v2-progress-bar"></div> </div> <div data-gift-markers class="cart-v2-progress-markers"></div> <span data-cart-threshold class="hidden"></span> </div> </div> <div id="empty-cart-message" class="cart-v2-empty hidden"> <div class="cart-v2-empty-intro"> <div class="cart-v2-empty-heading-wrap"> <p class="cart-v2-empty-heading" data-cart-empty-title> Oops! You still donât have any products in your cart </p> </div> <button type="button" class="cart-v2-empty-cta" data-cart-empty-cta> Shop now </button> </div> <div class="cart-v2-empty-discovery" data-cart-empty-discovery> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/products/clinical-beauty-filler" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/clinical-beauty-filler.webp" alt="Clinical Beauty Filler" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Beauty Filler</span> </a><a class="cart-v2-empty-card" href="/en-us/products/clinical-exosomes" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/clinical-exosomes.webp" alt="Clinical Exosomes" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Exosomes</span> </a> </div> <a class="cart-v2-empty-banner" href="/en-us/products/clinical-exosomes" data-cart-empty-banner data-cart-empty-link> <img class="cart-v2-empty-banner-image" data-cart-empty-src="/images/cart-empty/metodo-firmeza.webp" alt="" width="372" height="180" loading="lazy" decoding="async"> <span class="cart-v2-empty-banner-shade" aria-hidden="true"></span> <span class="cart-v2-empty-banner-copy"> <span class="cart-v2-empty-banner-eyebrow"> Firmness method </span> <span class="cart-v2-empty-banner-title"> The method that is changing skin firmness </span> </span> </a> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/products/clinical-sculpt-upper-body" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image cart-v2-empty-card-image--flush" data-cart-empty-src="/images/cart-empty/clinical-sculpt-upper-body.webp" alt="Clinical Sculpt Tren Superior" width="166" height="166" loading="lazy" decoding="async"> <span>Clinical Sculpt Tren Superior</span> </a><a class="cart-v2-empty-card" href="/en-us/products/body-power-en" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/body-power.webp" alt="Body Power" width="166" height="166" loading="lazy" decoding="async"> <span>Body Power</span> </a> </div> <div class="cart-v2-empty-grid"> <a class="cart-v2-empty-card" href="/en-us/metodo-curly" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/metodo-curly.webp" alt="Método Curly by Cocunat" width="166" height="166" loading="lazy" decoding="async"> <span>Método Curly by Cocunat</span> </a><a class="cart-v2-empty-card" href="/en-us/products/boombastic-en" data-cart-empty-card data-cart-empty-link> <img class="cart-v2-empty-card-image" data-cart-empty-src="/images/cart-empty/boombastic.webp" alt="Boombastic" width="166" height="166" loading="lazy" decoding="async"> <span>Boombastic</span> </a> </div> </div> </div>
1764 <div id="cart-filled-content" class="cart-v2-content hidden"> <section id="cart-subscription-section" class="cart-v2-section hidden" data-cart-section="subscription"> <h3 class="cart-v2-section-title">Subscribe and save</h3> <div class="cart-v2-lines" data-cart-items="subscription"></div> </section> <section id="cart-one-time-section" class="cart-v2-section hidden" data-cart-section="one-off"> <h3 class="cart-v2-section-title">One-time purchase</h3> <div class="cart-v2-lines" data-cart-items="one-off"></div> </section> <section id="cart-gifts-section" class="cart-v2-section hidden" data-cart-section="gifts"> <h3 class="cart-v2-section-title">Gifts</h3> <div class="cart-v2-lines" data-cart-items="gifts"></div> </section> <section id="cart-upsell-section" class="cart-v2-section cart-v2-upsell-section hidden"> <h3 class="cart-v2-section-title"> You may also like </h3> <div class="cart-v2-upsell-track" data-cart-upsell-track data-add-to-cart-text="Add to cart"></div> <template id="cart-upsell-card-template"> <article class="cart-v2-upsell-card" data-cart-upsell-card> <img src="" alt="" class="cart-v2-upsell-image" data-cart-upsell-image> <div class="cart-v2-upsell-copy"> <h4 class="cart-v2-upsell-title" data-cart-upsell-title></h4> <p class="cart-v2-upsell-subtitle" data-cart-upsell-subtitle></p> <div class="cart-v2-upsell-prices"> <span class="cart-v2-upsell-price" data-cart-upsell-price></span> <s class="cart-v2-upsell-original hidden" data-cart-upsell-original></s> </div> </div> <button type="button" class="cart-v2-upsell-button" data-cart-upsell-add> <img src="/images/cart/bag.svg" alt="" width="18" height="16"> <span class="sr-only cart-v2-upsell-button-label">Add to cart</span> </button> </article> </template> </section> <section class="cart-v2-summary" aria-label="Total"> <div class="cart-v2-summary-row"> <span>Subtotal</span> <span id="cart-summary-subtotal">$0</span> </div> <div id="total-saved-container" class="cart-v2-summary-row hidden"> <span>Discount</span> <span>-<span id="total-saved-amount">$0</span></span> </div> <div class="cart-v2-summary-row"> <span>Shipping</span> <span id="cart-shipping-price" data-pending-label="Shipping and taxes calculated at checkout." data-shipping-state="pending"> Shipping and taxes calculated at checkout. </span> </div> <div class="cart-v2-summary-row cart-v2-summary-total"> <span>Total</span> <span id="cart-summary-total">$0</span> </div> <p class="cart-v2-discount-copy">Discount codes applied at checkout</p> <div class="cart-v2-payments" aria-label="Payment methods"> <span class="cart-v2-payment cart-v2-payment-amex"> <img src="/images/cart/payment-amex.svg" alt="American Express" width="29" height="8"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-apple-pay.svg" alt="Apple Pay" width="25" height="11"> </span> <span class="cart-v2-payment cart-v2-payment-google"> <img src="/images/cart/payment-google-g.svg" alt="" width="9" height="9"> <img src="/images/cart/payment-google-pay.svg" alt="Google Pay" width="15" height="10"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-mastercard.svg" alt="Mastercard" width="23" height="14"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-maestro.svg" alt="Maestro" width="23" height="14"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-paypal.svg" alt="PayPal" width="20" height="18"> </span> <span class="cart-v2-payment cart-v2-payment-shop-pay"> <img src="/images/cart/payment-shop-pay.svg" alt="Shop Pay" width="26" height="11"> </span> <span class="cart-v2-payment"> <img src="/images/cart/payment-visa.svg" alt="Visa" width="25" height="8"> </span> </div> </section> </div> </div> <footer id="cart-drawer-footer" class="cart-v2-footer hidden" data-cart-sticky-footer> <div class="cart-v2-footer-total"> <span>Total</span> <span class="cart-v2-footer-prices"> <s id="cart-footer-original-price" class="hidden">$0</s> <strong id="subtotal-price">$0</strong> </span> </div> <a href="#" id="go-to-checkout-1" class="cart-v2-checkout"> <span class="checkout-text"> <img src="/images/cart/lock.svg" alt="" width="14" height="16"> Secure checkout </span> <span class="checkout-arrow" aria-hidden="true"></span> <span class="checkout-spinner hidden" aria-hidden="true"> <span class="cart-v2-spinner cart-v2-spinner-light"></span> </span> </a> <div class="cart-v2-trust"> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> 30-day guarantee </span> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> Proven results </span> </div> </footer> <footer class="cart-v2-empty-footer hidden" data-cart-empty-footer> <button type="button" class="cart-v2-empty-checkout" data-cart-empty-checkout disabled aria-disabled="true"> <img src="/images/cart/lock.svg" alt="" width="14" height="16"> Secure checkout </button> <div class="cart-v2-trust"> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> 30-day guarantee </span> <span> <img src="/images/cart/check-circle.svg" alt="" width="10" height="10"> Proven results </span> </div> </footer> </section> </div> </div> </div>
1764<script> 1765 document.addEventListener('DOMContentLoaded', () => { 1766 const checkoutButton = document.getElementById('go-to-checkout-1'); 1767 if (!checkoutButton) return; 1768 1769 const checkoutText = checkoutButton.querySelector('.checkout-text'); 1770 const checkoutArrow = checkoutButton.querySelector('.checkout-arrow'); 1771 const checkoutSpinner = checkoutButton.querySelector('.checkout-spinner'); 1772 let checkoutTimeout; 1773 1774 function resetCheckoutButton() { 1775 if (checkoutTimeout) { 1776 clearTimeout(checkoutTimeout); 1777 checkoutTimeout = null; 1778 } 1779 checkoutText?.classList.remove('hidden'); 1780 checkoutArrow?.classList.remove('hidden'); 1781 checkoutSpinner?.classList.add('hidden'); 1782 checkoutButton.classList.remove('pointer-events-none', 'opacity-90'); 1783 } 1784 1785 document.getElementById('close-cart-drawer')?.addEventListener('click', resetCheckoutButton); 1786 window.addEventListener('pageshow', resetCheckoutButton); 1787 1788 checkoutButton.addEventListener('click', (event) => { 1789 const href = checkoutButton.getAttribute('href'); 1790 if (!href || href === '#') return; 1791 1792 event.preventDefault(); 1793 checkoutText?.classList.add('hidden'); 1794 checkoutArrow?.classList.add('hidden'); 1795 checkoutSpinner?.classList.remove('hidden'); 1796 checkoutButton.classList.add('pointer-events-none', 'opacity-90'); 1797 1798 checkoutTimeout = setTimeout(resetCheckoutButton, 10000); 1799 requestAnimationFrame(() => { 1800 requestAnimationFrame(() => { 1801 window.location.href = href; 1802 }); 1803 }); 1804 }); 1805 }); 1806</script>
1806
1806<script src="/js/megamenu/megamenu-collapse.js"></script>
1806
1806<script src="/js/megamenu/megamenu-drawer.js"></script>
1806
1806<script src="/js/megamenu/megamenu-panel.js"></script>
1806
1806<script src="/js/megamenu/megamenu-header-scroll.js"></script>
1806
1806<script src="/js/megamenu/megamenu-tracking.js"></script>
1806 <main class="stores-page"> <!-- Hero Section --> <section class="hero-section pt-14 pb-10 text-center bg-white"> <h1 class="page-title"> FLAGSHIP STORES </h1> </section> <!-- Flagship Stores Grid --> <section class="flagship-grid pb-16 md:pb-24 bg-white"> <div class="max-w-6xl mx-auto px-4 sm:px-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-12 md:gap-x-20 md:gap-y-16"> <a href="/en-us/stores/barcelona-illa" class="store-card group block" data-astro-cid-k2n6fqcz> <div class="relative aspect-[4/3] overflow-hidden bg-stone-100" data-astro-cid-k2n6fqcz> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Illa.jpg?v=1764845521" alt="BARCELONA - ILLA store" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105" loading="lazy" data-astro-cid-k2n6fqcz> <!-- Subtle gradient overlay --> <div class="absolute inset-0 bg-gradient-to-t from-black/30 via-black/10 to-transparent" data-astro-cid-k2n6fqcz></div> <!-- Store name centered --> <div class="absolute inset-0 flex items-center justify-center" data-astro-cid-k2n6fqcz> <h3 class="store-name text-white text-center px-4" data-astro-cid-k2n6fqcz> BARCELONA - ILLA </h3> </div> </div> <!-- Address below image --> <div class="address-block text-center pt-6 pb-2" data-astro-cid-k2n6fqcz> <p class="address-street" data-astro-cid-k2n6fqcz>AVINGUDA DIAGONAL 557</p> <p class="address-city" data-astro-cid-k2n6fqcz>BARCELONA</p> <p class="address-postal" data-astro-cid-k2n6fqcz>08029</p> </div> </a> <a href="/en-us/stores/barcelona-rambla" class="store-card group block" data-astro-cid-k2n6fqcz> <div class="relative aspect-[4/3] overflow-hidden bg-stone-100" data-astro-cid-k2n6fqcz> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Rambla.jpg?v=1764845520" alt="BARCELONA - RAMBLA store" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105" loading="lazy" data-astro-cid-k2n6fqcz> <!-- Subtle gradient overlay --> <div class="absolute inset-0 bg-gradient-to-t from-black/30 via-black/10 to-transparent" data-astro-cid-k2n6fqcz></div> <!-- Store name centered --> <div class="absolute inset-0 flex items-center justify-center" data-astro-cid-k2n6fqcz> <h3 class="store-name text-white text-center px-4" data-astro-cid-k2n6fqcz> BARCELONA - RAMBLA </h3> </div> </div> <!-- Address below image --> <div class="address-block text-center pt-6 pb-2" data-astro-cid-k2n6fqcz> <p class="address-street" data-astro-cid-k2n6fqcz>RAMBLA DE CATALUNYA 110</p> <p class="address-city" data-astro-cid-k2n6fqcz>BARCELONA</p> <p class="address-postal" data-astro-cid-k2n6fqcz>08008</p> </div> </a> <a href="/en-us/stores/madrid" class="store-card group block" data-astro-cid-k2n6fqcz> <div class="relative aspect-[4/3] overflow-hidden bg-stone-100" data-astro-cid-k2n6fqcz> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/LaVaguada.jpg?v=1764845520" alt="MADRID store" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105" loading="lazy" data-astro-cid-k2n6fqcz> <!-- Subtle gradient overlay --> <div class="absolute inset-0 bg-gradient-to-t from-black/30 via-black/10 to-transparent" data-astro-cid-k2n6fqcz></div> <!-- Store name centered --> <div class="absolute inset-0 flex items-center justify-center" data-astro-cid-k2n6fqcz> <h3 class="store-name text-white text-center px-4" data-astro-cid-k2n6fqcz> MADRID </h3> </div> </div> <!-- Address below image --> <div class="address-block text-center pt-6 pb-2" data-astro-cid-k2n6fqcz> <p class="address-street" data-astro-cid-k2n6fqcz>CC LA VAGUADA AVENIDA DE MONFORTE DE LEMOS 36</p> <p class="address-city" data-astro-cid-k2n6fqcz>MADRID</p> <p class="address-postal" data-astro-cid-k2n6fqcz>28029</p> </div> </a> <a href="/en-us/stores/zaragoza" class="store-card group block" data-astro-cid-k2n6fqcz> <div class="relative aspect-[4/3] overflow-hidden bg-stone-100" data-astro-cid-k2n6fqcz> <img src="https://cdn-static.cocunat.com/cocuant-tienda-zaragoza.jpg" alt="ZARAGOZA store" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105" loading="lazy" data-astro-cid-k2n6fqcz> <!-- Subtle gradient overlay --> <div class="absolute inset-0 bg-gradient-to-t from-black/30 via-black/10 to-transparent" data-astro-cid-k2n6fqcz></div> <!-- Store name centered --> <div class="absolute inset-0 flex items-center justify-center" data-astro-cid-k2n6fqcz> <h3 class="store-name text-white text-center px-4" data-astro-cid-k2n6fqcz> ZARAGOZA </h3> </div> </div> <!-- Address below image --> <div class="address-block text-center pt-6 pb-2" data-astro-cid-k2n6fqcz> <p class="address-street" data-astro-cid-k2n6fqcz>PASEO DE LA INDEPENDENCIA 31</p> <p class="address-city" data-astro-cid-k2n6fqcz>ZARAGOZA</p> <p class="address-postal" data-astro-cid-k2n6fqcz>50001</p> </div> </a> </div> </div> </section> <!-- Store Locator Map Section --> <section class="store-locator py-20 md:py-28 bg-white" data-astro-cid-zq6wwham> <div class="max-w-6xl mx-auto px-4 sm:px-6" data-astro-cid-zq6wwham> <!-- Section Title --> <h2 class="section-title text-center mb-12" data-astro-cid-zq6wwham> 1807STORE LOCATOR 1808</h2> <!-- Map and List Container --> <div class="map-list-container border border-stone-200" data-astro-cid-zq6wwham> <!-- Store List Sidebar --> <div class="store-list-sidebar" data-astro-cid-zq6wwham> <div class="store-list-item p-4 border-b border-stone-100 hover:bg-stone-50 transition-colors cursor-pointer active" data-lat="41.3925" data-lng="2.1365" data-id="barcelona-illa" data-astro-cid-zq6wwham> <h4 class="store-list-name mb-2" data-astro-cid-zq6wwham>BARCELONA - ILLA</h4> <p class="store-list-address flex items-start gap-2" data-astro-cid-zq6wwham> <svg class="w-4 h-4 mt-0.5 flex-shrink-0 text-red-500" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-zq6wwham> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" data-astro-cid-zq6wwham></path> </svg> <span data-astro-cid-zq6wwham>AVINGUDA DIAGONAL 557, LOCAL 3.30 FLOOR 1, 08029 BARCELONA, SPAIN</span> </p> </div><div class="store-list-item p-4 border-b border-stone-100 hover:bg-stone-50 transition-colors cursor-pointer " data-lat="41.3954" data-lng="2.1612" data-id="barcelona-rambla" data-astro-cid-zq6wwham> <h4 class="store-list-name mb-2" data-astro-cid-zq6wwham>BARCELONA - RAMBLA</h4> <p class="store-list-address flex items-start gap-2" data-astro-cid-zq6wwham> <svg class="w-4 h-4 mt-0.5 flex-shrink-0 text-red-500" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-zq6wwham> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" data-astro-cid-zq6wwham></path> </svg> <span data-astro-cid-zq6wwham>RAMBLA DE CATALUNYA 110, LOCAL 1, 08008 BARCELONA, SPAIN</span> </p> </div><div class="store-list-item p-4 border-b border-stone-100 hover:bg-stone-50 transition-colors cursor-pointer " data-lat="40.4796" data-lng="-3.7103" data-id="madrid" data-astro-cid-zq6wwham> <h4 class="store-list-name mb-2" data-astro-cid-zq6wwham>MADRID</h4> <p class="store-list-address flex items-start gap-2" data-astro-cid-zq6wwham> <svg class="w-4 h-4 mt-0.5 flex-shrink-0 text-red-500" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-zq6wwham> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" data-astro-cid-zq6wwham></path> </svg> <span data-astro-cid-zq6wwham>CC LA VAGUADA AVENIDA DE MONFORTE DE LEMOS 36, 1ST FLOOR, LOCAL 1.23, 28029 MADRID, SPAIN</span> </p> </div><div class="store-list-item p-4 border-b border-stone-100 hover:bg-stone-50 transition-colors cursor-pointer " data-lat="41.6488" data-lng="-0.8891" data-id="zaragoza" data-astro-cid-zq6wwham> <h4 class="store-list-name mb-2" data-astro-cid-zq6wwham>ZARAGOZA</h4> <p class="store-list-address flex items-start gap-2" data-astro-cid-zq6wwham> <svg class="w-4 h-4 mt-0.5 flex-shrink-0 text-red-500" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-zq6wwham> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" data-astro-cid-zq6wwham></path> </svg> <span data-astro-cid-zq6wwham>PASEO DE LA INDEPENDENCIA 31, 50001 ZARAGOZA, SPAIN</span> </p> </div> </div> <!-- Map Container --> <div class="map-container" id="store-map" data-astro-cid-zq6wwham></div> </div> </div> </section> <!-- Leaflet CSS --> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
1808<script>(function(){const stores = [{"id":"barcelona-illa","handle":"barcelona-illa","name":"BARCELONA - ILLA","address":"AVINGUDA DIAGONAL 557, LOCAL 3.30 FLOOR 1, 08029 BARCELONA, SPAIN","coordinates":{"lat":41.3925,"lng":2.1365}},{"id":"barcelona-rambla","handle":"barcelona-rambla","name":"BARCELONA - RAMBLA","address":"RAMBLA DE CATALUNYA 110, LOCAL 1, 08008 BARCELONA, SPAIN","coordinates":{"lat":41.3954,"lng":2.1612}},{"id":"madrid","handle":"madrid","name":"MADRID","address":"CC LA VAGUADA AVENIDA DE MONFORTE DE LEMOS 36, 1ST FLOOR, LOCAL 1.23, 28029 MADRID, SPAIN","coordinates":{"lat":40.4796,"lng":-3.7103}},{"id":"zaragoza","handle":"zaragoza","name":"ZARAGOZA","address":"PASEO DE LA INDEPENDENCIA 31, 50001 ZARAGOZA, SPAIN","coordinates":{"lat":41.6488,"lng":-0.8891}}]; 1809const defaultStoreId = "barcelona-illa"; 1810 1811 // Load Leaflet dynamically 1812 function loadLeaflet() { 1813 return new Promise((resolve, reject) => { 1814 if (window.L) { 1815 resolve(window.L); 1816 return; 1817 } 1818 1819 const script = document.createElement('script'); 1820 script.src = 'https://unpkg.com/[email protected]/dist/leaflet.js'; 1821 script.onload = () => resolve(window.L); 1822 script.onerror = reject; 1823 document.head.appendChild(script); 1824 }); 1825 } 1826 1827 async function initMap() { 1828 const L = await loadLeaflet(); 1829 1830 const mapContainer = document.getElementById('store-map'); 1831 if (!mapContainer) { 1832 console.error('Map container not found'); 1833 return; 1834 } 1835 1836 // Get first store coordinates for default center, or Spain center 1837 const defaultStore = stores.find(s => s.id === defaultStoreId); 1838 const defaultCenter = defaultStore 1839 ? [defaultStore.coordinates.lat, defaultStore.coordinates.lng] 1840 : [40.4168, -3.7038]; // Madrid as fallback 1841 1842 // Start with higher zoom level (12 instead of 6) 1843 const map = L.map('store-map').setView(defaultCenter, 12); 1844 1845 // Add OpenStreetMap tiles 1846 L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { 1847 maxZoom: 19, 1848 attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>' 1849 }).addTo(map); 1850 1851 // Invalidate size after a short delay to ensure container is rendered 1852 setTimeout(() => { 1853 map.invalidateSize(); 1854 }, 100); 1855 1856 // Custom marker icon 1857 const customIcon = L.divIcon({ 1858 className: 'custom-marker', 1859 html: `<svg width="24" height="36" viewBox="0 0 24 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 1860 <path d="M12 0C5.373 0 0 5.373 0 12c0 9 12 24 12 24s12-15 12-24c0-6.627-5.373-12-12-12z" fill="#e53935"/> 1861 <circle cx="12" cy="12" r="4" fill="white"/> 1862 </svg>`, 1863 iconSize: [24, 36], 1864 iconAnchor: [12, 36], 1865 popupAnchor: [0, -36] 1866 }); 1867 1868 // Add markers for each store 1869 const markers = []; 1870 stores.forEach(store => { 1871 const marker = L.marker([store.coordinates.lat, store.coordinates.lng], { icon: customIcon }) 1872 .addTo(map) 1873 .bindPopup(` 1874 <div class="store-popup"> 1875 <div class="store-popup-name">${store.name}</div> 1876 <div class="store-popup-address">${store.address}</div> 1877 </div> 1878 `); 1879 markers.push({ marker, id: store.id }); 1880 }); 1881 1882 // Open popup for default (first) store 1883 if (defaultStoreId && markers.length > 0) { 1884 const defaultMarker = markers.find(m => m.id === defaultStoreId); 1885 if (defaultMarker) { 1886 defaultMarker.marker.openPopup(); 1887 } 1888 } 1889 1890 // Function to select a store and update active state 1891 function selectStore(storeId, lat, lng) { 1892 // Update active class on list items 1893 document.querySelectorAll('.store-list-item').forEach(el => { 1894 el.classList.remove('active'); 1895 if (el.dataset.id === storeId) { 1896 el.classList.add('active'); 1897 } 1898 }); 1899 1900 // Center map on selected store with zoom
1901 map.setView([lat, lng], 14); 1902 1903 // Open the marker popup 1904 markers.forEach(({ marker, id }) => { 1905 if (id === storeId) { 1906 marker.openPopup(); 1907 } 1908 }); 1909 } 1910 1911 // Handle store list item click to select and zoom on map 1912 document.querySelectorAll('.store-list-item').forEach(item => { 1913 item.addEventListener('click', () => { 1914 const lat = parseFloat(item.dataset.lat); 1915 const lng = parseFloat(item.dataset.lng); 1916 const storeId = item.dataset.id; 1917 selectStore(storeId, lat, lng); 1918 }); 1919 }); 1920 } 1921 1922 // Initialize when DOM is ready 1923 if (document.readyState === 'loading') { 1924 document.addEventListener('DOMContentLoaded', initMap); 1925 } else { 1926 initMap(); 1927 } 1928})();</script>
1928 </main> <div class="bg-[#F6F4F4] relative"> <div class="mx-auto max-w-2xl px-4 mt-10 border-t border-gray-100" data-astro-cid-mt6f4gc5> <footer class="flex flex-col items-center justify-center py-10"> <div class="text-center mb-8"> <h2 class="text-2xl mb-2 font-canela-italic">KEEP IN TOUCH!</h2> <p class="text-gray-600 mb-4">Be the first to know about our launches, special offers...</p> <div class="max-w-md mx-auto"> <form id="newsletter-form" class="relative"> <input type="email" id="newsletter-email" placeholder="Enter your email" class="w-full p-3 mb-3 border border-gray-300 rounded" required> <button type="submit" class="w-full bg-black text-white p-3 rounded hover:bg-gray-800 transition-colors relative" id="newsletter-submit"> <span class="inline-block">Subscribe</span> <span id="loading-spinner" class="hidden absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"> <svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> <div id="newsletter-message" class="mt-2 text-sm"> <p id="success-message" class="text-green-600 hidden">Thank you for subscribing!</p> <p id="error-message" class="text-red-600 hidden">An error occurred. Please try again.</p> </div> </form> </div> </div> <div class="grid grid-cols-2 gap-8 w-full max-w-4xl mb-8 mt-10"> <div> <h3 class="font-brownRegular mb-3 text-sm sm:text-base">CUSTOMER SERVICE</h3> <ul class="space-y-2 text-gray-600"> <li><a href="/en-us/contact" class="hover:text-black text-xs sm:text-sm">CONTACT FORM</a></li> <li><a href="/en-us/pages/terms-of-service" class="hover:text-black text-xs sm:text-sm uppercase">TERMS AND CONDITIONS</a></li> <li class="promo-show-COCUNATDAYS promo-show-COCUNATDAYSMX hidden"><a href="/en-us/landings/legal-cocunat-days" class="hover:text-black text-xs sm:text-sm">DRAW TREAT YOURSELF TO WELNESS</a></li> <li><a href="/en-us/pages/delivery-and-returns-policy" class="hover:text-black text-xs sm:text-sm">SHIPPING & RETURNS</a></li> <li><a href="/en-us/pages/secure-payment" class="hover:text-black text-xs sm:text-sm">SECURE SHOPPING</a></li> <!-- Keep the customer-service hours available for a future reactivation. --> <li class="hidden text-[10px] sm:text-xs text-gray-400"> Hours Monday to Thursday from 09:00 to 18:00 and Friday from 09:00 to 15:00 </li> </ul> </div> <div> <h3 class="font-brownRegular mb-3 text-sm sm:text-base">INFORMATION</h3> <ul class="space-y-2 text-gray-600"> <li><a href="https://cocunat.com/es-es/landings/about-us" class="hover:text-black text-xs sm:text-sm uppercase">ABOUT US</a></li> <li><a href="/en-us/stores" class="hover:text-black text-xs sm:text-sm uppercase"> Stores </a></li> <li><a href="" class="hover:text-black text-xs sm:text-sm hidden">STORE LOCATOR</a></li> <li><a href="https://club.co/cocunat" class="hover:text-black text-xs sm:text-sm">BECOME AN AMBASSADOR</a></li> <li><a href="https://cocunat.jobs.personio.de/" class="hover:text-black text-xs sm:text-sm">WORK WITH US</a></li> <li><a href="/en-us/landings/privacy-policy" class="hover:text-black text-xs sm:text-sm">SECURITY, PRIVACY & COOKIES</a></li> </ul> <div class="sm:absolute bottom-10 right-10 max-w-sm text-right flex flex-col items-end"> <p class="text-xs text-gray-400 mt-10">This company is capitalized by INNVIERTE, AN INVESTMENT PROGRAM OF CDTI, E.P.E.</p> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/20241108_logo_innvierte_azul_fondo_blanco_300ppp_1__1___1_-removebg-preview.png?v=1752068390&height=96&format=webp" alt="Cocunat" class="h-12 mt-2"> </div> </div> </div> <div class="flex justify-center gap-4 mb-6"> <a href="https://www.instagram.com/cocunat/" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-1.png?v=1734775251&width=96&format=webp" alt="Instagram" class="w-12 h-12"> </a> <a href="https://www.facebook.com/cocunat.int/?brand_redir=569215909806848" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-2.png?v=1734775251&width=96&format=webp" alt="Facebook" class="w-12 h-12"> </a> <a href="https://www.tiktok.com/@cocunat" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-3.png?v=1734775251&width=96&format=webp" alt="TikTok" class="w-12 h-12"> </a> <a href="https://www.youtube.com/@Cocunat" class="hover:opacity-80"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/social-4.png?v=1734775251&width=96&format=webp" alt="YouTube" class="w-12 h-12"> </a> </div> <div class="text-xs text-gray-400 text-center"> 1929© 2026 COCUNAT - INTERNATIONAL 1930</div> </footer> </div> </div>
1930<script> 1931 const form = document.getElementById('newsletter-form'); 1932 const emailInput = document.getElementById('newsletter-email'); 1933 const submitButton = document.getElementById('newsletter-submit'); 1934 const messageDiv = document.getElementById('newsletter-message'); 1935 const successMessage = document.getElementById('success-message'); 1936 const errorMessage = document.getElementById('error-message'); 1937 const buttonText = submitButton?.querySelector('span:not(#loading-spinner)'); 1938 const loadingSpinner = document.getElementById('loading-spinner'); 1939 1940 function hideMessages() { 1941 successMessage?.classList.add('hidden'); 1942 errorMessage?.classList.add('hidden'); 1943 } 1944 1945 function identifyNewsletterProfile(email) { 1946 window._learnq = window._learnq || []; 1947 window._learnq.push(['identify', { 1948 '$email': email, 1949 'Signup Source': 'footer-form' 1950 }]); 1951 } 1952 1953 async function getGeoInfo() { 1954 try { 1955 const response = await fetch((window.__GEO_URL || 'https://geo.cocunat.workers.dev') + '/'); 1956 return await response.json(); 1957 } catch (error) { 1958 console.error('Error fetching geo info:', error); 1959 return { country: 'EN', language: 'US' }; // Default fallback 1960 } 1961 } 1962 1963 async function submitNewsletter(email, geoInfo) { 1964 const payload = { 1965 email, 1966 country: geoInfo.country, 1967 language: geoInfo.language, 1968 phone_number: '', 1969 birthday: '', 1970 where: 'footer-form', 1971 utm_campaign: 'website', 1972 utm_medium: 'website', 1973 utm_source: 'footer' 1974 }; 1975 1976 try { 1977 const response = await fetch((window.__REST_API_URL || 'https://rest-api.cocunat.com') + '/v2/leads/', { 1978 method: 'POST', 1979 headers: { 1980 'Content-Type': 'application/json', 1981 }, 1982 body: JSON.stringify(payload) 1983 }); 1984 1985 if (!response.ok) throw new Error('Subscription failed'); 1986 return true; 1987 } catch (error) { 1988 console.error('Error submitting newsletter:', error); 1989 return false; 1990 } 1991 } 1992 1993 form?.addEventListener('submit', async (e) => { 1994 e.preventDefault(); 1995 1996 if (!emailInput || !messageDiv || !submitButton || !buttonText || !loadingSpinner || !successMessage || !errorMessage) return; 1997 1998 const email = emailInput.value.trim(); 1999 if (!email) return; 2000 identifyNewsletterProfile(email); 2001 2002 try { 2003 submitButton.disabled = true; 2004 buttonText.classList.add('invisible'); 2005 loadingSpinner.classList.remove('hidden'); 2006 hideMessages(); 2007 2008 const geoInfo = await getGeoInfo(); 2009 const success = await submitNewsletter(email, geoInfo); 2010 2011 try{ 2012 const currentUrl = new URL(window.location.href); 2013 document.dispatchEvent(new CustomEvent('EventGenerateLead', { 2014 detail: { 2015 market: currentUrl.pathname.split('/')[1].replace("/", ""), 2016 url: window.location.href, 2017 section: 'footer', 2018 section_action: 'submit' 2019 } 2020 })); 2021 }catch(e){ 2022 console.error(e); 2023 } 2024 2025 if (success) { 2026 successMessage.classList.remove('hidden'); 2027 emailInput.value = ''; 2028 } else { 2029 throw new Error('Subscription failed'); 2030 } 2031 } catch (error) { 2032 errorMessage.classList.remove('hidden'); 2033 } finally { 2034 submitButton.disabled = false; 2035 buttonText.classList.remove('invisible'); 2036 loadingSpinner.classList.add('hidden'); 2037 } 2038 }); 2039</script>
2039 <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>
2039<script src="/general.js?v=2"></script>
2039 <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>
2039<script> 2040 function amm() { 2041 try { 2042 var s, d; 2043 s = localStorage.getItem("amm"); 2044 d = JSON.parse(s); 2045 if (d) { 2046 return d; 2047 } 2048 } catch (err) { 2049 console.log(err); 2050 } 2051 } 2052 2053 function loadFacebookPixel() { 2054 if (window.fbq) return; 2055 window.fbq = function() { 2056 window.fbq.callMethod ? 2057 window.fbq.callMethod.apply(window.fbq, arguments) : 2058 window.fbq.queue.push(arguments); 2059 }; 2060 if (!window._fbq) window._fbq = window.fbq; 2061 window.fbq.push = window.fbq; 2062 window.fbq.loaded = true; 2063 window.fbq.version = '2.0'; 2064 window.fbq.queue = []; 2065 } 2066 2067 loadFacebookPixel(); 2068 2069 const script = document.createElement('script'); 2070 script.async = true; 2071 script.src = 'https://connect.facebook.net/en_US/fbevents.js'; 2072 document.head.appendChild(script); 2073 2074 window.fbq('init', '1983837231849232', amm()); 2075 window.fbq('track', 'PageView', {}, { 2076 eventID: 'fb_pv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9) 2077 }); 2078 </script>
2078<script> 2079 // Google Tag Manager
vendor: 348 bytes, lines 2079-2084
2079 2080 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2081 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2082 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2083 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2084 })(window,document,'script','dataLayer','
2084GTM-KW3SVVL
vendor: 9 bytes, lines 2084-2086
2084'); 2085 2086
2086window.dataLayer = window.dataLayer || []; 2087 function gtag(){dataLayer.push(arguments);} 2088 gtag('js', new Date()); 2089 2090 //gtag('config', 'G-YJK3235YE2'); 2091 //gtag('config', 'AW-966514714', {'allow_enhanced_conversions': true}); 2092 2093 // Consent function 2094 function allConsentGranted() { 2095 gtag('consent', 'update', { 2096 'ad_user_data': 'granted', 2097 'ad_personalization': 'granted', 2098 'ad_storage': 'granted', 2099 'analytics_storage': 'granted' 2100 }); 2101 } 2102 2103 // Set timeout for consent 2104 //setTimeout(allConsentGranted, 4000 + Math.floor(Math.random() * 1000)); 2105 </script>
2105<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/YdBuXU/klaviyo.js"></script>
2105<script> 2106 /* >> TriplePixel :: start*/ 2107 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); 2108 /* << TriplePixel :: end*/ 2109 </script>
2109<!-- Terceros NO criticos diferidos fuera del critical path de LCP. Dentro del 2110 template los scripts quedan inertes (no se parsean ni descargan) hasta que 2111 el inyector de abajo los recrea tras la primera interaccion o el primer idle. --><template id="cocunat-deferred-3p">
2111<script type="text/javascript"> 2112 (function() { 2113 var script = document.createElement('script'); 2114 script.type = 'text/javascript'; 2115 script.src = '//cdn-4.convertexperiments.com/v1/js/10043431-100414253.js?environment=production'; 2116 document.body.appendChild(script); 2117 })(); 2118 </script>
2118<script type="text/javascript"> 2119 !function(s) { 2120 let o = s.createElement('script'), u = s.getElementsByTagName('script')[0]; 2121 o.src = 'https://cdn.aggle.net/oir/oir.min.js'; 2122 o.async = !0, o.setAttribute('oirtyp', '6311ae17'), o.setAttribute('oirid', 'PCN8LBBDF'); 2123 u.parentNode.insertBefore(o, u); 2124 }(document); 2125 </script>
2125 2126
2126<script type="text/javascript"> 2127 !function(e) { 2128 let t = { }; 2129 (e._oirtrk = e._oirtrk || []).push(['track', 'on-site', t]); 2130 }(window); 2131 </script>
2131<script> 2132 // Outbrain Tracking Script 2133 (function() { 2134 try { 2135 console.log("Starting Outbrain tracking script"); 2136 2137 /* DO NOT MODIFY THIS CODE*/ 2138 !function(_window, _document) { 2139 var OB_ADV_ID = '003d68b0d82d96deca68d250f7d996c0ea'; 2140 if (_window.obApi) { 2141 var toArray = function(object) { 2142 return Object.prototype.toString.call(object) === '[object Array]' ? object : [object]; 2143 }; 2144 _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID)); 2145 return; 2146 } 2147 var api = _window.obApi = function() { 2148 api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments); 2149 }; 2150 api.version = '1.1'; 2151 api.loaded = true; 2152 api.marketerId = OB_ADV_ID; 2153 api.queue = []; 2154 var tag = _document.createElement('script'); 2155 tag.async = true; 2156 tag.src = '//amplify.outbrain.com/cp/obtp.js'; 2157 tag.type = 'text/javascript'; 2158 var script = _document.getElementsByTagName('script')[0]; 2159 script.parentNode.insertBefore(tag, script); 2160 }(window, document); 2161 2162 console.log("Outbrain script loaded"); 2163 2164 // Original tracking calls 2165 obApi('track', 'PAGE_VIEW'); 2166 console.log("Outbrain: Tracked PAGE_VIEW"); 2167 2168 obApi('track', 'Visita'); 2169 console.log("Outbrain: Tracked 'Visita'"); 2170 2171 } catch(e) { 2172 console.error("Error in Outbrain tracking script:", e); 2173 } 2174 })(); 2175 </script>
2175<script> 2176 window._tfa = window._tfa || []; 2177 window._tfa.push({notify: 'event', name: 'page_view', id: 1798403}); 2178 !function (t, f, a, x) { 2179 if (!document.getElementById(x)) { 2180 t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f); 2181 } 2182 }(document.createElement('script'), 2183 document.getElementsByTagName('script')[0], 2184 '//cdn.taboola.com/libtrc/unip/1798403/tfa.js', 2185 'tb_tfa_script'); 2186 </script>
2186<script> 2187 var awMastertag = document.createElement("script"); 2188 awMastertag.setAttribute("defer", "defer"); 2189 awMastertag.src = "https://www.dwin1.com/49403.js"; 2190 awMastertag.type = "text/javascript"; 2191 document.getElementsByTagName("body")[0].appendChild(awMastertag); 2192 </script>
2192</template>
2192<script> 2193 /* Inyector de terceros diferidos: recrea los scripts inertes del template de 2194 arriba (Convert, Aggle, Outbrain, Taboola, AWIN) fuera del critical path de 2195 LCP. GTM, FB, TriplePixel y Klaviyo quedan EAGER por ser criticos. Dispara en 2196 la primera interaccion o, sin interaccion, en el primer idle tras 2197 DOMContentLoaded (techo 2.5s). Reversible: borra este bloque y el template 2198 y vuelve a dejar los scripts como estaban. */ 2199 (function () { 2200 var fired = false; 2201 var evs = ['pointerdown', 'keydown', 'touchstart', 'scroll', 'mousemove']; 2202 function cleanup() { 2203 evs.forEach(function (e) { window.removeEventListener(e, go, { passive: true }); }); 2204 } 2205 function go() { 2206 if (fired) return; 2207 fired = true; 2208 cleanup(); 2209 var tpl = document.getElementById('cocunat-deferred-3p'); 2210 if (!tpl || !tpl.content) return; 2211 var scripts = tpl.content.querySelectorAll('script'); 2212 for (var i = 0; i < scripts.length; i++) { 2213 var old = scripts[i]; 2214 var s = document.createElement('script'); 2215 for (var j = 0; j < old.attributes.length; j++) { 2216 s.setAttribute(old.attributes[j].name, old.attributes[j].value); 2217 } 2218 if (!old.src) s.text = old.textContent; 2219 document.body.appendChild(s); 2220 } 2221 } 2222 evs.forEach(function (e) { window.addEventListener(e, go, { passive: true }); }); 2223 function schedule() { 2224 if ('requestIdleCallback' in window) requestIdleCallback(go, { timeout: 2500 }); 2225 else setTimeout(go, 2000); 2226 } 2227 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule); 2228 else schedule(); 2229 })(); 2230</script>
2230<script> 2231 setTimeout(() => { 2232 try{ 2233 const waitForAxon = (callback, maxAttempts = 10, interval = 1000) => { 2234 let attempts = 0; 2235 const tryAxon = () => { 2236 if (typeof axon !== 'undefined') { 2237 callback(); 2238 } else if (attempts < maxAttempts) { 2239 attempts++; 2240 setTimeout(tryAxon, interval); 2241 } else { 2242 console.error('Axon failed to load after maximum attempts'); 2243 } 2244 }; 2245 tryAxon(); 2246 }; 2247 waitForAxon(() => { 2248 axon("track", "page_view", {}); 2249 }); 2250 }catch(e){ 2251 console.error("Error in Axon tracking script:", e); 2252 } 2253 }, 500); 2254 </script>
2254<script> 2255(function (w, d) { 2256 w.addEventListener("load", function () { 2257 var s = d.createElement("script"); 2258 s.src = "https://rum.corewebvitals.io/cwv/69b29c1d4f2b3f56f02bf58d.js"; 2259 d.head.appendChild(s); 2260 }); 2261})(window, document); 2262</script>
2262<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">
2262<script> 2263 // KLAVIYO POPUP FORM 2264 window._klOnsite = window._klOnsite || []; 2265 2266 // Helper functions for cookie management 2267 function getCookie(name) { 2268 const value = `; ${document.cookie}`; 2269 const parts = value.split(`; ${name}=`); 2270 if (parts.length === 2) return parts.pop().split(';').shift(); 2271 return null; 2272 } 2273 2274 function setCookie(name, value, days) { 2275 const expires = new Date(); 2276 expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000)); 2277 document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`; 2278 } 2279 2280 // Check if user is on mobile based on screen width only 2281 function isMobile() { 2282 return window.innerWidth <= 768; 2283 } 2284 2285 // Function to set up form listeners 2286 function setupKlaviyoFormListeners() { 2287 const waitForForm = setInterval(function() { 2288 const formButtons = document.querySelectorAll('form.klaviyo-form button'); 2289 2290 if (formButtons.length > 0) { 2291 // Add click listener to all buttons in the Klaviyo form 2292 formButtons.forEach(function(button) { 2293 button.addEventListener('click', function() { 2294 // Set cookie to block popup for 5 days 2295 setCookie('klaviyo_popup_blocked', 'true', 5); 2296 }); 2297 }); 2298 2299 // Also check for close button (X) if it exists 2300 const closeButton = document.querySelector('.klaviyo-close-form'); 2301 if (closeButton) { 2302 closeButton.addEventListener('click', function() { 2303 setCookie('klaviyo_popup_blocked', 'true', 5); 2304 }); 2305 } 2306 2307 clearInterval(waitForForm); 2308 } 2309 }, 100); // Check every 100ms 2310 2311 // Clear interval after 10 seconds to prevent memory leak 2312 setTimeout(function() { 2313 clearInterval(waitForForm); 2314 }, 10000); 2315 } 2316 2317 // Check if popup was blocked by user 2318 const popupBlocked = getCookie('klaviyo_popup_blocked'); 2319 2320 // Check if URL contains "/en-" 2321 const isEnglishMarket = window.location.pathname.includes('/en-'); 2322 2323 // Show popup on English markets and if not blocked 2324 if (isEnglishMarket && !popupBlocked && 1 == 2) { 2325 // Wait 6 seconds before showing popup 2326 setTimeout(function() { 2327 // Double-check the blocked cookie in case it was set during the wait 2328 if (!getCookie('klaviyo_popup_blocked')) { 2329 // Show different form based on device type 2330 const formId = isMobile() ? 'XDKSbu' : 'Xvkubh'; 2331 window._klOnsite.push(['openForm', formId]); 2332 2333 // Set up form listeners after opening the form 2334 setupKlaviyoFormListeners(); 2335 } 2336 }, 6000); // 6 seconds delay 2337 } 2338 2339 /*<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>*/ 2340 </script>
2340 <!-- 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> 2341Parece 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. 2342</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> 2343SÃ, soy de Canarias 2344</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> 2345No, continuar 2346</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> <style> 2347 .leaflet-container{ 2348 z-index: 0; 2349 } 2350 .page-title { 2351 font-family: 'Brown-Light', sans-serif; 2352 font-size: clamp(1.5rem, 4vw, 2rem); 2353 letter-spacing: 0.35em; 2354 text-transform: uppercase; 2355 color: #1a1a1a; 2356 margin: 0; 2357 } 2358</style>
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.