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-23T15:45:07.169Z","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/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-al" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-dz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-as" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ad" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ao" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ai" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-aq" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ag" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-ar" href="https://cocunat.com/es-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-am" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-aw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-au" href="https://cocunat.com/en-au/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-at" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-az" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bs" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bh" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bd" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bb" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-by" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-be" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bj" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bt" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-bo" href="https://cocunat.com/es-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bq" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ba" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bv" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-br" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-io" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bi" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cv" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kh" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ca" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ky" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-td" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cl" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cx" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cc" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-co" href="https://cocunat.com/es-co/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-km" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cd" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ck" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-hr" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-cu" href="https://cocunat.com/es-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cy" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-cz" href="https://cocunat.com/en-cz/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ci" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-dk" href="https://cocunat.com/en-dk/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-dj" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-dm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-do" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-ec" href="https://cocunat.com/es-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-eg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-sv" href="https://cocunat.com/es-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gq" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-er" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ee" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-et" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-fk" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-fo" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-fj" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-fi" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="fr-fr" href="https://cocunat.com/fr-fr/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ga" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ge" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="de-de" href="https://cocunat.com/de-de/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gh" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gi" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gr" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gl" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gd" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gp" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gu" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gt" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gy" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ht" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-hm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-va" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-hn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-hk" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-hu" href="https://cocunat.com/en-hu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-is" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-in" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-id" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ir" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-iq" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ie" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-im" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-il" href="https://cocunat.com/en-il/products/clinical-beauty-filler"><link rel="alternate" hreflang="it-it" href="https://cocunat.com/it-it/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-jm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-jp" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-je" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-jo" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ke" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ki" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kp" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-la" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lv" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lb" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ls" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ly" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-li" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lt" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lu" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mo" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-my" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mv" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ml" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mt" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mh" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mq" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mu" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-yt" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-mx" href="https://cocunat.com/es-mx/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-fm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-md" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mc" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-me" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ms" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ma" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-na" href="https://coc
731unat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-nr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-np" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-nl" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-nc" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-nz" href="https://cocunat.com/en-nz/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ni" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ne" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ng" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-nu" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-nf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mp" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-no" href="https://cocunat.com/en-no/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-om" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pk" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ps" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pa" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-py" href="https://cocunat.com/en-PY/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-pe" href="https://cocunat.com/es-pe/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ph" href="https://cocunat.com/en-ph/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pl" href="https://cocunat.com/en-pl/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pt" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-qa" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mk" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ro" href="https://cocunat.com/en-ro/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ru" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-rw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-re" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-bl" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sh" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-kn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lc" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-mf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-pm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-vc" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ws" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-st" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sa" href="https://cocunat.com/en-sa/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-rs" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sc" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sl" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sx" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sk" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-si" href="https://cocunat.com/en-eu/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sb" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-so" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-za" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gs" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ss" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-es" href="https://cocunat.com/es-es/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-lk" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sd" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sj" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-se" href="https://cocunat.com/en-se/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ch" href="https://cocunat.com/en-ch/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-sy" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tj" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-th" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tl" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tk" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-to" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tt" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tr" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tc" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-tv" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ug" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ua" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ae" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-gb" href="https://cocunat.com/en-gb/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-um" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-us" href="https://cocunat.com/en-us
731/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-uy" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-uz" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-vu" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="es-ve" href="https://cocunat.com/es-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-vn" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-vg" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-vi" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-wf" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-eh" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ye" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-zm" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-zw" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-ax" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><link rel="alternate" hreflang="en-xx" href="https://cocunat.com/en-int/products/clinical-beauty-filler"><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>CLINICAL BEAUTY FILLER - Anti-aging serum + micro-infusion | Cocunat</title><link rel="canonical" href="https://cocunat.com/en-us/products/clinical-beauty-filler"><meta name="description" content="The new generation of skincare: JUST ONE APPLICATION PER MONTH, and in 3 hours, 25,1% fewer wrinkles."><meta name="robots" content="index, follow"><meta property="og:title" content="CLINICAL BEAUTY FILLER - Anti-aging serum + micro-infusion | Cocunat"><meta property="og:type" content="product"><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1200&height=630&crop=center"><meta property="og:url" content="https://cocunat.com/en-us/products/clinical-beauty-filler"><meta property="og:description" content="The new generation of skincare: JUST ONE APPLICATION PER MONTH, and in 3 hours, 25,1% fewer wrinkles."><meta property="og:locale" content="en_US"><meta property="og:site_name" content="Cocunat"><meta property="og:image:url" content="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1200&height=630&crop=center"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="CLINICAL BEAUTY FILLER"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@cocunat"><meta name="twitter:title" content="CLINICAL BEAUTY FILLER - Anti-aging serum + micro-infusion | Cocunat"><meta name="twitter:image" content="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1200&height=630&crop=center"><meta name="twitter:image:alt" content="CLINICAL BEAUTY FILLER"><meta name="twitter:description" content="The new generation of skincare: JUST ONE APPLICATION PER MONTH, and in 3 hours, 25,1% fewer wrinkles."><meta name="twitter:creator" content="@cocunat"><meta property="product:price:amount" content="135.96"><meta property="product:price:currency" content="USD"><meta property="product:availability" content="in stock"><meta property="product:brand" content="Cocunat"><meta property="product:condition" content="new"><link rel="preload" as="image" href="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1306&format=webp" fetchpriority="high">
731<script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","name":"CLINICAL BEAUTY FILLER","description":"The new generation of skincare: JUST ONE APPLICATION PER MONTH, and in 3 hours, 25,1% fewer wrinkles.","image":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=400&format=webp","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=800&format=webp","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1200&format=webp"],"sku":"218","brand":{"@type":"Brand","name":"Cocunat"},"offers":{"@type":"Offer","url":"https://cocunat.com/en-us/products/clinical-beauty-filler","price":135.96,"priceCurrency":"USD","availability":"https://schema.org/InStock","itemCondition":"https://schema.org/NewCondition","shippingDetails":{"@type":"OfferShippingDetails","shippingDestination":{"@type":"DefinedRegion","addressCountry":"US"},"shippingRate":{"@type":"MonetaryAmount","value":0,"currency":"USD"},"deliveryTime":{"@type":"ShippingDeliveryTime","handlingTime":{"@type":"QuantitativeValue","minValue":0,"maxValue":1,"unitCode":"DAY"},"transitTime":{"@type":"QuantitativeValue","minValue":3,"maxValue":7,"unitCode":"DAY"}}},"hasMerchantReturnPolicy":{"@type":"MerchantReturnPolicy","applicableCountry":"US","returnPolicyCategory":"https://schema.org/MerchantReturnFiniteReturnWindow","merchantReturnDays":14,"returnMethod":"https://schema.org/ReturnByMail","returnFees":"https://schema.org/FreeReturn"}},"category":"Cosmética ClÃnica > Skin > Dispositivos y CBF","gtin":"8436570023217","mpn":"218","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":10},"review":[{"@type":"Review","reviewBody":"My face was melting, but this has solved it COMPLETELY.","author":{"@type":"Person","name":"SANDRA M."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"Simply WOW, I can't stop touching my face! It's incredibly soft, juicy and best of all, I look younger.","author":{"@type":"Person","name":"ELISA N."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"It has changed my life. I feel young and confident again.","author":{"@type":"Person","name":"RAQUEL P."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"At first, I was skeptical, but I decided to give it a try. Honestly, I can't believe the difference. My wrinkles have noticeably softened, and my skin is more radiant.","author":{"@type":"Person","name":"ANA M."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"I no longer have the need to wear a thousand layers of makeup. I see it more illuminated than ever.","author":{"@type":"Person","name":"KATHY P."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"Finally SOMETHING THAT WORKS!","author":{"@type":"Person","name":"MARÃA V."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"It is the best anti wrinkle I have ever tried.","author":{"@type":"Person","name":"ELISA O."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"Nothing has ever succeeded in reducing my wrinkles until now. I feel like I'm 10 years younger.","author":{"@type":"Person","name":"JENNY A."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"I tried it because I am tired of spending a fortune on clinics and it was the best decision. I confirm that it has better results and AT A BETTER PRICE.","author":{"@type":"Person","name":"TERESA M."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}},{"@type":"Review","reviewBody":"I'm amazed at how quickly I've seen results. After half an hour I could feel less wrinkles.","author":{"@type":"Person","name":"PENNY A."},"reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1}}]}</script>
731<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"After the treatment, can I use my usual routine?","acceptedAnswer":{"@type":"Answer","text":"Yes, although it is not necessary. Once we have performed the treatment, we will spread the remaining serum over the skin to enhance its absorption over the face, neck, and décolleté. After 12 hours, you can apply your usual routine and makeup. IMPORTANT: On the day we use CLINICAL BEAUTY FILLER, we will not use CHEMICAL PEELINGS (CLINICAL AHA COMPLEX 10%) nor RETINOIDS (CLINICAL RETINAL 0.1) nor vitamin C (CLINICAL THE REAL C) on our skin for 48H. Importantly, remember that for the remaining 29 days, you should continue with your supportive skincare routine"}},{"@type":"Question","name":"Does the treatment hurt?","acceptedAnswer":{"@type":"Answer","text":"Absolutely NOT. CLINICAL BEAUTY FILLER is a painless treatment; you may experience minimal discomfort. The ultrafine micro-needles are thinner than human hair, so it's more akin to a tickle. CLINICAL BEAUTY FILLER has been designed so that you can use it at home easily and completely painlessly. Remember that thousands of women worldwide already use it without any problem."}}
731,{"@type":"Question","name":"Is the product safe?","acceptedAnswer":{"@type":"Answer","text":"CLINICAL BEAUTY FILLER is a 100% safe treatment. It contains a single-use sterilized head and has been designed for a painless application that can be done from home with total peace of mind. It also meets all the necessary and mandatory tests required by regulation to be a 100% safe cosmetic."}},{"@type":"Question","name":"What is the difference between CLINICAL BEAUTY FILLER and other microinfusion, microneedling, or roller-blading treatments?","acceptedAnswer":{"@type":"Answer","text":"The main differentiation is that the rest of the microneedling devices have opaque needles. Instead, CLINICAL BEAUTY FILLER has 0.5mm hollow needles that transport the serum into the skin with each press. That's why this treatment, unlike any other, has multiplying results such as: â Penetration 30 times greater than the application of any cream. â Absorption 15 times greater than other treatments. â 15 times more economical than the average price in aesthetics. We also indicate the difference with basic microneedling devices that claim to infuse. Below, I list the key differences: ⢠Size of the application area Basic devices have a much smaller area, which limits coverage and effectiveness with each application. In contrast, CLINICAL BEAUTY FILLER allows for more efficient surface coverage by having a larger area of application. ⢠Ease of use and position Basic devices depend on gravity for the serum to slide: for the serum to flow, you must place yourself in uncomfortable positions, especially in areas like the cheekbones or jawline. With CLINICAL BEAUTY FILLER, a pump drives the serum even against gravity, making it easy to use in any position. ⢠Type of needles The needles of basic devices are not hollow, which forces the serum to slide on the surface, losing efficacy. The hollow needles of CLINICAL BEAUTY FILLER transport the serum directly through them, achieving 30 times greater penetration than any other system. ⢠Sterilization and safety of Basic devices are often purchased on platforms like AliExpress and arrive unsterilized, usually open and without sanitary control. CLINICAL BEAUTY FILLER guarantees safety: its head comes in an individual bag, completely sterilized and ready to use, protecting your skin and your health. ⢠Efficiency and results While basic devices have limited absorption, the CLINICAL BEAUTY FILLER system allows 15 times greater absorption than other microneedling. Moreover, its ergonomic design makes it simple and effective, achieving results like 18.9% fewer wrinkles in 3 hours and 33.3% more firmness in 14 days, backed by independent clinical studies. In summary, although basic devices may seem economical, you get what you pay for. CLINICAL BEAUTY FILLER combines technology, safety, and effectiveness, offering a superior solution for your skincare."}}]}</script>
731<style> 732 @font-face { 733 font-family: 'CanelaItalic'; 734 src: url("https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Canela-LightItalic.woff?v=1744013615") format('woff'); 735 font-display: swap; 736 font-weight: 400; 737 font-style: normal; 738 } 739 @font-face { 740 font-family: 'CanelaItalicBold'; 741 src: url("https://cdn.shopify.com/s/files/1/0633/1803/2557/files/Canela-RegularItalic-Trial.woff?v=1730906671") format('woff'); 742 font-display: swap; 743 font-weight: normal; 744 font-style: normal; 745 -webkit-font-smoothing: antialiased; 746 -moz-osx-font-smoothing: grayscale; 747 } 748 @font-face { 749 font-family: "Brown-Bold"; 750 src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-bold.woff2") format('woff2'), 751 url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-bold.woff") format('woff'); 752 font-display: swap; 753 font-weight: 400; 754 font-style: normal; 755 } 756 @font-face { 757 font-family: "Brown-Regular"; 758 /* TODO: subir lineto-brown-pro-regular.woff2 (hoy 404) y poner woff2-first como en Light/Bold. */ 759 src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-pro-regular.woff") format('woff'); 760 font-display: swap; 761 font-weight: 400; 762 font-style: normal; 763 } 764 @font-face { 765 font-family: "Brown-Light"; 766 src: url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff2") format('woff2'), 767 url("https://static-cache.cocunat.workers.dev/?image=https%3A%2F%2Fglobal.cocunat.com%2Ffonts%2Flineto-brown-light.woff") format('woff'); 768 font-display: swap; 769 font-weight: 400; 770 font-style: normal; 771 } 772 body { 773 font-family: "Brown-Light", sans-serif; 774 } 775 b, strong { 776 font-family: "Brown-Regular", sans-serif; 777 } 778 </style><style id="skin-custom-styles" data-skin-code="AUTUMN">#cocunat-hero-home-image-1 .main-hero-top_title, 779#cocunat-hero-home-image-1 .main-hero-title, 780#cocunat-hero-home-image-1 .main-hero-description, 781#cocunat-hero-home-image-1 .main-hero-button{ 782display: none; 783}</style>
783<script>(function(){const skins = [{"id":63,"code":"AUTUMN","created_at":"2026-09-10 12:48:11","updated_at":"2026-09-23 14:25:28","styles":"#cocunat-hero-home-image-1 .main-hero-top_title,\n#cocunat-hero-home-image-1 .main-hero-title,\n#cocunat-hero-home-image-1 .main-hero-description,\n#cocunat-hero-home-image-1 .main-hero-button{\ndisplay: none;\n}","translation":{"id":248,"main_hero_title":"SALE","main_hero_top_title":"REFRESH YOUR ROUTINE","main_hero_description":"<p></p>","main_hero_button_text":"BUY NOW","main_hero_button_link":"/collections/all-products","main_hero_image_desktop":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5c4ad3cb-b248-4230-be5c-4191ba917aea.jpg?v=1790173242","main_hero_image_mobile":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/21ff17b3-b0a7-466f-9e88-2acdde6b3f1a.jpg?v=1790173413","main_hero2_title":"REDUCE HAIR LOSS","main_hero2_top_title":"HAPPY HAIR","main_hero2_description":"<p></p>","main_hero2_button_text":"SHOP NOW","main_hero2_button_link":"/products/pack-happyhair-3months","main_hero2_image_desktop":"https://shopify-cdn.cocunat.com/fae5ab39-3465-4cf5-8f3b-4e926d4aabe6.jpg","main_hero2_image_mobile":"https://shopify-cdn.cocunat.com/4e9e44df-a8a1-4947-9588-10861a7e0063.jpg","main_hero3_title":"THE CELLULITE REVOLUTION","main_hero3_top_title":"CLINICAL SCULPT","main_hero3_description":"","main_hero3_button_text":"BUY NOW","main_hero3_button_link":"/clinical-sculpt","main_hero3_image_desktop":"https://shopify-cdn.cocunat.com/021ce2d2-3cf5-45b3-997f-bdb7dd6b16c5.jpg","main_hero3_image_mobile":"https://shopify-cdn.cocunat.com/8ccea089-535d-4585-9649-d12bef5950b2.jpg","announcement_title":"<p>DISCOVER OUR SPECIAL OFFERS -></p>","announcement_link":"/collections/specialoffers","collections_hero_mobile":"https://shopify-cdn.cocunat.com/3125bdea-7a71-470b-bbc5-9c581031b855.jpg","collections_hero_desktop":"https://shopify-cdn.cocunat.com/b7f67b90-2294-44f9-862e-7a53ea98a559.jpg","collections_banner1_title":"<p>CREATE YOUR PACK AND<br>SAVE UNTIL -20%</p>","collections_banner1_description":"<p></p>","collections_banner1_button_text":"CREAR","collections_banner1_button_link":"/create-your-pack","collections_banner1_image_desktop":"https://shopify-cdn.cocunat.com/7e2cb1c2-7a4a-46fd-b809-b6cd0bbf8e8f.jpg","collections_banner1_image_mobile":"https://shopify-cdn.cocunat.com/ea0b3970-3db0-4070-99e3-e3099d70b8f2.jpg","collections_banner2_title":"<p>GIFT</p>","collections_banner2_description":"<p>PERFECT ROOTS IN SECONDS</p>","collections_banner2_button_text":"BUY","collections_banner2_button_link":"collections/all-products","collections_banner2_image_desktop":"https://shopify-cdn.cocunat.com/ad6c1684-2646-4db7-ba07-f46c959c4f04.jpg","collections_banner2_image_mobile":"https://shopify-cdn.cocunat.com/b942175d-2196-4bc6-bfd2-c63c828959a3.jpg","language":"en","skin_id":63,"collections_hero_top_title":"","collections_hero_title":"AESTHETIC MEDICINE AT HOME","collections_hero_description":"","home_banner_highlight_title":"CLUB COCUNAT","home_banner_highlight_top_title":"DISCOVER OUR","home_banner_highlight_description":"<p>YOUR BEAUTY SUBSCRIPTION</p><p>from JUST [CLUB]/MONTH</p>","home_banner_highlight_button_text":"JOIN NOW","home_banner_highlight_button_link":"/club","home_banner_highlight_image_desktop":"https://shopify-cdn.cocunat.com/280f08b1-ce5c-46aa-b82b-bad7bb990990.jpg","home_banner_highlight_image_mobile":"https://shopify-cdn.cocunat.com/e99b3d51-3169-40dd-b4bd-22a24115926a.jpg","home_banner_highlight_font_color":"#000000","home_banner_highlight_position":"top","collections_banner2_font_color":"#000000","collections_banner1_font_color":"#000000","banner_pdp_title":"<p>INSTANT ROOT COLOR WITH ORDERS +[TIER3]</p>","banner_pdp_description":"<p>EXCLUSIVE GIFT</p>","banner_pdp_image":"https://shopify-cdn.cocunat.com/e6e92d61-e34f-4715-a746-ce693d57fc36.jpg","banner_pdp_font_color":"#000000","main_hero_font_color":"#ffffff","main_hero2_font_color":"#000000","main_hero3_font_color":"#000000","terms_and_conditions":"","announcement_type":"default","announcement_deadline":"","announcement_title2":"","announcement_link2":"","collections_hero_font_color":"#000000","collections_banner1_is_xl":"true","collections_banner1_text_position":"middle"}}]; 784const marketData = {"countries":["US"],"currency":"USD","constants":{"clubPrice":64,"clubPricePlus":94,"clubPriceSupplement":134,"clubPricePremium":129,"freeShippingThreshold":49,"clubPricePerDay":2.13,"shippingCost":6.99},"ui":{"clubPrice":"$64","clubPricePlus":"$94","clubPriceSupplement":"$134","clubPricePremium":"$129","freeShippingThreshold":"$49","clubPricePerDay":"$2.13"}}; 785const activePromos = {"12KJAVP3KU102":{"id":98,"code":"12KJAVP3KU102","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"ALIAS86003-01-04":52},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"12KJAVP3KU10202":{"id":101,"code":"12KJAVP3KU10202","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"ALIAS86003-02-04":58},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"9FD13K1YMNQ2":{"id":100,"code":"9FD13K1YMNQ2","exceptions":{"53342":100,"ALIAS86003-01-02":39},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"9FD13K1YMNQ202":{"id":103,"code":"9FD13K1YMNQ202","exceptions":{"53342":100,"ALIAS86003-02-02":45},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"AUTUMNSALE":{"id":161,"code":"AUTUMNSALE","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"AUTUMNSALEFLASH":{"id":162,"code":"AUTUMNSALEFLASH","exceptions":{"41":69,"139":20,"152":20,"153":20,"188":20,"200":20,"201":20,"205":67,"211":20,"212":20,"218":20,"219":2
7850,"220":20,"233":40,"234":20,"255":20,"268":20,"269":20,"270":20,"271":20,"273":20,"276":20,"299":20,"311":20,"360":20,"417":20,"427":20,"439":20,"440":20,"441":20,"452":20,"453":20,"454":20,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":20,"51948":20,"51950":20,"51954":20,"51973":20,"52013":41,"52071":30,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53187":20,"53206":20,"53218":68,"53239":20,"53250":63,"53251":20,"53252":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53336":20,"53342":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"AUTUMNSALEMX":{"id":163,"code":"AUTUMNSALEMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":null},"AUTUMNSALEMXFLASH":{"id":164,"code":"AUTUMNSALEMXFLASH","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"417":20,"418":20,"427":20,"431":20,"441":20,"443":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":null},"BEAUTY25":{"id":1,"code":"BEAUTY25","exceptions":{"136":25,"138":25,"139":20,"152":20,"153":30,"165":25,"169":25,"200":20,"201":20,"212":30,"215":40,"218":20,"219":20,"220":25,"233":30,"234":25,"237":20,"251":25,"252":40,"255":20,"276":25,"299":30,"301":30,"307":25,"308":30,"309":20,"310":30,"311":25,"324":30,"352":20,"360":25,"362":25,"417":25,"418":25,"427":20,"431":25,"23611":40,"23711":45,"23811":50,"51832":25,"51947":25,"51948":25,"51950":25,"51951":25,"51954":25,"51973":25,"52074":40,"53013":25,"53093":25,"53102":25,"53123":25,"53140":25,"53196":30,"53229":20,"53230":20,"53231":20,"53239":20,"53251":25,"53252":25,"53294":30,"53315":25,"53317":20,"53336":20,"53342":25,"53346":25,"53347":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"BEAUTY25MX":{"id":21,"code":"BEAUTY25MX","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":0,"138":0,"139":0,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":0,"212":20,"215":20,"218":0,"219":0,"220":0,"233":15,"234":0,"252":20,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"417":20,"418":10,"427":0,"431":20,"439":15,"440":10,"441":10,"443":0,"23611":25,"23711":30,"23811":40,"51832":0,"51947":0,"51948":0,"51950":0,"51951":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":0,"53055":0,"53090":10,"53093":0,"53102":0,"53109":0,"53110":10,"53115":0,"53117":10,"53123":0,"53140":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53165":10,"53176":0,"53183":0,"53184":10,"53185":10,"53187":0,"53196":15,"53206":0,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":0,"53243":70,"53247":65,"53250":63,"53251":0,"53252":0,"53253":0,"53272":0,"53294":25,"53298":0,"53299":0,"53315":0,"53336":10,"53342":0,"53346":10,"53357":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]}
785,"BODYCRO":{"id":2,"code":"BODYCRO","exceptions":{"17":30,"24":30,"25":30,"26":30,"27":30,"28":30,"29":30,"34":30,"41":30,"66":30,"136":20,"138":20,"139":30,"153":20,"165":15,"188":25,"200":30,"205":30,"211":30,"212":40,"215":20,"219":20,"233":30,"251":20,"252":30,"255":25,"299":20,"301":20,"308":20,"309":20,"310":20,"324":20,"360":30,"362":25,"363":25,"23611":40,"23711":45,"23811":50,"51832":15,"51947":15,"51948":15,"51954":15,"52013":15,"52071":30,"52074":30,"52075":15,"53093":15,"53115":20,"53117":15,"53123":20,"53140":20,"53165":20,"53184":20,"53185":25,"53196":30,"53206":25,"53210":15,"53218":30,"53229":30,"53230":30,"53231":30,"53234":30,"53241":30,"53242":30,"53243":30,"53244":30,"53245":30,"53250":30,"53251":15,"53252":25,"53253":20,"53270":20,"53294":35,"53315":30,"53317":30,"53336":30,"53342":15,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com","cocunat-mexico.myshopify.com"],"gifts":[]},"CAPILAR30":{"id":3,"code":"CAPILAR30","exceptions":{"211":30,"52013":27,"53009":23,"53055":28,"53060":30,"53090":30,"53109":10,"53110":30,"53114":30,"53115":30,"53117":30,"53157":20,"53158":20,"53159":28,"53160":28,"53161":30,"53162":30,"53163":30,"53164":30,"53165":30,"53182":25,"53183":30,"53184":30,"53185":30,"53191":30,"53239":28,"53253":30,"53270":30,"53272":28,"53294":30,"53298":29,"53315":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CBFAG1001":{"id":97,"code":"CBFAG1001","exceptions":{"231":100,"260":100,"322":100,"53093":100,"53342":100,"87001":50,"88001":50},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"CBFOP12X976WNC":{"id":79,"code":"CBFOP12X976WNC","exceptions":{"218":28,"231":100,"322":100,"53093":100,"53342":100,"88003":28},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":null},"CLUB":{"id":93,"code":"CLUB","exceptions":{"15":25,"16":25,"17":25,"18":25,"19":25,"22":25,"23":25,"24":25,"25":25,"26":25,"27":25,"28":25,"29":25,"34":25,"41":25,"66":25,"136":25,"138":25,"139":30,"152":20,"153":40,"165":20,"172":30,"188":20,"200":30,"201":20,"203":25,"204":25,"205":25,"206":30,"207":25,"211":30,"212":40,"215":50,"218":20,"219":25,"220":20,"233":30,"234":5,"252":40,"255":25,"268":25,"269":25,"270":25,"271":25,"273":20,"276":20,"299":30,"301":30,"307":30,"308":40,"309":25,"310":30,"311":25,"324":50,"358":5,"360":30,"362":40,"363":40,"417":30,"418":30,"431":40,"23611":35,"23711":40,"23811":50,"51832":15,"51947":20,"51948":20,"51950":20,"51951":20,"51954":20,"51973":20,"52013":25,"52071":25,"52074":30,"53009":20,"53013":20,"53055":20,"53090":25,"53093":15,"53102":20,"53109":20,"53110":25,"53115":30,"53117":25,"53123":20,"53140":30,"53157":15,"53158":20,"53159":15,"53160":20,"53162":25,"53164":25,"53165":30,"53176":20,"53183":20,"53184":25,"53185":25,"53187":10,"53196":30,"53206":20,"53210":20,"53214":20,"53218":25,"53229":30,"53230":30,"53231":30,"53234":25,"53239":20,"53241":25,"53242":25,"53243":25,"53244":25,"53245":25,"53247":25,"53250":25,"53251":20,"53252":20,"53253":30,"53270":30,"53272":20,"53294":50,"53298":20,"53299":20,"53315":30,"53317":25,"53336":30,"53342":15,"53346":20,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":324,"sku":"20311","handle":"beauty-tan-serum-copy","tier":"TIER0"},{"variant_id":356,"sku":"520740","handle":"extraordinary-oil-copy","tier":"TIER3"}]},"CLUBOQKLC1":{"id":51,"code":"CLUBOQKLC1","exceptions":{"152":100,"188":100,"219":100,"220":100,"255":100,"276":100,"51832":100,"52074":100,"53093":100,"53102":100,"53110":100,"53117":100,"53123":100,"53176":100,"53183":100,"53206":100,"53210":100,"53230":100,"53239":100,"53251":100,"53252":100,"53299":100,"53342":100},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[]},"COCUNATERS":{"id":106,"code":"COCUNATERS","exceptions":{},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"CORPORAL25":{"id":6,"code":"CORPORAL25","exceptions":{"136":20,"138":20,"139":20,"153":30,"172":25,"188":25,"204":25,"205":25,"207":25,"212":30,"215":40,"233":30,"252":40,"255":20,"299":30,"301":30,"307":25,"308":30,"309":20,"310":30,"311":20,"324":30,"352":20,"360":25,"362":25,"23611":40,"23711":45,"23811":50,"51973":25,"52074":40,"52075":25,"53013":25,"53140":20,"53176":25,"53196":30,"53206":25,"53210":25,"53214":25,"53218":25,"53229":20,"53230":20,"53231":20,"53239":20,"53294":30,"53299":25,"53315":20,"53317":20,"53336":25,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER6"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CORPORAL25MX":{"id":23,"code":"CORPORAL25MX","exceptions":{"136":30,"138":30,"139":30,"152":25,"153":50,"188":25,"211":30,"212":50,"215":40,"219":25,"220":25,"224":30,"255":25,"273":25,"276":25,"299":30,"301":30,"311":30,"324":40,"417":40,"418":40,"427":15,"431":40,"441":30,"443":30,"51832":25,"51950":25,"52013":25,"52074":25,"53009":25,"53055":25,"53090":30,"53093":25,"53102":25,"53109":25,"53110":30,"53115":40,"53117":30,"53123":25,"53140":30,"53157":25,"53158":25,"53159":25,"53160":25,"53162":30,"53164":30,"53176":25,"53183":25,"53184":30,"53185":30,"53187":25,"53196":30,"53206":25,"53210":25,"53212":30,"53239":25,"53251":25,"53252":25,"53253":40,"53272":25,"53294":50,"53299":25,"53336":40,"53339":30,"53342":25,"53346":30,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"CROCODE":{"id":56,"code":"CROCODE","exceptions":{"15":25,"16":25,"17":25,"18":25,"19":25,"22":25,"23":25,"24":25,"25":25,"26":25,"27":25,"28":25,"29":25,"41":25,"66":25,"136":25,"138":25,"139":25,"152":25,"153":25,"165":25,"188":25,"200":25,"201":25,"203":25,"204":25,"205":25,"206":25,"207":25,"211":25,"212":40,"215":25,"218":25,"219":25,"220":25,"233":25,"234":25,"252":25,"255":25,"268":25,"269":25,"270":25,"271":25,"273":25,"276":25,"299":25,"301":25,"307":25,"308":25,"309":25,"310":25,"311":25,"324":25,"360":25,"362":25,"363":25,"371":25,"417":25,"418":25,"431":25,"23611":25,"23711":40,"23811":50,"51832":25,"51947":25,"51948":25,"51950":25,"51951":25,"51954":25,"51973":25,"52013":25,"52071":25,"52074":25,"53009":25,"53013":25,"53055":25,"53090":25,"53093":25,"53102":25,"53109":25,"53110":25,"53115":25,"53117":25,"53123":25,"53140":25,"53157":25,"53158":25,"53159":25,"53160":25,"53162":25,"53164":25,"53165":25,"53176":25,"53183":25,"53184":25,"53185":25,"53187":25,"53196":25,"53206":25,"53210":25,"53214":25,"53218":25,"53229":25,"53230":25,"53231":25,"53234":25,"53239":25,"53241":25,"53242":25,"53243":25,"53244":25,"53245":25,"53247":25,"53250":25,"53251":25,"53252":25,"53253":25,"53270":25,"53272":25,"53294":25,"53298":25,"53299":25,"53315":25,"53317":25,"53336":30,"53342":25,"53346":25,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"CURLY":{"id":121,"code":"CURLY","exceptions":{"41":69,"139":10,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":30,"212":20,"218":0,"219":0,"220":0,"233":15,"234":0,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"311":10,"360":10,"417":20,"427":0,"439":15,"440":10,"441":10,"452":30,"453":30,"454":30,"459":0,"460":0,"461":10,"471":0,"472":10,"23611":25,"23711":30,"23811":40,"51832":0,"51948":0,"51950":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":30,"53055":30,"53090":10,"53093":0,"53102":0,"53109":30,"53110":30,"53115":30,"53117":30,"53123":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53176":0,"53183":0,"53187":0,"53206":0,"53210":0,"53218":63,"53239":0,"53250":63,"53251":0,"53252":0,"53272":30,"53294":30,"53298":0,"53299":0,"53315":15,"53336":15,"53342":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}],"conditional_rules":[]},"CURLYMX":{"id":122,"code":"CURLYMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat-mexico.myshopify.com"],"gifts":[]},"EVGOO20":{"id":7,"code":"EVGOO20","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":0,"138":0,"139":0,"152":0,"153":20,"188":0,"200":0,"201":0,"205":67,"211":0,"212":20,"215":20,"218":0,"219":0,"220":0,"233":15,"234":0,"252":20,"255":0,"268":15,"269":15,"270":15,"271":15,"273":0,"276":0,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"417":20,"418":10,"427":0,"431":20,"439":15,"440":10,"441":10,"443":0,"23611":25,"23711":30,"23811":40,"51832":0,"51947":0,"51948":0,"51950":0,"51951":0,"51954":0,"51973":0,"52013":41,"52071":58,"52074":0,"53009":0,"53055":0,"53090":10,"53093":0,"53102":0,"53109":0,"53110":10,"53115":0,"53117":10,"53123":0,"53140":0,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53165":10,"53176":0,"53183":0,"53184":10,"53185":10,"53187":0,"53196":15,"53206":0,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":0,"53243":70,"53247":65,"53250":63,"53251":0,"53252":0,"53253":0,"53272":0,"53294":25,"53298":0,"53299":0,"53315":0,"53336":10,"53342":0,"53346":10,"53357":0},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"HAIR25":{"id":8,"code":"HAIR25","exceptions":{"136":20,"138":20,"139":20,"153":30,"211":25,"212":30,"215":40,"233":30,"252":40,"255":20,"268":25,"269":25,"270":25,"271":25,"299":30,"301":30,"307":25,"308":30,"309":25,"310":30,"311":20,"324":30,"352":20,"360":25,"362":25,"363":25,"23611":40,"23711":45,"23811":50,"52013":25,"52074":40,"53009":25,"53013":25,"53055":25,"53090":25,"53109":25,"53110":25,"53115":25,"53117":25,"53140":20,"53157":25,"53158":25,"53159":25,"53160":25,"53162":25,"53164":25,"53183":25,"53184":25,"53185":25,"53187":25,"53196":30,"53229":20,"53230":20,"53231":20,"53239":25,"53253":25,"53270":25,"53272":25,"53294":30,"53298":25,"53315":25,"53317":20,"53336":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"HAIR25MX":{"id":22,"code":"HAIR25MX","exceptions":{"136":30,"138":30,"139":30,"152":25,"153":50,"188":25,"211":30,"212":50,"215":40,"219":25,"220":25,"224":30,"255":25,"273":25,"276":25,"299":30,"301":30,"311":30,"324":40,"417":40,"418":40,"427":15,"431":40,"441":30,"443":30,"51832":25,"51950":25,"52013":25,"52074":25,"53009":25,"53055":25,"53090":30,"53093":25,"53102":25,"53109":25,"53110":30,"53115":40,"53117":30,"53123":25,"53140":30,"53157":25,"53158":25,"53159":25,"53160":25,"53162":30,"53164":30,"53176":25,"53183":25,"53184":30,"53185":30,"53187":25,"53196":30,"53206":25,"53210":25,"53212":30,"53239":25,"53251":25,"53252":25,"53253":40,"53272":25,"53294":50,"53299":25,"53336":40,"53339":30,"53342":25,"53346":30,"53357":30},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"K9X4M2P8L5Q3":{"id":59,"code":"K9X4M2P8L5Q3","exceptions":{"99007":18},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":[{"variant_id":9,"sku":"53093","handle":"micellar-water-3-in-1-toning-cleanser-200ml","tier":"TIER1"},{"variant_id":43,"sku":"53251","handle":"eye-contour-bags-and-dark-circles-new","tier":"TIER1"}]},"MARCOSA":{"id":14,"code":"MARCOSA","exceptions":{"16":20,"17":20,"18":20,"19":20,"22":20,"23":20,"24":20,"25":20,"26":20,"27":20,"28":20,"29":20,"34":20,"41":20,"66":20,"136":20,"138":25,"139":25,"152":15,"153":30,"165":15,"172":15,"188":15,"200":25,"201":15,"203":15,"204":15,"205":15,"206":20,"207":20,"211":25,"212":40,"215":30,"218":20,"219":15,"220":15,"233":30,"234":15,"252":30,"255":15,"268":15,"269":15,"270":15,"271":15,"273":20,"276":15,"299":30,"301":30,"307":20,"308":25,"309":20,"310":30,"311":20,"324":30,"358":15,"360":30,"362":30,"363":30,"417":30,"418":30,"23611":35,"23711":40,"23811":50,"51832":15,"51947":15,"51948":15,"51950":15,"51951":15,"51954":15,"51973":15,"52013":15,"52071":20,"52074":15,"52075":15,"53009":15,"53013":20,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":20,"53115":20,"53117":20,"53123":15,"53140":20,"53157":10,"53158":10,"53159":10,"53160":10,"53162":15,"53164":20,"53165":20,"53176":15,"53183":15,"53184":20,"53185":20,"53187":15,"53196":30,"53206":15,"53210":15,"53214":15,"53218":20,"53229":20,"53230":20,"53231":20,"53234":20,"53239":15,"53241":20,"53242":20,"53243":20,"53244":20,"53245":20,"53247":20,"53250":20,"53251":15,"53252":15,"53253":20,"53270":20,"53272":15,"53294":30,"53298":15,"53299":20,"53315":25,"53317":20,"53336":30,"53342":15,"53346":20,"53357":25,"77007":30,"77008":30,"77009":40},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com","cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":151,"sku":"139","handle":"the-real-c","tier":"TIER4"},{"variant_id":179,"sku":"201","handle":"doy-pack-the-real-c-30-days","tier":"TIER2"},{"variant_id":358,"sku":"438","handle":"trial-clinical-exosomes-1","tier":"TIER0"}]},"NEPO":{"id":47,"code":"NEPO","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"NEPOES":{"id":77,"code":"NEPOES","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"NEWLEADS20":{"id":9,"code":"NEWLEADS20","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":10,"138":10,"139":10,"152":10,"153":20,"188":10,"200":10,"201":10,"205":67,"211":15,"212":40,"215":35,"218":10,"219":10,"220":10,"233":15,"234":10,"252":20,"255":10,"268":15,"269":15,"270":15,"271":15,"273":10,"276":10,"299":15,"301":15,"309":10,"310":20,"311":10,"324":20,"360":10,"410":25,"417":20,"418":10,"427":10,"431":20,"439":15,"440":10,"441":10,"443":10,"452":30,"453":30,"454":30,"459":0,"460":0,"461":0,"471":0,"472":0,"23611":25,"23711":30,"23811":40,"51832":10,"51947":10,"51948":10,"51950":10,"51951":10,"51954":10,"51973":10,"52013":41,"52071":58,"52074":10,"53009":10,"53055":10,"53090":10,"53093":10,"53102":10,"53109":10,"53110":10,"53115":15,"53117":10,"53123":10,"53140":10,"53157":10,"53158":10,"53159":10,"53160":10,"53162":10,"53165":10,"53176":10,"53183":10,"53184":10,"53185":10,"53187":10,"53196":15,"53206":10,"53210":0,"53218":63,"53229":81,"53230":81,"53231":81,"53239":10,"53243":70,"53247":65,"53250":63,"53251":10,"53252":10,"53253":15,"53272":10,"53294":25,"53298":10,"53299":15,"53315":15,"53336":25,"53342":10,"53346":10,"53357":25},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}],"conditional_rules":[]},"NEWLEADS20MX":{"id":26,"code":"NEWLEADS20MX","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"417":20,"418":20,"427":20,"431":20,"441":20,"443":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"OPEN":{"id":10,"code":"OPEN","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":156,"sku":"142","handle":"mini-wondermask","tier":"TIER1"},{"variant_id":155,"sku":"140","handle":"mini-the-cure","tier":"TIER2"}],"conditional_rules":[]},"OPENMX":{"id":84,"code":"OPENMX","exceptions":{"136":15,"138":15,"139":15,"152":15,"153":15,"188":15,"211":15,"212":15,"215":15,"219":15,"220":15,"224":15,"255":15,"273":15,"276":15,"299":15,"301":15,"311":15,"324":15,"417":15,"418":15,"427":15,"431":15,"441":15,"443":15,"51832":15,"51950":15,"52013":41,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53140":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53184":15,"53185":15,"53187":15,"53196":15,"53206":15,"53210":15,"53212":15,"53239":15,"53251":15,"53252":15,"53253":15,"53272":15,"53294":15,"53299":15,"53336":15,"53339":15,"53342":15,"53346":15,"53357":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[]},"OPENROW":{"id":81,"code":"OPENROW","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"OPENUS":{"id":64,"code":"OPENUS","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":330,"sku":"270","handle":"instant-root-color-2","tier":"TIER3"}]},"PQHVHX976WNC":{"id":69,"code":"PQHVHX976WNC","exceptions":{"218":25,"231":100,"322":100,"53093":100,"53342":100,"99003":17},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":null},"PRIMERASEGUNDA20":{"id":71,"code":"PRIMERASEGUNDA20","exceptions":{"17":20,"24":20,"25":20,"26":20,"27":20,"28":20,"29":20,"34":20,"41":20,"66":20,"136":20,"138":20,"139":20,"152":20,"153":20,"165":20,"169":20,"172":20,"188":20,"200":20,"201":20,"204":20,"205":20,"207":20,"211":20,"212":20,"215":20,"218":20,"219":20,"220":20,"233":20,"234":20,"251":20,"252":20,"255":20,"268":20,"269":20,"270":20,"271":20,"273":20,"276":20,"299":20,"301":20,"307":20,"308":20,"309":20,"310":20,"311":20,"324":20,"358":20,"360":20,"362":20,"363":20,"417":20,"418":20,"427":20,"431":20,"439":20,"440":20,"441":20,"23611":40,"23711":45,"23811":50,"51832":20,"51947":20,"51948":20,"51950":20,"51951":20,"51954":20,"51973":20,"52013":20,"52071":20,"52074":20,"52075":20,"53009":20,"53013":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53164":20,"53165":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53214":20,"53218":20,"53229":20,"53230":20,"53231":20,"53234":20,"53239":20,"53241":20,"53242":20,"53243":20,"53244":20,"53245":20,"53247":20,"53250":20,"53251":20,"53252":20,"53253":20,"53270":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53317":20,"53336":20,"53342":20,"53346":20,"53347":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"PRIMERASEGUNDA20MX":{"id":72,"code":"PRIMERASEGUNDA20MX","exceptions":{"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"211":20,"212":20,"215":20,"219":20,"220":20,"224":20,"255":20,"266":20,"273":20,"276":20,"299":20,"301":20,"311":20,"324":20,"388":20,"417":20,"418":20,"51832":20,"51950":20,"52013":20,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53164":20,"53176":20,"53183":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53212":20,"53239":20,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53299":20,"53336":20,"53339":20,"53342":20,"53346":20,"53347":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":155,"sku":"140","handle":"mini-the-cure","tier":"TIER1"}]},"PROMOTION":{"id":38,"code":"PROMOTION","exceptions":{"41":69,"139":15,"152":15,"153":15,"188":15,"200":15,"201":15,"205":67,"211":15,"212":15,"218":20,"219":15,"220":15,"233":40,"234":15,"255":15,"268":15,"269":15,"270":15,"271":15,"273":15,"276":15,"299":15,"311":15,"360":15,"417":15,"427":15,"439":15,"440":15,"441":15,"452":15,"453":15,"454":15,"459":5,"460":5,"461":15,"471":5,"472":15,"23611":55,"51832":15,"51948":15,"51950":15,"51954":15,"51973":15,"52013":41,"52071":30,"52074":15,"53009":15,"53055":15,"53090":15,"53093":15,"53102":15,"53109":15,"53110":15,"53115":15,"53117":15,"53123":15,"53157":15,"53158":15,"53159":15,"53160":15,"53162":15,"53176":15,"53183":15,"53187":15,"53206":15,"53218":68,"53239":15,"53250":63,"53251":15,"53252":15,"53272":15,"53294":15,"53298":15,"53299":15,"53315":15,"53336":15,"53342":15},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":23,"
785sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"REBUY":{"id":123,"code":"REBUY","exceptions":{"15":69,"16":69,"17":69,"18":69,"19":69,"22":69,"23":69,"41":69,"136":20,"138":20,"139":20,"152":20,"153":20,"188":20,"200":20,"201":20,"205":67,"211":20,"212":20,"215":20,"218":20,"219":20,"220":20,"233":20,"234":20,"252":20,"255":20,"268":40,"269":40,"270":40,"271":40,"273":20,"276":20,"299":20,"301":20,"309":20,"311":20,"324":20,"360":20,"417":20,"418":20,"427":20,"431":20,"439":20,"440":20,"441":20,"443":20,"23611":20,"23711":40,"23811":50,"51832":20,"51948":20,"51950":20,"51954":20,"51973":20,"52013":20,"52071":58,"52074":20,"53009":20,"53055":20,"53090":20,"53093":20,"53102":20,"53109":20,"53110":20,"53115":20,"53117":20,"53123":20,"53140":20,"53157":20,"53158":20,"53159":20,"53160":20,"53162":20,"53165":20,"53176":20,"53183":20,"53184":20,"53185":20,"53187":20,"53196":20,"53206":20,"53210":20,"53218":63,"53229":81,"53230":81,"53231":81,"53239":20,"53243":70,"53247":65,"53250":63,"53251":20,"53252":20,"53253":20,"53272":20,"53294":20,"53298":20,"53299":20,"53315":20,"53336":20,"53339":20,"53342":20,"53346":20,"53357":20},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":[{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"},{"variant_id":13,"sku":"53239","handle":"savior-en","tier":"TIER8"},{"variant_id":15,"sku":"53182","handle":"basic-boombastic","tier":"TIER3"}]},"RETENTIONMX":{"id":68,"code":"RETENTIONMX","exceptions":{"136":10,"138":10,"139":10,"152":0,"153":20,"188":0,"211":30,"212":30,"215":20,"219":0,"220":0,"224":10,"255":0,"273":0,"276":0,"299":15,"301":15,"311":10,"324":20,"417":20,"418":10,"427":0,"431":20,"441":10,"443":10,"51832":0,"51950":0,"52013":41,"52074":0,"53009":0,"53055":30,"53090":10,"53093":0,"53102":0,"53109":0,"53110":30,"53115":15,"53117":30,"53123":0,"53140":10,"53157":0,"53158":0,"53159":0,"53160":0,"53162":10,"53176":0,"53183":0,"53184":10,"53185":30,"53187":0,"53196":15,"53206":0,"53210":0,"53212":10,"53239":0,"53251":0,"53252":0,"53253":30,"53272":0,"53294":30,"53299":0,"53336":20,"53339":10,"53342":0,"53346":10,"53357":10},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-mexico.myshopify.com"],"gifts":[{"variant_id":157,"sku":"141","handle":"mini-the-glow","tier":"TIER1"}]},"T4UYLYTI8AS01":{"id":105,"code":"T4UYLYTI8AS01","exceptions":{"ALIAS86003-01-01":33,"ALIAS86003-02-01":39},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"TESTCBF":{"id":54,"code":"TESTCBF","exceptions":{"218":20,"23611":30,"23711":40,"23811":50},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat.myshopify.com"],"gifts":[{"variant_id":408,"sku":"468","handle":"beauty-bag-summer-2026","tier":"TIER3"},{"variant_id":23,"sku":"52013","handle":"intensive-hair-repair-serum","tier":"TIER7"}]},"X7K9M4P2L5Q8":{"id":58,"code":"X7K9M4P2L5Q8","exceptions":{"99006":12},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["cocunat-us.myshopify.com","cocunat.myshopify.com"],"gifts":[{"variant_id":9,"sku":"53093","handle":"micellar-water-3-in-1-toning-cleanser-200ml","tier":"TIER1"}]},"YT2V98966HJK":{"id":99,"code":"YT2V98966HJK","exceptions":{"231":100,"322":100,"53093":100,"53342":100,"ALIAS86003-01-03":45},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null},"YT2V98966HJK02":{"id":102,"code":"YT2V98966HJK02","exceptions":{"231":100,"322":100,"53093":100,"53342":100,"ALIAS86003-02-03":52},"exceptions_new_customer":{},"skin":null,"percentage":0,"stores":["","cocunat.myshopify.com"],"gifts":null}}; 786const marketDefaultsParam = {"id":24,"name":"United States","code":"us","flag":"ðºð¸","default_skin":"AUTUMN","default_promotion":"AUTUMNSALE","default_home":"home-REBAJAS","default_menu":"default","created_at":"2025-03-31 19:44:46","updated_at":"2026-09-21 04:56:50"}; 787const apiLessUrl = "https://api-less.cocunat.com"; 788const geoUrl = "https://geo.cocunat.workers.dev"; 789const restApiUrl = "https://rest-api.cocunat.com"; 790const forceStripe = false;
791const stripePublishableKey = "pk_live_XheoBvbrsmPnzMB8P6wR6yPA"; 792 793 window.__API_LESS_URL = apiLessUrl; 794 window.__GEO_URL = geoUrl; 795 window.__REST_API_URL = restApiUrl; 796 window.__FORCE_STRIPE = forceStripe; 797 window.__STRIPE_PUBLISHABLE_KEY = stripePublishableKey; 798 window.skins = skins; 799 window.tiers = { 800 "TIER0": { 801 "EUR": 10, 802 "USD": 10, 803 "GBP": 10, 804 "AUD": 10, 805 "COP": 10, 806 "CZK": 10, 807 "DKK": 10, 808 "HUF": 10, 809 "ILS": 10, 810 "NZD": 10, 811 "NOK": 10, 812 "PYG": 10, 813 "PEN": 10, 814 "PHP": 10, 815 "PLN": 10, 816 "RON": 10, 817 "SAR": 10, 818 "SEK": 10, 819 "CHF": 10, 820 "MXN": 10, 821 }, 822 "TIER1": { 823 "EUR": 80, 824 "USD": 100, 825 "GBP": 78.99, 826 "AUD": 163.99, 827 "COP": 399900, 828 "CZK": 2229, 829 "DKK": 689, 830 "HUF": 35490, 831 "ILS": 349, 832 "NZD": 189.99, 833 "NOK": 1079, 834 "PYG": 749000, 835 "PEN": 349, 836 "PHP": 6299, 837 "PLN": 389, 838 "RON": 469, 839 "SAR": 399, 840 "SEK": 1009, 841 "CHF": 84.95, 842 "MXN": 1800, 843 }, 844 "TIER2": { 845 "EUR": 100, 846 "USD": 140, 847 "GBP": 109.99, 848 "AUD": 229.99, 849 "COP": 559900, 850 "CZK": 3119, 851 "DKK": 969, 852 "HUF": 49490, 853 "ILS": 489, 854 "NZD": 259.99, 855 "NOK": 1509, 856 "PYG": 1049000, 857 "PEN": 489, 858 "PHP": 8799, 859 "PLN": 549, 860 "RON": 659, 861 "SAR": 559, 862 "SEK": 1419, 863 "CHF": 118.95, 864 "MXN": 2200, 865 }, 866 "TIER3": { 867 "EUR": 130, 868 "USD": 200, 869 "GBP": 157.99, 870 "AUD": 327.99, 871 "COP": 800000, 872 "CZK": 4459, 873 "DKK": 1379, 874 "HUF": 70990, 875 "ILS": 699, 876 "NZD": 379.99, 877 "NOK": 2159, 878 "PYG": 1499000, 879 "PEN": 699, 880 "PHP": 12599, 881 "PLN": 779, 882 "RON": 929, 883 "SAR": 799, 884 "SEK": 2019, 885 "CHF": 169.95, 886 "MXN": 2700, 887 }, 888 "TIER4": { 889 "EUR": 150, 890 "USD": 250, 891 "GBP": 197.99, 892 "AUD": 409.99, 893 "COP": 999900, 894 "CZK": 5569, 895 "DKK": 1719, 896 "HUF": 88990, 897 "ILS": 869, 898 "NZD": 469.99, 899 "NOK": 2699, 900 "PYG": 1879000, 901 "PEN": 869, 902 "PHP": 15799, 903 "PLN": 969, 904 "RON": 1159, 905 "SAR": 999, 906 "SEK": 2529, 907 "CHF": 211.95, 908 "MXN": 3300, 909 }, 910 "TIER5": { 911 "EUR": 200, 912 "USD": 300, 913 "GBP": 237.99, 914 "AUD": 489.99, 915 "COP": 1199900, 916 "CZK": 6689, 917 "DKK": 2069, 918 "HUF": 106990, 919 "ILS": 1039, 920 "NZD": 559.99, 921 "NOK": 3239, 922 "PYG": 2249000, 923 "PEN": 1039, 924 "PHP": 18899, 925 "PLN": 1169, 926 "RON": 1389, 927 "SAR": 1199, 928 "SEK": 3029, 929 "CHF": 253.95, 930 "MXN": 4799, 931 }, 932 "TIER6": { 933 "EUR": 300, 934 "USD": 400, 935 "GBP": 317.99, 936 "AUD": 659.99, 937 "COP": 1599900, 938 "CZK": 8919, 939 "DKK": 2759, 940 "HUF": 141990, 941 "ILS": 1389, 942 "NZD": 749.99, 943 "NOK": 4319, 944 "PYG": 2999000, 945 "PEN": 1389, 946 "PHP": 25199, 947 "PLN": 1559, 948 "RON": 1859, 949 "SAR": 1599, 950 "SEK": 4039, 951 "CHF": 339.95, 952 "MXN": 6225, 953 }, 954 "TIER7": { 955 "EUR": 500, 956 "USD": 600, 957 "GBP": 477.99, 958 "AUD": 979.99, 959 "COP": 2399900, 960 "CZK": 13379, 961 "DKK": 4139, 962 "HUF": 212990, 963 "ILS": 2079, 964 "NZD": 1119.99, 965 "NOK": 6479, 966 "PYG": 4499000, 967 "PEN": 2079, 968 "PHP": 37799, 969 "PLN": 2339, 970 "RON": 2779, 971 "SAR": 2399, 972 "SEK": 6059, 973 "CHF": 507.95, 974 "MXN": 10375, 975 }, 976 "TIER8": { 977 "EUR": 1000, 978 "USD": 1000, 979 "GBP": 789.99, 980 "AUD": 1629.99, 981 "COP": 3999900, 982 "CZK": 22299, 983 "DKK": 6899, 984 "HUF": 354990, 985 "ILS": 3459, 986 "NZD": 1869.99, 987 "NOK": 10799,
988 "PYG": 7499000, 989 "PEN": 3459, 990 "PHP": 62999, 991 "PLN": 3899, 992 "RON": 4629, 993 "SAR": 3999, 994 "SEK": 10099, 995 "CHF": 845.95, 996 "MXN": 20745, 997 }, 998 } 999 1000 window.marketDefaultsParam = marketDefaultsParam; 1001 window.marketData = marketData; 1002 window.activePromosCodes = Object.keys(activePromos); 1003 })();</script>
1003<script> 1004 // Control the new / recurring user here 1005 document.addEventListener('DOMContentLoaded', function() { 1006 function getCookie(name) { 1007 const value = `; ${document.cookie}`; 1008 const parts = value.split(`; ${name}=`); 1009 if (parts.length === 2) return parts.pop().split(';').shift(); 1010 return null; 1011 } 1012 1013 function setCookie(name, value, days) { 1014 const expires = new Date(); 1015 expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000)); 1016 document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`; 1017 } 1018 1019 function setClickIdsCookie(){ 1020 // Take click ID parameters from URL and set cookies that can be read across cocunat.com domains 1021 const clickIdParams = ['at_gd', 'gclid', 'fbclid', 'msclkid', 'ttclid']; 1022 const urlParams = new URLSearchParams(window.location.search); 1023 const clickIds = {}; 1024 1025 clickIdParams.forEach(param => { 1026 const value = urlParams.get(param); 1027 if (value) { 1028 clickIds[param] = value; 1029 } 1030 }); 1031 1032 if (Object.keys(clickIds).length > 0) { 1033 const expires = new Date(); 1034 expires.setTime(expires.getTime() + (365 * 24 * 60 * 60 * 1000)); // 1 year 1035 1036 // Store as JSON in a single cookie 1037 document.cookie = `click_ids=${encodeURIComponent(JSON.stringify(clickIds))};expires=${expires.toUTCString()};path=/;domain=.cocunat.com`; 1038 1039 // Also set individual cookies for backward compatibility 1040 Object.entries(clickIds).forEach(([key, value]) => { 1041 document.cookie = `${key}=${value};expires=${expires.toUTCString()};path=/;domain=.cocunat.com`; 1042 }); 1043 } 1044 } 1045 1046 // Set click ID cookies if any tracking parameters exist 1047 setClickIdsCookie(); 1048 1049 // Fetch geo data and add regionCode class to body 1050 fetch((window.__GEO_URL || 'https://geo.cocunat.workers.dev') + '/') 1051 .then(response => response.json()) 1052 .then(data => { 1053 if (data.regionCode) { 1054 document.body.classList.add('regionCode-' + data.regionCode); 1055 } 1056 // Check for Canary Islands (ES country + CN region code) 1057 if (data.country === 'ES' && data.regionCode === 'CN') { 1058 showCanaryIslandsModal(); 1059 } 1060 }) 1061 .catch(() => { 1062 // Silently fail - geo detection is non-critical 1063 }); 1064 1065 // Canary Islands modal function 1066 function showCanaryIslandsModal() { 1067 const modal = document.getElementById('canary-islands-modal'); 1068 if (modal && !sessionStorage.getItem('canary_modal_dismissed')) { 1069 // Set the correct link based on current URL path 1070 const link = document.getElementById('canary-modal-link'); 1071 if (link) { 1072 const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/); 1073 if (pathMatch) { 1074 link.href = '/' + pathMatch[1] + '-' + pathMatch[2] + '/canary-islands'; 1075 } else { 1076 link.href = '/es-es/canary-islands'; 1077 } 1078 } 1079 modal.classList.remove('hidden'); 1080 modal.classList.add('flex'); 1081 // Prevent body scroll 1082 document.body.style.overflow = 'hidden'; 1083 } 1084 } 1085 1086 // Close modal handlers (No, continuar) 1087 document.addEventListener('click', function(e) { 1088 if (e.target.matches('#canary-modal-close, #canary-modal-backdrop, #canary-modal-dismiss')) { 1089 const modal = document.getElementById('canary-islands-modal'); 1090 if (modal) { 1091 modal.classList.add('hidden'); 1092 modal.classList.remove('flex'); 1093 document.body.style.overflow = ''; 1094 sessionStorage.setItem('canary_modal_dismissed', 'true'); 1095 1096 // Track GTM event - user is NOT from Canary Islands 1097 const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/); 1098 const market = pathMatch ? pathMatch[1] + '-' + pathMatch[2] : 'unknown'; 1099 document.dispatchEvent(new CustomEvent('EventCanaryModalNo', { detail: { market: market } })); 1100 } 1101 } 1102 }); 1103 1104 // Track "SÃ, soy de Canarias" button click 1105 document.addEventListener('click', function(e) { 1106 if (e.target.matches('#canary-modal-link')) { 1107 const pathMatch = window.location.pathname.match(/^\/([a-z]{2})-([a-z]{2})/); 1108 const market = pathMatch ? pathMatch[1] + '-' + pathMatch[2] : 'unknown'; 1109 document.dispatchEvent(new CustomEvent('EventCanaryModalYes', { detail: { market: market } })); 1110 sessionStorage.setItem('canary_modal_dismissed', 'true'); 1111 } 1112 }); 1113 1114 const recurringCookie = getCookie('_recurring'); 1115 const currentSessionStarted = sessionStorage.getItem('_session_started'); 1116 1117 if (!recurringCookie) { 1118 // Brand new user - first time ever 1119 document.body.classList.add('user-type-new'); 1120 1121 // Set the recurring cookie for future visits
1122 setCookie('_recurring', 'true', 365); // Cookie expires in 1 year 1123 1124 // Mark that we've started this session 1125 sessionStorage.setItem('_session_started', 'true'); 1126 } else if (recurringCookie && !currentSessionStarted) { 1127 // Returning user in a new session 1128 document.body.classList.add('user-type-recurring'); 1129 1130 // Mark that we've started this session 1131 sessionStorage.setItem('_session_started', 'true'); 1132 } else { 1133 // Still in the same session - maintain the new user class 1134 document.body.classList.add('user-type-new'); 1135 } 1136 }); 1137 </script>
1137<!-- Glide.js for sliders -->
1137<script src="https://cdn-static.cocunat.com/glide.js" defer></script>
1137<link rel="stylesheet" href="/_astro/about.COXLpV6E.css"> 1138<style>@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cocunat-wysiwyg-small{font-size:12px}#canary-islands-modal[data-astro-cid-sckkx6r4]{animation:fadeIn .3s ease-out}#canary-islands-modal[data-astro-cid-sckkx6r4]>div[data-astro-cid-sckkx6r4]:last-child{animation:slideUp .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}img{content-visibility:auto}body.market-mx #purchase-options,.price-in-club-widget .discount-badge{display:none!important}body.user-type-new #banner-menu-mobile{display:block!important}body #product-fold span.price>s{color:#969592}body #product-fold span.price>span{color:red}body{color:#000;background-color:#fff}.font-canela-italic,.title-puck-component i,.title-puck-component em,.banner-collection-product i{font-family:CanelaItalic,serif;font-style:italic}.active.upsell-collection-button{border-width:2px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}#usercentrics-cmp-error{display:none}body.market-_mx #banner-pdp,body.market-_mx [data-banner-pdp]{display:none!important} 1139</style> 1140<link rel="stylesheet" href="/_astro/canary-islands.pf8J22Xv.css"> 1141<link rel="stylesheet" href="/_astro/_slug_.C8AoMwim.css">
1141<script type="module" src="/_astro/hoisted.BzBVnFSq.js"></script>
1141</head> <body class="body--hero-header market-us" data-server-rendered-skin="AUTUMN" data-skin-ssr-complete="false" data-astro-cid-sckkx6r4>
1141<script>window.__CWVL='product';</script>
1141 <a class="absolute left-2 top-2 z-[200] -translate-y-[150%] rounded-md bg-black px-4 py-2.5 font-brownRegular text-sm text-white no-underline transition-transform duration-200 focus:translate-y-0 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white" href="#main-content">Skip to content</a> <!-- Announcement bars (chrome compartido con header-2). Antes del header 1142 sticky: scrollean fuera y la cápsula se queda. --> <!-- All variants stay in the DOM: SSR selects the market default and skin.js 1143 can still switch them for a client-only preview or promotion. --><div id="announcement-bar-regular-wrapper" class="relative z-[40] [.body--mega-open_&]: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 <div id="product-template-3" class="bg-[#fcfbf6]" data-is-cbf-product="true" data-product-subscription-pdp="false"> <!-- ======================= HERO / PRODUCT ======================= --> <section id="product" class="bg-[#fcfbf6] scroll-mt-[-40px] relative z-10 pt-[90px]"> <!-- DESKTOP LAYOUT --> <div class="hidden md:flex gap-[80px] pt-[12px] pb-[52px] max-w-[1440px] mx-auto px-4" id="productDesktop"> <!-- LEFT: Image gallery --> <div class="flex-[3] min-w-0 flex flex-col gap-[8px] lg:gap-[16px]"> <!-- Main image / video / before-after with category tabs overlay --> <div class="relative w-full rounded-[4px] bg-white px-[42px] pb-[60px]"> <div class="relative aspect-square w-full overflow-hidden"> <div class="pdp3-hero-pane absolute inset-0 px-[30px] py-[30px]" data-pane="producto"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1306&format=webp" width="653" height="653" data-pdp3-hero-image alt="CLINICAL BEAUTY FILLER" class="w-full h-full object-contain" loading="eager" fetchpriority="high" decoding="async"> </div> <div class="pdp3-hero-pane absolute inset-0 hidden" data-pane="before_and_after"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER before and after" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> <div class="pdp3-hero-pane absolute inset-0 hidden" data-pane="video"> <video src="https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4" class="w-full h-full object-cover" muted playsinline loop autoplay preload="auto"></video> </div> </div> <div id="view-counter-pdp" data-view-counter-pdp class="absolute top-[14px] left-1/2 z-10 hidden -translate-x-1/2 items-center justify-center"> <div class="flex items-center justify-center gap-[8px] rounded-full bg-white/85 px-[12px] py-[6px] text-center font-brownRegular text-[13px] leading-[16px] text-black shadow-[0_8px_24px_rgba(0,0,0,0.08)] backdrop-blur-[14px]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eye_9a829388-255e-40de-89b7-9d0dc04785fd.svg?v=1763548586" alt="" class="h-[14px] w-[14px]" loading="lazy" width="14" height="14"> <span> <span id="view-counter-pdp-number" data-view-counter-pdp-number data-maximum="0"></span> people are viewing this right now </span> </div> </div> <div class="absolute bottom-[14px] left-1/2 -translate-x-1/2 backdrop-blur-[25px] bg-black/[0.04] flex gap-[4px] items-center justify-center p-[4px] rounded-[99px] z-10"> <button type="button" class="pdp3-cat-tab flex items-center justify-center gap-[8px] px-[12px] py-[6px] rounded-[99px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap transition-colors bg-black text-white" data-cat="producto"> View product </button><button type="button" class="pdp3-cat-tab flex items-center justify-center gap-[8px] px-[12px] py-[6px] rounded-[99px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap transition-colors text-black" data-cat="before_and_after"> Before & After </button><button type="button" class="pdp3-cat-tab flex items-center justify-center gap-[8px] px-[12px] py-[6px] rounded-[99px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap transition-colors text-black" data-cat="video"> <svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" class="shrink-0"> <path d="M3 1.5v9l7-4.5-7-4.5z"></path> </svg> See it in use </button> </div> </div> <!-- Press quotes --> <div class="flex gap-[8px] w-full"> <div class="flex-1 bg-white rounded-[4px] px-[12px] py-[16px] lg:px-[16px] lg:py-[24px] flex flex-col items-center gap-[12px] lg:gap-[16px] min-h-[154px]"> <img src="/images/cbf/press/vogue.svg" alt="Vogue" class="h-[20px] lg:h-[24px] max-w-[110px] w-auto object-contain" loading="lazy" width="110" height="26"> <p class="font-brownLight text-[12px] lg:text-[14px] leading-[16px] text-center text-black">"COCUNAT has become the natural cosmetics brand that has won over those who know beauty best, thanks to its Toxic-Free philosophy."</p> </div><div class="flex-1 bg-white rounded-[4px] px-[12px] py-[16px] lg:px-[16px] lg:py-[24px] flex flex-col items-center gap-[12px] lg:gap-[16px] min-h-[154px]"> <img src="/images/cbf/press/forbes.svg" alt="Forbes" class="h-[18px] lg:h-[22px] max-w-[110px] w-auto object-contain" loading="lazy" width="110" height="26"> <p class="font-brownLight text-[12px] lg:text-[14px] leading-[16
1806px] text-center text-black">"COCUNAT is driving a new era where science replaces marketing in cosmetics."</p> </div><div class="flex-1 bg-white rounded-[4px] px-[12px] py-[16px] lg:px-[16px] lg:py-[24px] flex flex-col items-center gap-[12px] lg:gap-[16px] min-h-[154px]"> <img src="/images/cbf/press/elle.svg" alt="Elle" class="h-[22px] lg:h-[26px] max-w-[110px] w-auto object-contain" loading="lazy" width="110" height="26"> <p class="font-brownLight text-[12px] lg:text-[14px] leading-[16px] text-center text-black">"COCUNAT emerges as an innovative brand that combines the benefits of aesthetic medicine and cosmetics."</p> </div> </div> <!-- Image grid rows 2x2 from product gallery --> <div class="flex gap-[8px] lg:gap-[16px] w-full"> <div class="flex-1 aspect-square rounded-[4px] overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER detail 1" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex-1 aspect-square rounded-[4px] overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER detail 2" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div> <div class="flex gap-[8px] lg:gap-[16px] w-full"> <div class="flex-1 aspect-square rounded-[4px] overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER detail 3" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex-1 aspect-square rounded-[4px] overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER detail 4" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div> <div class="flex gap-[8px] lg:gap-[16px] w-full"> <div class="flex-1 aspect-square rounded-[4px] overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER detail 5" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex-1 aspect-square rounded-[4px] overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER detail 6" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div> </div> <!-- RIGHT: product info sticky --> <div class="flex-[2] min-w-0 pt-[32px] pb-[24px] sticky top-[40px] self-start flex justify-start"> <div id="product-fold" data-pdp3-desktop-info class="flex flex-col gap-[8px] max-w-[560px] w-full bg-[#fcfbf6]"> <!-- Title + rating --> <div class="flex flex-col gap-[16px]"> <div class="flex flex-col gap-[12px]"> <h1 class="font-brownRegular text-[24px] leading-[24px] lg:text-[22px] lg:leading-[24px] text-black uppercase" data-main-product-title> CLINICAL BEAUTY FILLER | 2 MONTH </h1> <div class="flex items-center justify-between gap-[12px]"> <span data-pdp3-subtitle class="font-brownLight text-[16px] leading-[20px] text-black"> Anti-aging serum + micro-infusion </span> <a href="#reviews" class="flex gap-[6px] items-center shrink-0"> <div class="flex gap-[2px]"> <svg class="w-[14px] h-[14px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[14px] h-[14px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[14px] h-[14px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[14px] h-[14px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[14px] h-[14px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div>
1806 <span class="font-brownLight text-[14px] leading-[16px] text-black"> 5 (10) 1807</span> </a> </div> <div class="flex flex-wrap gap-[8px]" data-pdp3-benefits role="list" aria-label="Main benefits"> <span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Reduces wrinkles</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Firms skin</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Cell renewal</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Anti-aging treatment</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Immediate and long-lasting results</span> </div> <!-- Price (oculto vÃa CSS cuando el buybox de suscripción es la compra: ya enseña los precios) --> <div class="flex items-center mt-[4px]" data-pdp3-main-price> <div class="flex flex-wrap items-center gap-[8px] font-brownLight leading-[16px] text-black whitespace-nowrap"> <span class="text-[22px] text-black price" data-sku="233" data-main-product-price> $344 </span> <span class="relative inline-flex items-stretch" data-price-breakdown-anchor data-badge="price-badges"> <span class="hidden items-stretch" data-price-breakdown data-sku="233"> <button type="button" class="inline-flex cursor-pointer items-center rounded-[7px] bg-[#ffe1de] py-[7px] pl-[9px] pr-[16px] text-[#eb4335] transition-colors hover:bg-[#ffd3ce] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#eb4335] focus-visible:ring-offset-1" data-price-breakdown-trigger aria-expanded="false" aria-haspopup="dialog"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"> <circle cx="12" cy="12" r="9.5"></circle> <line x1="12" y1="10.6" x2="12" y2="16.6"></line> <circle cx="12" cy="7.4" r="1" fill="currentColor" stroke="none"></circle> </svg> </button> <div class="absolute right-[-12px] top-full z-[60] hidden w-[min(440px,calc(100vw-32px))] cursor-default pt-[12px] text-left normal-case" data-price-breakdown-popover role="dialog" aria-hidden="true"> <div class="relative rounded-[12px] bg-white p-[24px] shadow-[0_12px_32px_rgba(0,0,0,0.14)] before:absolute before:right-[24px] before:top-[-7px] before:h-[14px] before:w-[14px] before:rotate-45 before:bg-white before:content-['']" data-price-breakdown-card> <div class="flex items-start justify-between gap-[12px]" data-price-breakdown-sheet-header> <p class="mb-[10px] font-brownRegular text-[14px] leading-[21px] uppercase tracking-[0.04em] text-black md:mb-0 md:text-[15px] md:leading-[20px] md:tracking-[0.02em]" data-price-breakdown-title></p> <button type="button" class="-mr-[4px] -mt-[4px] flex h-[32px] w-[32px] shrink-0 items-center justify-center border-0 bg-transparent p-0 text-black md:hidden" data-price-breakdown-sheet-close> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="flex items-baseline justify-between gap-[12px] font-brownLight text-[14px] leading-[20px] text-black md:mt-[16px] md:text-[16px] md:leading-[22px]"> <span data-price-breakdown-price-label></span> <span class="whitespace-nowrap" data-price-breakdown-retail></span> </div> <ul class="mb-[20px] mt-[6px] flex flex-col gap-[6px] border-l-[3px] border-[#e5e5e5] pl-[12px] md:mb-0 md:mt-[8px] md:border-[#e8e8e8] md:pl-[16px]" data-price-breakdown-rows></ul> <hr class="my-[16px] hidden border-0 border-t border-dashed border-[#d9d9d9] md:block"> <div class="flex items-baseline justify-between gap-[12px] border-t border-dashed border-[#d9d9d9] pt-[20px] md:border-0 md:pt-0"> <span class="font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final-label></span> <span class="whitespace-nowrap font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final></span> </div> <p class="mt-[4px] text-right font-brownLight text-[14px] leading-[18px] text-[#eb4335]" data-price-breakdown-savings></p> </div> </div> </span> <span class="hidden discount-badge relative z-[1] ml-[-8px] inline-flex items-center font-brownRegular text-[12px] leading-[12px] text-white p-[6px] rounded-[4px]" style="background-color:#ee4d3d;color:#fff;" data-sku="233" data-main-discount-badge data-badge="discount"></span> <span class="hidden items-center whitespace-nowrap relative z-[1] ml-[-8px]" data-first-purchase-pair-badge data-badge="first-purchase" data-sku="233"> <span class="rounded-[7px] bg-[#ffe1de] p-[8px] pr-[24px] text-center font-brownRegular text-[13px] leading-[12px] text-[#eb4335] uppercase" data-first-purchase-pair-label></span> <span class="ml-[-12px] rounded-[7px] bg-[#eb4335] p-[8px] text-center font-brownRegular text-[13px] leading-[12px] text-white" data-first-purchase-pair-percent></span> </span> </span> <span class="font-brownLight text-[14px] text-black line-through hidden" data-main-compare-price> </span> </div> </div> </div> </div> <!-- CTA area --> <div class="flex flex-col gap-[8px] pt-[8px]"> <section class="pdp3-cbf-pack-selector flex flex-col gap-[8px]" data-cbf-pack-selector data-child-products-selector> <p class="pdp3-cbf-pack-selector__title font-brownRegular uppercase text-black">CHOOSE YOUR TREATMENT</p> <div class="pdp3-cbf-pack-grid" role="radiogroup" aria-label="CHOOSE YOUR TREATMENT" data-pack-count="3"> <label class="pdp3-cbf-pack-card " data-cbf-pack-card data-variant-id="200" data-sku="218" data-compare-at-text="" data-discount="" data-sticky-label="1 month" data-sticky-image="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp" data-sticky-price="$169.95" data-price="169.95" data-currency="USD"> <input type="radio" name="cbf-treatment-desktop" class="sr-only" value="200" data-cbf-pack-radio data-sku="218" data-title="CLINICAL BEAUTY FILLER"> <span class="pdp3-cbf-pack-card__body"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="CLINICAL BEAUTY FILLER" class="pdp3-cbf-pack-card__image" loading="lazy" decoding="async"> <span class="pdp3-cbf-pack-card__copy"> <span class="pdp3-cbf-pack-card__title">1 month</span> <span class="pdp3-cbf-pack-card__unit"> <span class="pdp3-cbf-pack-price">$169.95</span> </span> <s class="pdp3-cbf-pack-price-old w-full text-center font-brownLight text-[12px] leading-[14px] text-[#969592] hidden"></s> </span> </span> <span class="price hidden" data-sku="218" data-currency="USD">$169.95</span> <span class="discount-badge hidden pdp3-cbf-pack-card__discount" data-badge="discount" data-sku="218"> <span></span> </span> </label><label class="pdp3-cbf-pack-card is-selected " data-cbf-pack-card data-variant-id="201" data-sku="233" data-compare-at-text="" data-discount="" data-sticky-label="2 months" data-sticky-image="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp" data-sticky-price="$344" data-price="344" data-currency="USD"> <input type="radio" name="cbf-treatment-desktop" class="sr-only" value="201" data-cbf-pack-radio data-sku="233" data-title="CLINICAL BEAUTY FILLER | 2 MONTH" checked> <span class="pdp3-cbf-pack-card__body"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="CLINICAL BEAUTY FILLER | 2 MONTH" class="pdp3-cbf-pack-card__image" loading="lazy" decoding="async"> <span class="pdp3-cbf-pack-card__copy"> <span class="pdp3-cbf-pack-card__title">2 months</span> <span class="pdp3-cbf-pack-card__unit"> <span class="pdp3-cbf-pack-price">$344</span> </span> <s class="pdp3-cbf-pack-price-old w-full text-center font-brownLight text-[12px] leading-[14px] text-[#969592] hidden"></s> </span> </span> <span class="price hidden" data-sku="233" data-currency="USD">$344</span> <span class="discount-badge hidden pdp3-cbf-pack-card__discount" data-badge="discount" data-sku="233"> <span></span> </span> </label><label class="pdp3-cbf-pack-card " data-cbf-pack-card data-variant-id="203" data-sku="23611" data-compare-at-text="" data-discount="" data-sticky-label="3 months" data-sticky-image="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=120&format=webp" data-sticky-price="$506.95" data-price="506.95" data-currency="USD"> <input type="radio" name="cbf-treatment-desktop" class="sr-only" value="203" data-cbf-pack-radio data-sku="23611" data-title="CLINICAL BEAUTY FILLER | 3 MONTH"> <span class="pdp3-cbf-pack-card__body"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="CLINICAL BEAUTY FILLER | 3 MONTH" class="pdp3-cbf-pack-card__image" loading="lazy" decoding="async"> <span class="pdp3-cbf-pack-card__copy"> <span class="pdp3-cbf-pack-card__title">3 months</span> <span class="pdp3-cbf-pack-card__unit"> <span class="pdp3-cbf-pack-price">$506.95</span> </span> <s class="pdp3-cbf-pack-price-old w-full text-center font-brownLight text-[12px] leading-[14px] text-[#969592] hidden"></s> </span> </span> <span class="price hidden" data-sku="23611" data-currency="USD">$506.95</span> <span class="discount-badge hidden pdp3-cbf-pack-card__discount" data-badge="discount" data-sku="23611"> <span></span> </span> </label> </div> </section> <section data-pdp3-club-purchase-options role="radiogroup" aria-label="Subscribe and save / One-time purchase" class="pdp3-club-widget mb-[8px] flex flex-col gap-[16px] mt-[16px] hidden" data-astro-cid-w4zw3cf5> <div class="flex flex-col gap-[16px] rounded-[12px]" data-astro-cid-w4zw3cf5> <label data-pdp3-club-subscription-option data-pdp3-plan-option data-pdp3-purchase-value="gid://shopify/SellingPlan/1363837093" role="radio" aria-checked="false" class="plan-option pdp3-club-plan-option pdp3-club-plan-option--subscription isolate relative flex cursor-pointer flex-col rounded-[12px]" data-astro-cid-w4zw3cf5> <span class="pdp3-club-sub-card relative z-[2] mb-[-11px] flex flex-col rounded-[12px] border border-[#d9d9d9] bg-white" data-astro-cid-w4zw3cf5> <span class="pdp3-club-subscription-header relative flex items-start justify-between rounded-[11px] bg-white px-[12px] pb-[20px] pt-[24px]" data-astro-cid-w4zw3cf5> <span class="flex min-w-0 items-center gap-[6px] pr-[10px]" data-astro-cid-w4zw3cf5> <span class="relative flex h-[18px] w-[18px] shrink-0" data-astro-cid-w4zw3cf5> <input type="radio" name="pdp3-purchase-option-desktop" value="gid://shopify/SellingPlan/1363837093" class="peer sr-only subscription-radio" data-pdp3-purchase-option-input data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-empty.svg" alt="" aria-hidden="true" class="h-[18px] w-[18px] peer-checked:hidden peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-selected.svg" alt="" aria-hidden="true" class="hidden h-[18px] w-[18px] peer-checked:block peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5>
1807 </span> <span class="min-w-0 font-brownRegular text-[16px] leading-[24px] text-black uppercase" data-astro-cid-w4zw3cf5>Subscribe and save</span> </span> <span class="flex shrink-0 flex-col items-end gap-[4px] text-right" data-astro-cid-w4zw3cf5> <span class="font-brownLight text-[14px] leading-[16px] text-[#737373] line-through" data-astro-cid-w4zw3cf5> $169.95 </span> <span data-pdp3-club-price class="font-brownRegular text-[18px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> $129 </span> </span> <span data-badge="discount" class="absolute right-[12px] top-[-8px] flex items-center justify-center rounded-[7px] bg-[#eb4335] p-[8px] font-brownRegular text-[13px] leading-[12px] text-white" data-astro-cid-w4zw3cf5> 1808-24% 1809</span> </span> <span data-pdp3-club-subscription-details class="pdp3-club-plan-details hidden flex flex-col gap-[14px] px-[12px] pb-[14px] pt-[14px]" data-astro-cid-w4zw3cf5> <span data-pdp3-club-join-text class="font-brownLight text-[14px] leading-[18px] text-black" data-astro-cid-w4zw3cf5>Join Cocunat Club for just $129/month and receive one Clinical Beauty Filler per month</span> <span class="flex flex-col gap-[8px]" data-astro-cid-w4zw3cf5> <span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>â Your favorite products delivered every month.</span> </span><span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Up to 60% off + 10% extra on others</span> </span><span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Free shipping</span> </span><span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Gifts, personalized support & VIP access.</span> </span> </span> <span class="font-brownLight text-[12px] leading-[16px] text-[#737373]" data-astro-cid-w4zw3cf5>*6-month commitment</span> </span> </span> <span class="relative z-[1] flex min-h-[52px] items-center gap-[8px] rounded-b-[12px] bg-[#a5fa9f] px-[12px] pb-[8px] pt-[18px] font-brownRegular text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/sparkle.svg" alt="" aria-hidden="true" class="h-[16px] w-[16px]" width="16" height="16" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Because you deserve more, for less.</span> </span> </label> <label data-pdp3-club-onetime-option data-pdp3-plan-option data-pdp3-purchase-value="one-time" role="radio" aria-checked="true" class="plan-option pdp3-club-plan-option pdp3-club-plan-option--one-time is-selected isolate flex cursor-pointer flex-col rounded-[12px]" data-astro-cid-w4zw3cf5> <span class="pdp3-club-one-time-main relative z-[2] flex items-center justify-between rounded-[12px] border border-[#d9d9d9] bg-white px-[12px] py-[24px]" data-astro-cid-w4zw3cf5> <span class="flex min-w-0 items-center gap-[6px]" data-astro-cid-w4zw3cf5> <span class="relative flex h-[18px] w-[18px] shrink-0" data-astro-cid-w4zw3cf5> <input type="radio" name="pdp3-purchase-option-desktop" value="one-time" class="peer sr-only onetime-radio" data-pdp3-purchase-option-input checked data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-empty.svg" alt="" aria-hidden="true" class="h-[18px] w-[18px] peer-checked:hidden peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-selected.svg" alt="" aria-hidden="true" class="hidden h-[18px] w-[18px] peer-checked:block peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5>
1809 </span> <span class="flex min-w-0 flex-col gap-[4px]" data-astro-cid-w4zw3cf5> <span class="flex flex-wrap items-center gap-[6px]" data-astro-cid-w4zw3cf5> <span class="font-brownRegular text-[16px] leading-[24px] text-black uppercase" data-astro-cid-w4zw3cf5>One-time purchase</span> </span> </span> </span> <span class="flex shrink-0 flex-col items-end gap-[4px] pl-[12px] text-right" data-astro-cid-w4zw3cf5> <span class="price pdp3-plan-price font-brownRegular text-[18px] leading-[16px] text-black" data-sku="218" data-astro-cid-w4zw3cf5> $169.95 </span> </span> <span class="absolute right-[12px] top-[-14px] z-[4] flex items-stretch" data-price-breakdown-anchor data-badge="price-badges" data-astro-cid-w4zw3cf5> <span class="hidden items-stretch" data-price-breakdown data-sku="218"> <button type="button" class="inline-flex cursor-pointer items-center rounded-[7px] bg-[#ffe1de] py-[7px] pl-[9px] pr-[16px] text-[#eb4335] transition-colors hover:bg-[#ffd3ce] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#eb4335] focus-visible:ring-offset-1" data-price-breakdown-trigger aria-expanded="false" aria-haspopup="dialog"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"> <circle cx="12" cy="12" r="9.5"></circle> <line x1="12" y1="10.6" x2="12" y2="16.6"></line> <circle cx="12" cy="7.4" r="1" fill="currentColor" stroke="none"></circle> </svg> </button> <div class="absolute right-[-12px] top-full z-[60] hidden w-[min(440px,calc(100vw-32px))] cursor-default pt-[12px] text-left normal-case" data-price-breakdown-popover role="dialog" aria-hidden="true"> <div class="relative rounded-[12px] bg-white p-[24px] shadow-[0_12px_32px_rgba(0,0,0,0.14)] before:absolute before:right-[24px] before:top-[-7px] before:h-[14px] before:w-[14px] before:rotate-45 before:bg-white before:content-['']" data-price-breakdown-card> <div class="flex items-start justify-between gap-[12px]" data-price-breakdown-sheet-header> <p class="mb-[10px] font-brownRegular text-[14px] leading-[21px] uppercase tracking-[0.04em] text-black md:mb-0 md:text-[15px] md:leading-[20px] md:tracking-[0.02em]" data-price-breakdown-title></p> <button type="button" class="-mr-[4px] -mt-[4px] flex h-[32px] w-[32px] shrink-0 items-center justify-center border-0 bg-transparent p-0 text-black md:hidden" data-price-breakdown-sheet-close> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="flex items-baseline justify-between gap-[12px] font-brownLight text-[14px] leading-[20px] text-black md:mt-[16px] md:text-[16px] md:leading-[22px]"> <span data-price-breakdown-price-label></span> <span class="whitespace-nowrap" data-price-breakdown-retail></span> </div> <ul class="mb-[20px] mt-[6px] flex flex-col gap-[6px] border-l-[3px] border-[#e5e5e5] pl-[12px] md:mb-0 md:mt-[8px] md:border-[#e8e8e8] md:pl-[16px]" data-price-breakdown-rows></ul> <hr class="my-[16px] hidden border-0 border-t border-dashed border-[#d9d9d9] md:block"> <div class="flex items-baseline justify-between gap-[12px] border-t border-dashed border-[#d9d9d9] pt-[20px] md:border-0 md:pt-0"> <span class="font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final-label></span> <span class="whitespace-nowrap font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final></span> </div> <p class="mt-[4px] text-right font-brownLight text-[14px] leading-[18px] text-[#eb4335]" data-price-breakdown-savings></p> </div> </div> </span> <span class="discount-badge relative z-[1] ml-[-8px] flex items-center justify-center whitespace-nowrap rounded-[7px] bg-[#eb4335] p-[8px] font-brownRegular text-[13px] leading-[12px] text-white hidden" data-sku="218" data-club-one-time-compare-badge data-badge="discount" data-astro-cid-w4zw3cf5> </span> <span class="hidden items-center whitespace-nowrap relative z-[1] ml-[-8px]" data-first-purchase-pair-badge data-badge="first-purchase" data-sku="218"> <span class="rounded-[7px] bg-[#ffe1de] p-[8px] pr-[24px] text-center font-brownRegular text-[13px] leading-[12px] text-[#eb4335] uppercase" data-first-purchase-pair-label></span> <span class="ml-[-12px] rounded-[7px] bg-[#eb4335] p-[8px] text-center font-brownRegular text-[13px] leading-[12px] text-white" data-first-purchase-pair-percent></span> </span> </span> </span> <span data-new-customer-banner data-new-customer-trigger style="display:none" class="relative z-[1] mt-[-11px] flex h-[52px] items-center gap-[8px] overflow-hidden rounded-b-[12px] bg-[#ededed] px-[12px] pb-[8px] pt-[18px] max-[400px]:gap-[6px] max-[400px]:px-[10px]"><span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center"><img src="/images/pdp/subscription/tag.svg" alt="" aria-hidden="true" class="h-[16px] w-[16px]" width="16" height="16"></span><span class="min-w-0 flex-1 font-brownRegular text-[14px] leading-[16
1809px] tracking-[0.02em] text-black uppercase max-[400px]:text-[13px]" data-first-purchase-offer-text data-template="Try it with {percent}% off">Try it with {percent}% off</span><button type="button" class="flex h-[26px] shrink-0 items-center justify-center rounded-[8px] bg-black px-[6px] font-brownRegular text-[13px] leading-[16px] text-white uppercase transition-colors" data-cbf-first-purchase-cta><span data-new-customer-trigger-label>Unlock</span><span data-new-customer-trigger-verified class="hidden items-center gap-[4px]"> 1810â Discount applied</span></button></span> </label> </div> </section> <button class="add-to-cart main-product-atc bg-black text-white uppercase rounded-[4px] py-[16px] px-[24px] text-[14px] font-brownRegular leading-[16px] w-full btn-4" data-pdp3-main-cta data-variant-id="201" data-sku="233" data-purchase-option="one-time"> <span class="add-to-cart-text">Add to Cart</span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> <!-- Social Proof (CBF style) --> <div class="flex flex-col items-center justify-center pt-[8px]"> <div class="bg-white rounded-[4px] px-[17px] py-[12px] flex items-center justify-center gap-[8px]"> <div class="flex items-center pr-[9px]"> <div class="w-[28px] h-[28px] rounded-full overflow-hidden shrink-0 relative z-[4] -mr-[9px] border border-white"> <img src="/images/cbf/avatar-1-sm.webp" alt="" class="w-full h-full object-cover" loading="lazy" width="56" height="56"> </div> <div class="w-[28px] h-[28px] rounded-full overflow-hidden shrink-0 relative z-[3] -mr-[9px] border border-white"> <img src="/images/cbf/avatar-2-sm.webp" alt="" class="w-full h-full object-cover" loading="lazy" width="56" height="56"> </div> <div class="w-[28px] h-[28px] rounded-full overflow-hidden shrink-0 relative z-[2] -mr-[9px] border border-white"> <img src="/images/cbf/avatar-3-sm.webp" alt="" class="w-full h-full object-cover" loading="lazy" width="56" height="56"> </div> </div> <p class="font-brownRegular text-[14px] leading-[17px] text-black whitespace-nowrap"> +150,000 satisfied women <span class="font-brownLight">worldwide<br />recommend our products</span> </p> </div> </div> <!-- Short description --> <div id="product-short_description" class="font-brownLight text-[16px] leading-[20px] text-black pt-[16px]"><p>The new generation of skincare: <u>JUST ONE APPLICATION PER MONTH, and in</u><strong><u> 3 hours, 25,1% fewer wrinkles.</u></strong></p></div> </div> <div data-banner-pdp class="mt-4 px-2 sm:px-4 flex items-center justify-between bg-white py-0 block"> <div class="pr-[8px] sm:pr-[16px] -mt-[2px]"> <span class="banner_pdp_title text-[12px] leading-[14px] sm:text-[14px] sm:leading-[18px]">FREE GIFT WITH PURCHASE!</span> <span class="banner_pdp_description text-[16px] leading-[20px] sm:text-[20px] sm:leading-[24px] block"><u>FREE</u> NUTRITION PLAN AND PILATES CLASSES</span> </div> <div class="min-w-[88px] min-h-[88px] w-[88px] h-[88px]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/BANNER_PDP_REGALO_X_COMPRA_Desktop.png?v=1746516220&width=176&format=webp" class="banner_pdp_image min-w-[88px] min-h-[88px] w-[88px] h-[88px] object-cover" alt="" loading="lazy" decoding="async"> </div> </div> <!-- Drawer triggers --> <div class="flex flex-col border-t border-[#e8e8e8] mt-[24px]"> <button type="button" data-open-drawer="descripcion" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8] cursor-pointer bg-transparent"> <span class="font-brownLight text-[16px] leading-none text-black uppercase">Description</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" data-open-drawer="como-usar" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8] cursor-pointer bg-transparent"> <span class="font-brownLight text-[16px] leading-none text-black uppercase">How to use</span>
1810 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" data-open-drawer="resultados" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8] cursor-pointer bg-transparent"> <span class="font-brownLight text-[16px] leading-none text-black uppercase">Clinical Results</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" data-open-drawer="ingredientes" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8] cursor-pointer bg-transparent"> <span class="font-brownLight text-[16px] leading-none text-black uppercase">Ingredients</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> <div class="flex flex-col gap-[24px] pt-[24px]"> <p class="font-brownRegular text-[16px] leading-[31px] uppercase text-black">BETTER BOUGHT TOGETHER</p> <div class="flex flex-col gap-[8px]"> <div class="bg-white rounded-[4px] p-[16px] flex gap-[16px] items-center relative"> <div class="pdp3-cross-sell-image shrink-0 overflow-hidden rounded-[4px] bg-[#fcfbf6]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=180&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=180&format=webp 180w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=360&format=webp 360w" sizes="90px" width="180" height="180" class="astro-lzxwqvgh" alt="CLINICAL MOLECULAR THERAPY" loading="lazy" decoding="async"> </div> <div class="flex-1 min-w-0 flex flex-col gap-[16px] pr-[48px]"> <div class="flex flex-col gap-[12px]"> <p class="font-brownRegular text-[16px] leading-[20px] text-black uppercase">CLINICAL MOLECULAR THERAPY</p> <p class="font-brownLight text-[14px] leading-[19px] text-black">Firming anti-ageing cream</p> </div> <div class="flex gap-[8px] items-end leading-[16px]"> <span class="pdp3-cross-sell-price font-brownRegular text-[18px] text-black price" data-sku="273">$164.95</span> </div> </div> <button class="add-to-cart absolute right-[16px] top-1/2 -translate-y-1/2 bg-[#fcfbf6] rounded-full w-[41px] h-[41px] flex items-center justify-center" data-variant-id="271" data-sku="273" aria-label="ADD"> <span class="add-to-cart-text flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none"> <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 6H21" stroke="black" stroke-width="1.5"></path> <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="black" stroke-width="1.5"></path> </svg> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5" 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="black" stroke-width="4"></circle> <path class="opacity-75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div><div class="bg-white rounded-[4px] p-[16px] flex gap-[16px] items-center relative"> <div class="pdp3-cross-sell-image shrink-0 overflow-hidden rounded-[4px] bg-[#fcfbf6]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=180&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=180&format=webp 180w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=360&format=webp 360w" sizes="90px" width="180" height="180" class="astro-lzxwqvgh" alt="Clinical Retinal 0.1" loading="lazy" decoding="async"> </div> <div class="flex-1 min-w-0 flex flex-col gap-[16px] pr-[48px]"> <div class="flex flex-col gap-[12px]"> <p class="font-brownRegular text-[16px] leading-[20px] text-black uppercase">Clinical Retinal 0.1</p> <p class="font-brownLight text-[14px] leading-[19px] text-black">Nighttime Regenerative Facial Serum</p> </div>
1810 <div class="flex gap-[8px] items-end leading-[16px]"> <span class="pdp3-cross-sell-price font-brownRegular text-[18px] text-black price" data-sku="219">$97.95</span> </div> </div> <button class="add-to-cart absolute right-[16px] top-1/2 -translate-y-1/2 bg-[#fcfbf6] rounded-full w-[41px] h-[41px] flex items-center justify-center" data-variant-id="215" data-sku="219" aria-label="ADD"> <span class="add-to-cart-text flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none"> <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 6H21" stroke="black" stroke-width="1.5"></path> <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="black" stroke-width="1.5"></path> </svg> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5" 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="black" stroke-width="4"></circle> <path class="opacity-75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div><div class="bg-white rounded-[4px] p-[16px] flex gap-[16px] items-center relative"> <div class="pdp3-cross-sell-image shrink-0 overflow-hidden rounded-[4px] bg-[#fcfbf6]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=180&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=180&format=webp 180w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=360&format=webp 360w" sizes="90px" width="180" height="180" class="astro-lzxwqvgh" alt="CLINICAL EXOSOMES" loading="lazy" decoding="async"> </div> <div class="flex-1 min-w-0 flex flex-col gap-[16px] pr-[48px]"> <div class="flex flex-col gap-[12px]"> <p class="font-brownRegular text-[16px] leading-[20px] text-black uppercase">CLINICAL EXOSOMES</p> <p class="font-brownLight text-[14px] leading-[19px] text-black">V-Lifting Serum 8 weeks</p> </div> <div class="flex gap-[8px] items-end leading-[16px]"> <span class="pdp3-cross-sell-price font-brownRegular text-[18px] text-black price" data-sku="427">$106.95</span> </div> </div> <button class="add-to-cart absolute right-[16px] top-1/2 -translate-y-1/2 bg-[#fcfbf6] rounded-full w-[41px] h-[41px] flex items-center justify-center" data-variant-id="359" data-sku="427" aria-label="ADD"> <span class="add-to-cart-text flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none"> <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 6H21" stroke="black" stroke-width="1.5"></path> <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="black" stroke-width="1.5"></path> </svg> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5" 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="black" stroke-width="4"></circle> <path class="opacity-75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div> </div> </div> <div class="flex items-start justify-between gap-[12px] pt-[24px]"> <div class="flex flex-col items-center gap-[16px] text-center"> <div class="flex w-[64px] h-[64px] items-center justify-center rounded-full bg-white"> <img src="/images/cbf/award-badge.svg" alt="" class="w-[42px] h-[42px]" loading="lazy" width="42" height="42"> </div> <p class="font-brownLight text-[12px] leading-[17px] text-black uppercase whitespace-nowrap"> Most awarded<br>brand </p> </div><div class="flex flex-col items-center gap-[16px] text-center"> <div class="flex w-[64px] h-[64px] items-center justify-center rounded-full bg-white"> <svg class="w-[34px] h-[34px]" viewBox="0 0 48 48" fill="none" aria-hidden="true"> <path d="M14 25.5L21 32.5L35 16.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24 5L28.6 10.2L35.5 9.6L37.1 16.3L43 20L40.1 26.3L43 32.6L37.1 36.3L35.5 43L28.6 42.4L24 47L19.4 42.4L12.5 43L10.9 36.3L5 32.6L7.9 26.3L5 20L10.9 16.3L12.5 9.6L19.4 10.2L24 5Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"></path> </svg> </div> <p class="font-brownLight text-[12px] leading-[17px] text-black uppercase whitespace-nowrap"> Proven<br>results </p> </div><div class="flex flex-col items-center gap-[16px] text-center"> <div class="flex w-[64px] h-[64px] items-center justify-center rounded-full bg-white"> <svg class="w-[34px] h-[34px]" viewBox="0 0 48 48" fill="none" aria-hidden="true"> <path d="M12 34C12 20 23 11 38 10C37 25 28 36 14 36" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14 36C18 28 24 22 34 16" stroke="black" stroke-width="1.7" stroke-linecap="round"></path> <path d="M18 28C14 24 10 22 6 22C7 30 11 35 18 36" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <p class="font-brownLight text-[12px] leading-[17px] text-black uppercase whitespace-nowrap"> Vegan &<br>Cruelty Free </p> </div><div class="flex flex-col items-center gap-[16px] text-center"> <div class="flex w-[64px] h-[64px] items-center justify-center rounded-full bg-white"> <svg class="w-[34px] h-[34px]" viewBox="0 0 48 48" fill="none" aria-hidden="true"> <path d="M24 43C34.4934 43 43 34.4934 43 24C43 13.5066 34.4934 5 24 5C13.5066 5 5 13.5066 5 24C5 34.4934 13.5066 43 24 43Z" stroke="black" stroke-width="1.7"></path> <path d="M9 23H39M24 5C29 10 31.5 16.5 31.5 24C31.5 31.5 29 38 24 43M24 5C19 10 16.5 16.5 16.5 24C16.5 31.5 19 38 24 43" stroke="black" stroke-width="1.7" stroke-linecap="round"></path> </svg> </div> <p class="font-brownLight text-[12px] leading-[17px] text-black uppercase whitespace-nowrap"> Respectful<br>to the planet </p> </div> </div> </div> </div> </div> <!-- MOBILE LAYOUT --> <div class="md:hidden flex flex-col bg-[#f7f7f7] pt-[8px] pb-[40px]"> <!-- Embla carousel --> <div class="flex flex-col gap-[8px]"> <div class="relative w-full pb-[44px]"> <div id="pdp3MobileCarousel" data-pdp3-mobile-gallery class="overflow-hidden pdp3-slider relative"> <div class="carousel-track flex transition-transform duration-300 ease-in-out"> <div class="carousel-slide shrink-0 relative" data-index="0" data-category="producto"> <div class="aspect-square w-full overflow-hidden p-[20px]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 1" class="w-full h-full object-cover" loading="eager" fetchpriority="high" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="1" data-category="producto"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 2" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="2" data-category="producto"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 3" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="3" data-category="before_and_after"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 4" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="4" data-category="before_and_after"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 5" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="5" data-category="producto"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 6" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="6" data-category="producto"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 7" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="7" data-category="producto"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 8" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="8" data-category="producto"> <div class="aspect-square w-full overflow-hidden"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013&width=1306&format=webp" width="653" height="653" alt="CLINICAL BEAUTY FILLER 9" class="w-full h-full object-cover" loading="lazy" decoding="async"> </div> </div><div class="carousel-slide shrink-0 relative" data-index="9" data-category="video"> <div class="aspect-square w-full overflow-hidden"> <video src="https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4" class="w-full h-full object-cover" playsinline muted loop autoplay preload="auto"></video> </div> </div> </div> </div> <div data-view-counter-pdp class="absolute top-[8px] left-1/2 z-10 hidden -translate-x-1/2 items-center justify-center px-[8px]"> <div class="flex items-center justify-center gap-[6px] rounded-full bg-white/90 px-[10px] py-[5px] text-center font-brownRegular text-[12px] leading-[15px] text-black shadow-[0_8px_24px_rgba(0,0,0,0.08)] backdrop-blur-[14px]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/eye_9a829388-255e-40de-89b7-9d0dc04785fd.svg?v=1763548586" alt="" class="h-[13px] w-[13px]" loading="lazy" width="13" height="13"> <span> <span data-view-counter-pdp-number data-maximum="0"></span> people are viewing this right now </span> </div> </div> <div data-pdp3-mobile-gallery-tabs class="absolute bottom-[8px] left-1/2 -translate-x-1/2 backdrop-blur-[25px] bg-black/[0.05] flex gap-[4px] items-center justify-center px-[4px] py-[2px] rounded-[99px] z-10"> <button type="button" class="pdp3-cat-tab-mobile flex h-[28px] items-center justify-center gap-[4px] px-[10px] rounded-[99px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap transition-colors bg-black text-white" data-cat="producto" data-idx="0"> Product </button><button type="button" class="pdp3-cat-tab-mobile flex h-[28px] items-center justify-center gap-[4px] px-[10px] rounded-[99px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap transition-colors text-black" data-cat="before_and_after" data-idx="3"> Before & After </button><button type="button" class="pdp3-cat-tab-mobile flex h-[28px] items-center justify-center gap-[4px] px-[10px] rounded-[99px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap transition-colors text-black" data-cat="video" data-idx="9">
1810 <svg width="10" height="10" viewBox="0 0 12 12" fill="currentColor" class="shrink-0"> <path d="M3 1.5v9l7-4.5-7-4.5z"></path> </svg> Video </button> </div> </div> <!-- Mobile thumbnails --> <div class="flex gap-[8px] overflow-x-auto scrollbar-hide px-[16px] pb-[24px]"> <button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: #000;" data-index="0"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="1"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="2"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="3"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="4"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="5"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="6"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="7"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="8"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="" class="w-full h-full object-cover" loading="lazy" decoding="async"> </button><button class="pdp3-mobile-thumb w-[60px] h-[60px] shrink-0 overflow-hidden rounded-[4px] border relative" style="border-color: transparent;" data-index="9"> <video src="https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4#t=2" class="w-full h-full object-cover" muted playsinline preload="metadata"></video> <span class="absolute inset-0 flex items-center justify-center bg-black/20">
1810 <svg width="16" height="16" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"></path></svg> </span> </button> </div> </div> <!-- Mobile product info --> <div data-pdp3-mobile-info class="flex flex-col gap-[16px] px-[16px]"> <div class="flex flex-col gap-[16px]"> <div class="flex flex-col gap-[12px]"> <p data-pdp3-mobile-title data-main-product-title class="font-brownRegular text-[20px] leading-[26px] text-black uppercase">CLINICAL BEAUTY FILLER | 2 MONTH</p> <span data-pdp3-subtitle data-pdp3-mobile-subtitle class="font-brownLight text-[16px] leading-[20px] text-black">Anti-aging serum + micro-infusion</span> <div class="flex flex-wrap gap-[8px]" data-pdp3-benefits role="list" aria-label="Main benefits"> <span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Reduces wrinkles</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Firms skin</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Cell renewal</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Anti-aging treatment</span><span data-pdp3-benefit-tag role="listitem" class="bg-white rounded-full px-[8px] py-[8px] text-[13px] leading-[20px] font-brownRegular uppercase whitespace-nowrap">Immediate and long-lasting results</span> </div> </div> <div data-pdp3-mobile-price-row class="flex items-end gap-[8px] w-full"> <div class="flex flex-1 items-center gap-[16px] min-w-0"> <div class="flex flex-wrap items-center gap-[8px] font-brownLight leading-[16px] text-black whitespace-nowrap" data-pdp3-main-price> <span class="text-[22px] text-black price" data-sku="233" data-main-product-price>$344</span> <span class="relative inline-flex items-stretch" data-price-breakdown-anchor data-badge="price-badges"> <span class="hidden items-stretch" data-price-breakdown data-sku="233"> <button type="button" class="inline-flex cursor-pointer items-center rounded-[7px] bg-[#ffe1de] py-[7px] pl-[9px] pr-[16px] text-[#eb4335] transition-colors hover:bg-[#ffd3ce] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#eb4335] focus-visible:ring-offset-1" data-price-breakdown-trigger aria-expanded="false" aria-haspopup="dialog"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"> <circle cx="12" cy="12" r="9.5"></circle> <line x1="12" y1="10.6" x2="12" y2="16.6"></line> <circle cx="12" cy="7.4" r="1" fill="currentColor" stroke="none"></circle> </svg> </button> <div class="absolute right-[-12px] top-full z-[60] hidden w-[min(440px,calc(100vw-32px))] cursor-default pt-[12px] text-left normal-case" data-price-breakdown-popover role="dialog" aria-hidden="true"> <div class="relative rounded-[12px] bg-white p-[24px] shadow-[0_12px_32px_rgba(0,0,0,0.14)] before:absolute before:right-[24px] before:top-[-7px] before:h-[14px] before:w-[14px] before:rotate-45 before:bg-white before:content-['']" data-price-breakdown-card> <div class="flex items-start justify-between gap-[12px]" data-price-breakdown-sheet-header> <p class="mb-[10px] font-brownRegular text-[14px] leading-[21px] uppercase tracking-[0.04em] text-black md:mb-0 md:text-[15px] md:leading-[20px] md:tracking-[0.02em]" data-price-breakdown-title></p> <button type="button" class="-mr-[4px] -mt-[4px] flex h-[32px] w-[32px] shrink-0 items-center justify-center border-0 bg-transparent p-0 text-black md:hidden" data-price-breakdown-sheet-close> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="flex items-baseline justify-between gap-[12px] font-brownLight text-[14px] leading-[20px] text-black md:mt-[16px] md:text-[16
1810px] md:leading-[22px]"> <span data-price-breakdown-price-label></span> <span class="whitespace-nowrap" data-price-breakdown-retail></span> </div> <ul class="mb-[20px] mt-[6px] flex flex-col gap-[6px] border-l-[3px] border-[#e5e5e5] pl-[12px] md:mb-0 md:mt-[8px] md:border-[#e8e8e8] md:pl-[16px]" data-price-breakdown-rows></ul> <hr class="my-[16px] hidden border-0 border-t border-dashed border-[#d9d9d9] md:block"> <div class="flex items-baseline justify-between gap-[12px] border-t border-dashed border-[#d9d9d9] pt-[20px] md:border-0 md:pt-0"> <span class="font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final-label></span> <span class="whitespace-nowrap font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final></span> </div> <p class="mt-[4px] text-right font-brownLight text-[14px] leading-[18px] text-[#eb4335]" data-price-breakdown-savings></p> </div> </div> </span> <span class="hidden discount-badge relative z-[1] ml-[-8px] inline-flex items-center font-brownRegular text-[12px] leading-[12px] text-white p-[6px] rounded-[4px]" style="background-color:#ee4d3d;color:#fff;" data-sku="233" data-main-discount-badge data-badge="discount"></span> <span class="hidden items-center whitespace-nowrap relative z-[1] ml-[-8px]" data-first-purchase-pair-badge data-badge="first-purchase" data-sku="233"> <span class="rounded-[7px] bg-[#ffe1de] p-[8px] pr-[24px] text-center font-brownRegular text-[13px] leading-[12px] text-[#eb4335] uppercase" data-first-purchase-pair-label></span> <span class="ml-[-12px] rounded-[7px] bg-[#eb4335] p-[8px] text-center font-brownRegular text-[13px] leading-[12px] text-white" data-first-purchase-pair-percent></span> </span> </span> <span class="font-brownLight text-[14px] text-black line-through hidden" data-main-compare-price> </span> </div> </div> <a data-pdp3-mobile-rating-inline href="#reviews" class="flex shrink-0 items-center gap-[4px] text-black"> <svg class="w-[16px] h-[16px]" viewBox="0 0 18 16" fill="black" aria-hidden="true"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> <span class="font-brownLight text-[14px] leading-[31px] whitespace-nowrap">5</span> <span class="font-brownLight text-[14px] leading-[31px] whitespace-nowrap">(10)</span> </a> </div> </div> <section class="pdp3-cbf-pack-selector flex flex-col gap-[8px]" data-cbf-pack-selector data-child-products-selector> <p class="pdp3-cbf-pack-selector__title font-brownRegular uppercase text-black">CHOOSE YOUR TREATMENT</p> <div class="pdp3-cbf-pack-grid" role="radiogroup" aria-label="CHOOSE YOUR TREATMENT" data-pack-count="3"> <label class="pdp3-cbf-pack-card " data-cbf-pack-card data-variant-id="200" data-sku="218" data-compare-at-text="" data-discount="" data-sticky-label="1 month" data-sticky-image="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp" data-sticky-price="$169.95" data-price="169.95" data-currency="USD"> <input type="radio" name="cbf-treatment-mobile" class="sr-only" value="200" data-cbf-pack-radio data-sku="218" data-title="CLINICAL BEAUTY FILLER"> <span class="pdp3-cbf-pack-card__body"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="CLINICAL BEAUTY FILLER" class="pdp3-cbf-pack-card__image" loading="lazy" decoding="async"> <span class="pdp3-cbf-pack-card__copy"> <span class="pdp3-cbf-pack-card__title">1 month</span> <span class="pdp3-cbf-pack-card__unit"> <span class="pdp3-cbf-pack-price">$169.95</span> </span> <s class="pdp3-cbf-pack-price-old w-full text-center font-brownLight text-[12px] leading-[14px] text-[#969592] hidden"></s> </span> </span> <span class="price hidden" data-sku="218" data-currency="USD">$169.95</span> <span class="discount-badge hidden pdp3-cbf-pack-card__discount" data-badge="discount" data-sku="218"> <span></span> </span> </label><label class="pdp3-cbf-pack-card is-selected " data-cbf-pack-card data-variant-id="201" data-sku="233" data-compare-at-text="" data-discount="" data-sticky-label="2 months" data-sticky-image="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp" data-sticky-price="$344" data-price="344" data-currency="USD"> <input type="radio" name="cbf-treatment-mobile" class="sr-only" value="201" data-cbf-pack-radio data-sku="233" data-title="CLINICAL BEAUTY FILLER | 2 MONTH" checked> <span class="pdp3-cbf-pack-card__body"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="CLINICAL BEAUTY FILLER | 2 MONTH" class="pdp3-cbf-pack-card__image" loading="lazy" decoding="async"> <span class="pdp3-cbf-pack-card__copy"> <span class="pdp3-cbf-pack-card__title">2 months</span> <span class="pdp3-cbf-pack-card__unit"> <span class="pdp3-cbf-pack-price">$344</span> </span> <s class="pdp3-cbf-pack-price-old w-full text-center font-brownLight text-[12px] leading-[14px] text-[#969592] hidden"></s> </span> </span> <span class="price hidden" data-sku="233" data-currency="USD">$344</span> <span class="discount-badge hidden pdp3-cbf-pack-card__discount" data-badge="discount" data-sku="233"> <span></span> </span> </label><label class="pdp3-cbf-pack-card " data-cbf-pack-card data-variant-id="203" data-sku="23611" data-compare-at-text="" data-discount="" data-sticky-label="3 months" data-sticky-image="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=120&format=webp" data-sticky-price="$506.95" data-price="506.95" data-currency="USD"> <input type="radio" name="cbf-treatment-mobile" class="sr-only" value="203" data-cbf-pack-radio data-sku="23611" data-title="CLINICAL BEAUTY FILLER | 3 MONTH"> <span class="pdp3-cbf-pack-card__body"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/0c28444a-49cb-47a0-bc1a-d0e8f427d8d5.png?v=1761910289&width=240&format=webp 240w" sizes="60px" width="120" height="120" alt="CLINICAL BEAUTY FILLER | 3 MONTH" class="pdp3-cbf-pack-card__image" loading="lazy" decoding="async"> <span class="pdp3-cbf-pack-card__copy"> <span class="pdp3-cbf-pack-card__title">3 months</span> <span class="pdp3-cbf-pack-card__unit"> <span class="pdp3-cbf-pack-price">$506.95</span> </span> <s class="pdp3-cbf-pack-price-old w-full text-center font-brownLight text-[12px] leading-[14px] text-[#969592] hidden"></s> </span> </span> <span class="price hidden" data-sku="23611" data-currency="USD">$506.95</span> <span class="discount-badge hidden pdp3-cbf-pack-card__discount" data-badge="discount" data-sku="23611"> <span></span> </span> </label> </div> </section> <section data-pdp3-club-purchase-options role="radiogroup" aria-label="Subscribe and save / One-time purchase" class="pdp3-club-widget mb-[8px] flex flex-col gap-[16px] mt-[16px] hidden" data-astro-cid-w4zw3cf5> <div class="flex flex-col gap-[16px] rounded-[12px]" data-astro-cid-w4zw3cf5> <label data-pdp3-club-subscription-option data-pdp3-plan-option data-pdp3-purchase-value="gid://shopify/SellingPlan/1363837093" role="radio" aria-checked="false" class="plan-option pdp3-club-plan-option pdp3-club-plan-option--subscription isolate relative flex cursor-pointer flex-col rounded-[12px]" data-astro-cid-w4zw3cf5> <span class="pdp3-club-sub-card relative z-[2] mb-[-11px] flex flex-col rounded-[12px] border border-[#d9d9d9] bg-white" data-astro-cid-w4zw3cf5> <span class="pdp3-club-subscription-header relative flex items-start justify-between rounded-[11px] bg-white px-[12px] pb-[20px] pt-[24px]" data-astro-cid-w4zw3cf5> <span class="flex min-w-0 items-center gap-[6px] pr-[10px]" data-astro-cid-w4zw3cf5> <span class="relative flex h-[18px] w-[18px] shrink-0" data-astro-cid-w4zw3cf5> <input type="radio" name="pdp3-purchase-option-mobile" value="gid://shopify/SellingPlan/1363837093" class="peer sr-only subscription-radio" data-pdp3-purchase-option-input data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-empty.svg" alt="" aria-hidden="true" class="h-[18px] w-[18px] peer-checked:hidden peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-selected.svg" alt="" aria-hidden="true" class="hidden h-[18px] w-[18px] peer-checked:block peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5>
1810 </span> <span class="min-w-0 font-brownRegular text-[16px] leading-[24px] text-black uppercase" data-astro-cid-w4zw3cf5>Subscribe and save</span> </span> <span class="flex shrink-0 flex-col items-end gap-[4px] text-right" data-astro-cid-w4zw3cf5> <span class="font-brownLight text-[14px] leading-[16px] text-[#737373] line-through" data-astro-cid-w4zw3cf5> $169.95 </span> <span data-pdp3-club-price class="font-brownRegular text-[18px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> $129 </span> </span> <span data-badge="discount" class="absolute right-[12px] top-[-8px] flex items-center justify-center rounded-[7px] bg-[#eb4335] p-[8px] font-brownRegular text-[13px] leading-[12px] text-white" data-astro-cid-w4zw3cf5> 1811-24% 1812</span> </span> <span data-pdp3-club-subscription-details class="pdp3-club-plan-details hidden flex flex-col gap-[14px] px-[12px] pb-[14px] pt-[14px]" data-astro-cid-w4zw3cf5> <span data-pdp3-club-join-text class="font-brownLight text-[14px] leading-[18px] text-black" data-astro-cid-w4zw3cf5>Join Cocunat Club for just $129/month and receive one Clinical Beauty Filler per month</span> <span class="flex flex-col gap-[8px]" data-astro-cid-w4zw3cf5> <span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>â Your favorite products delivered every month.</span> </span><span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Up to 60% off + 10% extra on others</span> </span><span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Free shipping</span> </span><span class="flex items-start gap-[8px] font-brownLight text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/check-circle.svg" alt="" aria-hidden="true" class="h-[15px] w-[15px]" width="15" height="15" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Gifts, personalized support & VIP access.</span> </span> </span> <span class="font-brownLight text-[12px] leading-[16px] text-[#737373]" data-astro-cid-w4zw3cf5>*6-month commitment</span> </span> </span> <span class="relative z-[1] flex min-h-[52px] items-center gap-[8px] rounded-b-[12px] bg-[#a5fa9f] px-[12px] pb-[8px] pt-[18px] font-brownRegular text-[14px] leading-[16px] text-black" data-astro-cid-w4zw3cf5> <span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/sparkle.svg" alt="" aria-hidden="true" class="h-[16px] w-[16px]" width="16" height="16" data-astro-cid-w4zw3cf5> </span> <span class="min-w-0 flex-1" data-astro-cid-w4zw3cf5>Because you deserve more, for less.</span> </span> </label> <label data-pdp3-club-onetime-option data-pdp3-plan-option data-pdp3-purchase-value="one-time" role="radio" aria-checked="true" class="plan-option pdp3-club-plan-option pdp3-club-plan-option--one-time is-selected isolate flex cursor-pointer flex-col rounded-[12px]" data-astro-cid-w4zw3cf5> <span class="pdp3-club-one-time-main relative z-[2] flex items-center justify-between rounded-[12px] border border-[#d9d9d9] bg-white px-[12px] py-[24px]" data-astro-cid-w4zw3cf5> <span class="flex min-w-0 items-center gap-[6px]" data-astro-cid-w4zw3cf5> <span class="relative flex h-[18px] w-[18px] shrink-0" data-astro-cid-w4zw3cf5> <input type="radio" name="pdp3-purchase-option-mobile" value="one-time" class="peer sr-only onetime-radio" data-pdp3-purchase-option-input checked data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-empty.svg" alt="" aria-hidden="true" class="h-[18px] w-[18px] peer-checked:hidden peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5> <img src="/images/pdp/subscription/radio-selected.svg" alt="" aria-hidden="true" class="hidden h-[18px] w-[18px] peer-checked:block peer-focus-visible:rounded-full peer-focus-visible:ring-2 peer-focus-visible:ring-black peer-focus-visible:ring-offset-2" width="18" height="18" data-astro-cid-w4zw3cf5>
1812 </span> <span class="flex min-w-0 flex-col gap-[4px]" data-astro-cid-w4zw3cf5> <span class="flex flex-wrap items-center gap-[6px]" data-astro-cid-w4zw3cf5> <span class="font-brownRegular text-[16px] leading-[24px] text-black uppercase" data-astro-cid-w4zw3cf5>One-time purchase</span> </span> </span> </span> <span class="flex shrink-0 flex-col items-end gap-[4px] pl-[12px] text-right" data-astro-cid-w4zw3cf5> <span class="price pdp3-plan-price font-brownRegular text-[18px] leading-[16px] text-black" data-sku="218" data-astro-cid-w4zw3cf5> $169.95 </span> </span> <span class="absolute right-[12px] top-[-14px] z-[4] flex items-stretch" data-price-breakdown-anchor data-badge="price-badges" data-astro-cid-w4zw3cf5> <span class="hidden items-stretch" data-price-breakdown data-sku="218"> <button type="button" class="inline-flex cursor-pointer items-center rounded-[7px] bg-[#ffe1de] py-[7px] pl-[9px] pr-[16px] text-[#eb4335] transition-colors hover:bg-[#ffd3ce] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#eb4335] focus-visible:ring-offset-1" data-price-breakdown-trigger aria-expanded="false" aria-haspopup="dialog"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"> <circle cx="12" cy="12" r="9.5"></circle> <line x1="12" y1="10.6" x2="12" y2="16.6"></line> <circle cx="12" cy="7.4" r="1" fill="currentColor" stroke="none"></circle> </svg> </button> <div class="absolute right-[-12px] top-full z-[60] hidden w-[min(440px,calc(100vw-32px))] cursor-default pt-[12px] text-left normal-case" data-price-breakdown-popover role="dialog" aria-hidden="true"> <div class="relative rounded-[12px] bg-white p-[24px] shadow-[0_12px_32px_rgba(0,0,0,0.14)] before:absolute before:right-[24px] before:top-[-7px] before:h-[14px] before:w-[14px] before:rotate-45 before:bg-white before:content-['']" data-price-breakdown-card> <div class="flex items-start justify-between gap-[12px]" data-price-breakdown-sheet-header> <p class="mb-[10px] font-brownRegular text-[14px] leading-[21px] uppercase tracking-[0.04em] text-black md:mb-0 md:text-[15px] md:leading-[20px] md:tracking-[0.02em]" data-price-breakdown-title></p> <button type="button" class="-mr-[4px] -mt-[4px] flex h-[32px] w-[32px] shrink-0 items-center justify-center border-0 bg-transparent p-0 text-black md:hidden" data-price-breakdown-sheet-close> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="flex items-baseline justify-between gap-[12px] font-brownLight text-[14px] leading-[20px] text-black md:mt-[16px] md:text-[16px] md:leading-[22px]"> <span data-price-breakdown-price-label></span> <span class="whitespace-nowrap" data-price-breakdown-retail></span> </div> <ul class="mb-[20px] mt-[6px] flex flex-col gap-[6px] border-l-[3px] border-[#e5e5e5] pl-[12px] md:mb-0 md:mt-[8px] md:border-[#e8e8e8] md:pl-[16px]" data-price-breakdown-rows></ul> <hr class="my-[16px] hidden border-0 border-t border-dashed border-[#d9d9d9] md:block"> <div class="flex items-baseline justify-between gap-[12px] border-t border-dashed border-[#d9d9d9] pt-[20px] md:border-0 md:pt-0"> <span class="font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final-label></span> <span class="whitespace-nowrap font-brownRegular text-[18px] leading-[22px] text-black md:text-[20px] md:leading-[24px]" data-price-breakdown-final></span> </div> <p class="mt-[4px] text-right font-brownLight text-[14px] leading-[18px] text-[#eb4335]" data-price-breakdown-savings></p> </div> </div> </span> <span class="discount-badge relative z-[1] ml-[-8px] flex items-center justify-center whitespace-nowrap rounded-[7px] bg-[#eb4335] p-[8px] font-brownRegular text-[13px] leading-[12px] text-white hidden" data-sku="218" data-club-one-time-compare-badge data-badge="discount" data-astro-cid-w4zw3cf5> </span> <span class="hidden items-center whitespace-nowrap relative z-[1] ml-[-8px]" data-first-purchase-pair-badge data-badge="first-purchase" data-sku="218"> <span class="rounded-[7px] bg-[#ffe1de] p-[8px] pr-[24px] text-center font-brownRegular text-[13px] leading-[12px] text-[#eb4335] uppercase" data-first-purchase-pair-label></span> <span class="ml-[-12px] rounded-[7px] bg-[#eb4335] p-[8px] text-center font-brownRegular text-[13px] leading-[12px] text-white" data-first-purchase-pair-percent></span> </span> </span> </span> <span data-new-customer-banner data-new-customer-trigger style="display:none" class="relative z-[1] mt-[-11px] flex h-[52px] items-center gap-[8px] overflow-hidden rounded-b-[12px] bg-[#ededed] px-[12px] pb-[8px] pt-[18px] max-[400px]:gap-[6px] max-[400px]:px-[10px]"><span class="flex h-[18px] w-[18px] shrink-0 items-center justify-center"><img src="/images/pdp/subscription/tag.svg" alt="" aria-hidden="true" class="h-[16px] w-[16px]" width="16" height="16"></span><span class="min-w-0 flex-1 font-brownRegular text-[14px] leading-[16
1812px] tracking-[0.02em] text-black uppercase max-[400px]:text-[13px]" data-first-purchase-offer-text data-template="Try it with {percent}% off">Try it with {percent}% off</span><button type="button" class="flex h-[26px] shrink-0 items-center justify-center rounded-[8px] bg-black px-[6px] font-brownRegular text-[13px] leading-[16px] text-white uppercase transition-colors" data-cbf-first-purchase-cta><span data-new-customer-trigger-label>Unlock</span><span data-new-customer-trigger-verified class="hidden items-center gap-[4px]"> 1813â Discount applied</span></button></span> </label> </div> </section> <button class="add-to-cart main-product-atc bg-black text-white uppercase rounded-[4px] py-[16px] px-[24px] text-[14px] font-brownRegular leading-[16px] btn-4 w-full" data-pdp3-main-cta data-variant-id="201" data-sku="233" data-purchase-option="one-time"> <span class="add-to-cart-text">Add to Cart</span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> <div data-pdp3-sequra-summary data-pdp3-mobile-sequra class="flex gap-[4px] items-center justify-center mt-[-12px] w-full"> <p class="font-brownLight text-[13px] leading-[19px] text-[#737373] whitespace-nowrap"> From <span class="font-brownRegular" data-pdp3-sequra-monthly-amount>$56.65</span>/month or 3 installments at no extra cost with </p> <img src="/images/cbf/sequra-badge.svg" alt="seQura" class="h-[24px] w-[35px] shrink-0" loading="lazy" width="35" height="24"> </div> <!-- Mobile Social Proof + Short description --> <div class="bg-white rounded-[4px] p-[16px] flex items-center justify-center gap-[8px]"> <div class="flex items-center pr-[9px] shrink-0"> <div class="w-[28px] h-[28px] rounded-full overflow-hidden shrink-0 relative z-[4] -mr-[9px] border border-white"> <img src="/images/cbf/avatar-1-sm.webp" alt="" class="w-full h-full object-cover" loading="lazy" width="56" height="56"> </div> <div class="w-[28px] h-[28px] rounded-full overflow-hidden shrink-0 relative z-[3] -mr-[9px] border border-white"> <img src="/images/cbf/avatar-2-sm.webp" alt="" class="w-full h-full object-cover" loading="lazy" width="56" height="56"> </div> <div class="w-[28px] h-[28px] rounded-full overflow-hidden shrink-0 relative z-[2] -mr-[9px] border border-white"> <img src="/images/cbf/avatar-3-sm.webp" alt="" class="w-full h-full object-cover" loading="lazy" width="56" height="56"> </div> </div> <p class="flex-1 font-brownRegular text-[14px] leading-[17px] text-black"> +150,000 satisfied women <span class="font-brownLight">recommend our products</span> </p> </div> <!-- Short description (mobile) --> <div class="font-brownLight text-[16px] leading-[20px] text-black"><p>The new generation of skincare: <u>JUST ONE APPLICATION PER MONTH, and in</u><strong><u> 3 hours, 25,1% fewer wrinkles.</u></strong></p></div> <div data-banner-pdp class="px-2 sm:px-4 flex items-center justify-between bg-white py-0 block"> <div class="pr-[8px] sm:pr-[16px] -mt-[2px]"> <span class="banner_pdp_title text-[12px] leading-[14px] sm:text-[14px] sm:leading-[18px]">FREE GIFT WITH PURCHASE!</span> <span class="banner_pdp_description text-[16px] leading-[20px] sm:text-[20px] sm:leading-[24px] block"><u>FREE</u> NUTRITION PLAN AND PILATES CLASSES</span> </div> <div class="min-w-[88px] min-h-[88px] w-[88px] h-[88px]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/BANNER_PDP_REGALO_X_COMPRA_Desktop.png?v=1746516220&width=176&format=webp" class="banner_pdp_image min-w-[88px] min-h-[88px] w-[88px] h-[88px] object-cover" alt="" loading="lazy" decoding="async"> </div> </div> <!-- Mobile drawer triggers --> <div class="flex flex-col border-t border-[#e8e8e8]"> <button type="button" data-open-drawer="descripcion" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8]"> <span class="font-brownLight text-[16px] text-black uppercase">Description</span>
1813 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" data-open-drawer="como-usar" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8]"> <span class="font-brownLight text-[16px] text-black uppercase">How to use</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" data-open-drawer="resultados" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8]"> <span class="font-brownLight text-[16px] text-black uppercase">Clinical Results</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" data-open-drawer="ingredientes" class="flex items-center justify-between w-full py-[20px] border-b border-[#e8e8e8]"> <span class="font-brownLight text-[16px] text-black uppercase">Ingredients</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 3L11 8L6 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> <div class="flex flex-col gap-[16px]"> <p class="font-brownRegular text-[16px] leading-[20px] uppercase text-black">BETTER BOUGHT TOGETHER</p> <div class="flex flex-col gap-[8px]"> <div class="bg-white rounded-[4px] p-[16px] flex gap-[16px] items-center relative"> <div class="pdp3-cross-sell-image shrink-0 overflow-hidden rounded-[4px] bg-[#fcfbf6]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=180&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=180&format=webp 180w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=360&format=webp 360w" sizes="90px" width="180" height="180" class="astro-lzxwqvgh" alt="CLINICAL MOLECULAR THERAPY" loading="lazy" decoding="async"> </div> <div class="flex-1 min-w-0 flex flex-col gap-[12px] pr-[48px]"> <div class="flex flex-col gap-[8px]"> <p class="font-brownRegular text-[15px] leading-[18px] text-black uppercase">CLINICAL MOLECULAR THERAPY</p> <p class="font-brownLight text-[13px] leading-[17px] text-black">Firming anti-ageing cream</p> </div> <div class="flex gap-[8px] items-end leading-[16px]"> <span class="pdp3-cross-sell-price font-brownRegular text-[16px] text-black price" data-sku="273">$164.95</span> </div> </div> <button class="add-to-cart absolute right-[16px] top-1/2 -translate-y-1/2 bg-[#fcfbf6] rounded-full w-[41px] h-[41px] flex items-center justify-center" data-variant-id="271" data-sku="273" aria-label="ADD"> <span class="add-to-cart-text flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none"> <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 6H21" stroke="black" stroke-width="1.5"></path> <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="black" stroke-width="1.5"></path> </svg> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5" 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="black" stroke-width="4"></circle> <path class="opacity-75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div><div class="bg-white rounded-[4px] p-[16px] flex gap-[16px] items-center relative"> <div class="pdp3-cross-sell-image shrink-0 overflow-hidden rounded-[4px] bg-[#fcfbf6]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=180&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=180&format=webp 180w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001&width=360&format=webp 360w" sizes="90px" width="180" height="180" class="astro-lzxwqvgh" alt="Clinical Retinal 0.1" loading="lazy" decoding="async"> </div> <div class="flex-1 min-w-0 flex flex-col gap-[12px] pr-[48px]"> <div class="flex flex-col gap-[8px]"> <p class="font-brownRegular text-[15px] leading-[18px] text-black uppercase">Clinical Retinal 0.1</p> <p class="font-brownLight text-[13px] leading-[17px] text-black">Nighttime Regenerative Facial Serum</p> </div>
1813 <div class="flex gap-[8px] items-end leading-[16px]"> <span class="pdp3-cross-sell-price font-brownRegular text-[16px] text-black price" data-sku="219">$97.95</span> </div> </div> <button class="add-to-cart absolute right-[16px] top-1/2 -translate-y-1/2 bg-[#fcfbf6] rounded-full w-[41px] h-[41px] flex items-center justify-center" data-variant-id="215" data-sku="219" aria-label="ADD"> <span class="add-to-cart-text flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none"> <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 6H21" stroke="black" stroke-width="1.5"></path> <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="black" stroke-width="1.5"></path> </svg> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5" 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="black" stroke-width="4"></circle> <path class="opacity-75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div><div class="bg-white rounded-[4px] p-[16px] flex gap-[16px] items-center relative"> <div class="pdp3-cross-sell-image shrink-0 overflow-hidden rounded-[4px] bg-[#fcfbf6]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=180&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=180&format=webp 180w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416&width=360&format=webp 360w" sizes="90px" width="180" height="180" class="astro-lzxwqvgh" alt="CLINICAL EXOSOMES" loading="lazy" decoding="async"> </div> <div class="flex-1 min-w-0 flex flex-col gap-[12px] pr-[48px]"> <div class="flex flex-col gap-[8px]"> <p class="font-brownRegular text-[15px] leading-[18px] text-black uppercase">CLINICAL EXOSOMES</p> <p class="font-brownLight text-[13px] leading-[17px] text-black">V-Lifting Serum 8 weeks</p> </div> <div class="flex gap-[8px] items-end leading-[16px]"> <span class="pdp3-cross-sell-price font-brownRegular text-[16px] text-black price" data-sku="427">$106.95</span> </div> </div> <button class="add-to-cart absolute right-[16px] top-1/2 -translate-y-1/2 bg-[#fcfbf6] rounded-full w-[41px] h-[41px] flex items-center justify-center" data-variant-id="359" data-sku="427" aria-label="ADD"> <span class="add-to-cart-text flex items-center justify-center"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none"> <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 6H21" stroke="black" stroke-width="1.5"></path> <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="black" stroke-width="1.5"></path> </svg> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5" 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="black" stroke-width="4"></circle> <path class="opacity-75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div> </div> </div> <div data-pdp3-mobile-trust-badges class="grid grid-cols-4 gap-[8px] pt-[8px] pb-[24px]"> <div class="flex flex-col items-center gap-[10px] text-center"> <div class="flex w-[56px] h-[56px] items-center justify-center rounded-full bg-white"> <img src="/images/cbf/award-badge.svg" alt="" class="w-[36px] h-[36px]" loading="lazy" width="36" height="36"> </div> <p class="font-brownLight text-[10px] leading-[14px] text-black uppercase"> Most awarded<br>brand </p> </div><div class="flex flex-col items-center gap-[10px] text-center"> <div class="flex w-[56px] h-[56px] items-center justify-center rounded-full bg-white"> <svg class="w-[30px] h-[30px]" viewBox="0 0 48 48" fill="none" aria-hidden="true"> <path d="M14 25.5L21 32.5L35 16.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24 5L28.6 10.2L35.5 9.6L37.1 16.3L43 20L40.1 26.3L43 32.6L37.1 36.3L35.5 43L28.6 42.4L24 47L19.4 42.4L12.5 43L10.9 36.3L5 32.6L7.9 26.3L5 20L10.9 16.3L12.5 9.6L19.4 10.2L24 5Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"></path> </svg> </div> <p class="font-brownLight text-[10px] leading-[14px] text-black uppercase"> Proven<br>results </p> </div><div class="flex flex-col items-center gap-[10px] text-center"> <div class="flex w-[56px] h-[56px] items-center justify-center rounded-full bg-white"> <svg class="w-[30px] h-[30px]" viewBox="0 0 48 48" fill="none" aria-hidden="true"> <path d="M12 34C12 20 23 11 38 10C37 25 28 36 14 36" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14 36C18 28 24 22 34 16" stroke="black" stroke-width="1.7" stroke-linecap="round"></path> <path d="M18 28C14 24 10 22 6 22C7 30 11 35 18 36" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <p class="font-brownLight text-[10px] leading-[14px] text-black uppercase"> Vegan &<br>Cruelty Free </p> </div><div class="flex flex-col items-center gap-[10px] text-center"> <div class="flex w-[56px] h-[56px] items-center justify-center rounded-full bg-white"> <svg class="w-[30px] h-[30px]" viewBox="0 0 48 48" fill="none" aria-hidden="true"> <path d="M24 43C34.4934 43 43 34.4934 43 24C43 13.5066 34.4934 5 24 5C13.5066 5 5 13.5066 5 24C5 34.4934 13.5066 43 24 43Z" stroke="black" stroke-width="1.7"></path> <path d="M9 23H39M24 5C29 10 31.5 16.5 31.5 24C31.5 31.5 29 38 24 43M24 5C19 10 16.5 16.5 16.5 24C16.5 31.5 19 38 24 43" stroke="black" stroke-width="1.7" stroke-linecap="round"></path> </svg> </div> <p class="font-brownLight text-[10px] leading-[14px] text-black uppercase"> Respectful<br>to the planet </p> </div> </div> </div> </div> </section> <!-- ======================= DRAWERS ======================= -->
1813 <div id="drawer-overlay-descripcion" class="drawer-overlay fixed inset-0 bg-black/50 hidden z-[9999] transition-opacity duration-300 opacity-0" data-drawer-id="descripcion" aria-hidden="true"></div> <div id="drawer-descripcion" class="fixed bottom-0 left-0 right-0 md:inset-y-0 md:left-auto md:right-0 w-full md:w-[480px] max-h-[82vh] md:max-h-none bg-[#fcfbf6] transform translate-y-full md:translate-y-0 md:translate-x-full transition-transform duration-300 ease-out z-[10000] overflow-y-auto overscroll-contain" role="dialog" aria-modal="true" aria-labelledby="drawer-title-descripcion" aria-hidden="true" inert> <div class="sticky top-0 flex items-center justify-between px-[20px] md:px-[32px] pt-[20px] pb-[12px] bg-[#fcfbf6] z-10"> <h2 id="drawer-title-descripcion" class="drawer-title text-[14px] md:text-[16px] leading-[20px] font-brownRegular uppercase tracking-[0.05em]">Description</h2> <button type="button" class="drawer-close w-[32px] h-[32px] flex items-center justify-center cursor-pointer" data-drawer-close="descripcion" aria-label="Cerrar"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="px-[20px] md:px-[32px] pb-[32px]"> <div class="drawer-content text-[14px] md:text-[15px] leading-[22px] md:leading-[24px] text-[#333]"> <div class="wysiwyg"><p><strong>1 APPLICATION, -25.1% WRINKLES.</strong></p><p>Aesthetic medicine at home.</p><p>Anti-aging treatment that combines an ultra-concentrated serum applied with the micro-infusion technique. Its delivery system reaches where creams can't: <u>30 times deeper</u>.</p><p><br><strong><u>GREATER PENETRATION = BETTER RESULTS.</u></strong></p><p>Painless. Easy. Safe.</p><p><br>It contains <u>Hyaluronic Acid</u> of 3 molecular weights and Peptides inspired by aesthetic medicine, such as Matrixyl® (filler) that fills wrinkles, and Argireline® (botox-like). This combination visibly tightens, reduces, and fills wrinkles, with immediate and lasting results in 3 hours:<br></p><p>â¢<strong> At 3 hours </strong>post-application, wrinkles decrease by <strong>25,1%</strong>*</p><p>â¢<strong> At 24 hours</strong>, elasticity<strong> </strong>increases by <strong>24.2%</strong>*</p><p>â¢<strong> At 14 days </strong>post-application,<strong> </strong>firmness increases by <strong>33.3%</strong>* </p><p></p><p><em><small class="cocunat-wysiwyg-small">*Results from an independent clinical test over 14 days, one application, on 30 volunteers. </small></em></p><p><em><small class="cocunat-wysiwyg-small">^Argireline® is a trademark of Lubrizol Advanced Materials, Inc., or its affiliates.</small></em><br><br><strong>FILLS. SMOOTHES. FIRMS.</strong></p><p>At home. <u>In 5 minutes</u>.</p></div> </div> </div> </div>
1813<script> 1814 (function () { 1815 if (window.__pdpDrawerControllerReady) return; 1816 window.__pdpDrawerControllerReady = true; 1817 1818 const lastOpeners = new Map(); 1819 const overlayHideTimers = new Map(); 1820 let activeDrawerId = ''; 1821 let previousBodyOverflow = ''; 1822 1823 function drawerOpeners(id) { 1824 return Array.from(document.querySelectorAll('[data-open-drawer]')).filter( 1825 (trigger) => trigger.getAttribute('data-open-drawer') === id, 1826 ); 1827 } 1828 1829 function syncOpeners(id, expanded) { 1830 drawerOpeners(id).forEach((trigger) => { 1831 trigger.setAttribute('aria-controls', 'drawer-' + id); 1832 trigger.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 1833 }); 1834 } 1835 1836 function initializeOpeners() { 1837 document.querySelectorAll('[data-open-drawer]').forEach((trigger) => { 1838 const id = trigger.getAttribute('data-open-drawer'); 1839 if (id) syncOpeners(id, false); 1840 }); 1841 } 1842 1843 initializeOpeners(); 1844 if (document.readyState === 'loading') { 1845 document.addEventListener('DOMContentLoaded', initializeOpeners, { once: true }); 1846 } 1847 1848 function open(id, opener) { 1849 const overlay = document.getElementById('drawer-overlay-' + id); 1850 const panel = document.getElementById('drawer-' + id); 1851 if (!overlay || !panel) return; 1852 1853 if (activeDrawerId && activeDrawerId !== id) close(activeDrawerId, false); 1854 const pendingHide = overlayHideTimers.get(id); 1855 if (pendingHide) { 1856 clearTimeout(pendingHide); 1857 overlayHideTimers.delete(id); 1858 } 1859 if (!activeDrawerId) previousBodyOverflow = document.body.style.overflow; 1860 activeDrawerId = id; 1861 if (opener) lastOpeners.set(id, opener); 1862 1863 panel.removeAttribute('inert'); 1864 panel.setAttribute('aria-hidden', 'false'); 1865 syncOpeners(id, true); 1866 overlay.classList.remove('hidden'); 1867 requestAnimationFrame(() => { 1868 overlay.classList.add('is-visible'); 1869 if (window.innerWidth >= 768) { 1870 panel.style.transform = 'translateX(0)'; 1871 } else { 1872 panel.style.transform = 'translateY(0)'; 1873 } 1874 const closeButton = panel.querySelector('[data-drawer-close]'); 1875 if (closeButton instanceof HTMLElement) closeButton.focus({ preventScroll: true }); 1876 }); 1877 document.body.style.overflow = 'hidden'; 1878 } 1879 1880 function close(id, restoreFocus = true) { 1881 const overlay = document.getElementById('drawer-overlay-' + id); 1882 const panel = document.getElementById('drawer-' + id); 1883 if (!overlay || !panel) return; 1884 1885 panel.setAttribute('aria-hidden', 'true'); 1886 panel.setAttribute('inert', ''); 1887 syncOpeners(id, false); 1888 overlay.classList.remove('is-visible'); 1889 if (window.innerWidth >= 768) { 1890 panel.style.transform = 'translateX(100%)'; 1891 } else { 1892 panel.style.transform = 'translateY(100%)'; 1893 } 1894 const hideTimer = setTimeout(() => { 1895 overlay.classList.add('hidden'); 1896 overlayHideTimers.delete(id); 1897 }, 300); 1898 overlayHideTimers.set(id, hideTimer); 1899 1900 if (activeDrawerId === id) { 1901 activeDrawerId = ''; 1902 document.body.style.overflow = previousBodyOverflow; 1903 } 1904 if (restoreFocus) { 1905 const opener = lastOpeners.get(id); 1906 if (opener instanceof HTMLElement && opener.isConnected) { 1907 opener.focus({ preventScroll: true }); 1908 } 1909 } 1910 } 1911 1912 document.addEventListener('click', (event) => { 1913 if (!(event.target instanceof Element)) return; 1914 1915 const opener = event.target.closest('[data-open-drawer]'); 1916 if (opener) { 1917 event.preventDefault(); 1918 const id = opener.getAttribute('data-open-drawer'); 1919 if (id) open(id, opener); 1920 return; 1921 } 1922 1923 const closer = event.target.closest('[data-drawer-close]'); 1924 if (closer) { 1925 event.preventDefault(); 1926 const id = closer.getAttribute('data-drawer-close'); 1927 if (id) close(id); 1928 return; 1929 } 1930 1931 const overlay = event.target.closest('.drawer-overlay[data-drawer-id]'); 1932 if (overlay) { 1933 const id = overlay.getAttribute('data-drawer-id'); 1934 if (id) close(id); 1935 } 1936 }); 1937 1938 document.addEventListener('keydown', (e) => { 1939 if (e.key === 'Escape' && activeDrawerId) close(activeDrawerId); 1940 }); 1941 })(); 1942</script>
1942 <div id="drawer-overlay-como-usar" class="drawer-overlay fixed inset-0 bg-black/50 hidden z-[9999] transition-opacity duration-300 opacity-0" data-drawer-id="como-usar" aria-hidden="true"></div> <div id="drawer-como-usar" class="fixed bottom-0 left-0 right-0 md:inset-y-0 md:left-auto md:right-0 w-full md:w-[480px] max-h-[82vh] md:max-h-none bg-[#fcfbf6] transform translate-y-full md:translate-y-0 md:translate-x-full transition-transform duration-300 ease-out z-[10000] overflow-y-auto overscroll-contain" role="dialog" aria-modal="true" aria-labelledby="drawer-title-como-usar" aria-hidden="true" inert> <div class="sticky top-0 flex items-center justify-between px-[20px] md:px-[32px] pt-[20px] pb-[12px] bg-[#fcfbf6] z-10"> <h2 id="drawer-title-como-usar" class="drawer-title text-[14px] md:text-[16px] leading-[20px] font-brownRegular uppercase tracking-[0.05em]">How to use</h2> <button type="button" class="drawer-close w-[32px] h-[32px] flex items-center justify-center cursor-pointer" data-drawer-close="como-usar" aria-label="Cerrar"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="px-[20px] md:px-[32px] pb-[32px]"> <div class="drawer-content text-[14px] md:text-[15px] leading-[22px] md:leading-[24px] text-[#333]"> <div class="pdp3-como-usar py-4"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189&width=1200&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189&width=320&format=webp 320w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189&width=1200&format=webp 1200w" sizes="(max-width: 767px) 100vw, (max-width: 1439px) 50vw, 650px" width="1200" height="1200" alt="CLINICAL BEAUTY FILLER" class="w-full mb-6" loading="lazy" decoding="async"> <div class="wysiwyg"><p></p></div> </div><div class="pdp3-como-usar border-t border-black py-4"> <h3>SUPPORT CARE ROUTINE</h3> <div class="wysiwyg"><p><strong>DAY ROUTINE:</strong></p><ol><li><p>Cleansing (PAMPER GEL)</p></li><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Vitamin C Serum (CLINICAL THE REAL C)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p><p></p></li></ol><p><strong>NIGHT ROUTINE:</strong></p><ol start="5"><li><p>Cleansing â Makeup removal (PAMPER GEL / TOTAL CLEANSING MILK)</p></li></ol><ol start="6"><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Retinoid (CLINICAL RETINAL 0.1)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p></li></ol></div> </div><div class="pdp3-como-usar border-t border-black py-4"> <h3>PRECAUTIONS</h3> <div class="wysiwyg"><ul><li><p>The heads are for single use only. They cannot be reused and must be disposed of after application.</p></li><li><p>This procedure may leave the skin reddened but should not hurt; if you feel pain, you may be applying too much pressure or incorrectly.</p></li><li><p>It is normal to feel a slight tingling. These symptoms should disappear shortly. If you have a special event, we recommend applying CLINICAL BEAUTY FILLER the night before or a few nights before.</p></li><li><p>Carefully follow the mode of use.</p></li><li><p>Do not apply it on wounds, scars, or pimples.</p></li><li><p>Avoid contact with eyes and mucous membranes.</p></li><li><p>Do not apply makeup to your face until 12 hours have passed.</p></li><li><p>Do not use CLINICAL BEAUTY FILLER in case of infectious skin diseases, uncontrolled diabetes complications, severe and uncontrolled diseases, metal allergies, in the case of keloids or hypertrophic scars, in the presence of rosacea, inflammation, cysts, skin excrescences, wounds, dermatitis and eczema.</p></li></ul></div> </div> </div> </div> </div>
1942<script> 1943 (function () { 1944 if (window.__pdpDrawerControllerReady) return; 1945 window.__pdpDrawerControllerReady = true; 1946 1947 const lastOpeners = new Map(); 1948 const overlayHideTimers = new Map(); 1949 let activeDrawerId = ''; 1950 let previousBodyOverflow = ''; 1951 1952 function drawerOpeners(id) { 1953 return Array.from(document.querySelectorAll('[data-open-drawer]')).filter( 1954 (trigger) => trigger.getAttribute('data-open-drawer') === id, 1955 ); 1956 } 1957 1958 function syncOpeners(id, expanded) { 1959 drawerOpeners(id).forEach((trigger) => { 1960 trigger.setAttribute('aria-controls', 'drawer-' + id); 1961 trigger.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 1962 }); 1963 } 1964 1965 function initializeOpeners() { 1966 document.querySelectorAll('[data-open-drawer]').forEach((trigger) => { 1967 const id = trigger.getAttribute('data-open-drawer'); 1968 if (id) syncOpeners(id, false); 1969 }); 1970 } 1971 1972 initializeOpeners(); 1973 if (document.readyState === 'loading') { 1974 document.addEventListener('DOMContentLoaded', initializeOpeners, { once: true }); 1975 } 1976 1977 function open(id, opener) { 1978 const overlay = document.getElementById('drawer-overlay-' + id); 1979 const panel = document.getElementById('drawer-' + id); 1980 if (!overlay || !panel) return; 1981 1982 if (activeDrawerId && activeDrawerId !== id) close(activeDrawerId, false); 1983 const pendingHide = overlayHideTimers.get(id); 1984 if (pendingHide) { 1985 clearTimeout(pendingHide); 1986 overlayHideTimers.delete(id); 1987 } 1988 if (!activeDrawerId) previousBodyOverflow = document.body.style.overflow; 1989 activeDrawerId = id; 1990 if (opener) lastOpeners.set(id, opener); 1991 1992 panel.removeAttribute('inert'); 1993 panel.setAttribute('aria-hidden', 'false'); 1994 syncOpeners(id, true); 1995 overlay.classList.remove('hidden'); 1996 requestAnimationFrame(() => { 1997 overlay.classList.add('is-visible'); 1998 if (window.innerWidth >= 768) { 1999 panel.style.transform = 'translateX(0)'; 2000 } else { 2001 panel.style.transform = 'translateY(0)'; 2002 } 2003 const closeButton = panel.querySelector('[data-drawer-close]'); 2004 if (closeButton instanceof HTMLElement) closeButton.focus({ preventScroll: true }); 2005 }); 2006 document.body.style.overflow = 'hidden'; 2007 } 2008 2009 function close(id, restoreFocus = true) { 2010 const overlay = document.getElementById('drawer-overlay-' + id); 2011 const panel = document.getElementById('drawer-' + id); 2012 if (!overlay || !panel) return; 2013 2014 panel.setAttribute('aria-hidden', 'true'); 2015 panel.setAttribute('inert', ''); 2016 syncOpeners(id, false); 2017 overlay.classList.remove('is-visible'); 2018 if (window.innerWidth >= 768) { 2019 panel.style.transform = 'translateX(100%)'; 2020 } else { 2021 panel.style.transform = 'translateY(100%)'; 2022 } 2023 const hideTimer = setTimeout(() => { 2024 overlay.classList.add('hidden'); 2025 overlayHideTimers.delete(id); 2026 }, 300); 2027 overlayHideTimers.set(id, hideTimer); 2028 2029 if (activeDrawerId === id) { 2030 activeDrawerId = ''; 2031 document.body.style.overflow = previousBodyOverflow; 2032 } 2033 if (restoreFocus) { 2034 const opener = lastOpeners.get(id); 2035 if (opener instanceof HTMLElement && opener.isConnected) { 2036 opener.focus({ preventScroll: true }); 2037 } 2038 } 2039 } 2040 2041 document.addEventListener('click', (event) => { 2042 if (!(event.target instanceof Element)) return; 2043 2044 const opener = event.target.closest('[data-open-drawer]'); 2045 if (opener) { 2046 event.preventDefault(); 2047 const id = opener.getAttribute('data-open-drawer'); 2048 if (id) open(id, opener); 2049 return; 2050 } 2051 2052 const closer = event.target.closest('[data-drawer-close]'); 2053 if (closer) { 2054 event.preventDefault(); 2055 const id = closer.getAttribute('data-drawer-close'); 2056 if (id) close(id); 2057 return; 2058 } 2059 2060 const overlay = event.target.closest('.drawer-overlay[data-drawer-id]'); 2061 if (overlay) { 2062 const id = overlay.getAttribute('data-drawer-id'); 2063 if (id) close(id); 2064 } 2065 }); 2066 2067 document.addEventListener('keydown', (e) => { 2068 if (e.key === 'Escape' && activeDrawerId) close(activeDrawerId); 2069 }); 2070 })(); 2071</script>
2071 <div id="drawer-overlay-resultados" class="drawer-overlay fixed inset-0 bg-black/50 hidden z-[9999] transition-opacity duration-300 opacity-0" data-drawer-id="resultados" aria-hidden="true"></div> <div id="drawer-resultados" class="fixed bottom-0 left-0 right-0 md:inset-y-0 md:left-auto md:right-0 w-full md:w-[480px] max-h-[82vh] md:max-h-none bg-[#fcfbf6] transform translate-y-full md:translate-y-0 md:translate-x-full transition-transform duration-300 ease-out z-[10000] overflow-y-auto overscroll-contain" role="dialog" aria-modal="true" aria-labelledby="drawer-title-resultados" aria-hidden="true" inert> <div class="sticky top-0 flex items-center justify-between px-[20px] md:px-[32px] pt-[20px] pb-[12px] bg-[#fcfbf6] z-10"> <h2 id="drawer-title-resultados" class="drawer-title text-[14px] md:text-[16px] leading-[20px] font-brownRegular uppercase tracking-[0.05em]">Clinical Results</h2> <button type="button" class="drawer-close w-[32px] h-[32px] flex items-center justify-center cursor-pointer" data-drawer-close="resultados" aria-label="Cerrar"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="px-[20px] md:px-[32px] pb-[32px]"> <div class="drawer-content text-[14px] md:text-[15px] leading-[22px] md:leading-[24px] text-[#333]"> <div class="wysiwyg pb-4"><p><u>CLINICAL TEST OBJECTIVE:</u></p><p>Evaluate the anti-aging, densifying, and firming efficacy of this cosmetic product on a minimum of <u>30 volunteers (ages 40-60)</u> with signs of aging, over 14 days, under specified normal conditions, a single application of the product and <u>the evaluation of results over 14 days</u>. </p><p>The gel is formulated to improve signs of aging, such as Loss of firmness, elasticity, facial volume, sagging, wrinkles, and loss of hydration.</p></div><div class=" py-4"> <h3></h3> <div class="wysiwyg"><p><u>INDEPENDENT TEST RESULTS:</u></p><p>EVALUATION OF <strong>FIRMING</strong> EFFICACY</p><ul><li><p>At <strong>10 hours</strong> post-application, there is an increase in firmness (<strong>25,1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in firmness (<strong>26%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is an increase in firmness (<strong>26.1%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is an increase in firmness (<strong>33.3%</strong>)</p></li></ul></div> </div><div class="border-t border-black py-4"> <h3></h3> <div class="wysiwyg"><p>EVALUATION OF<strong> ELASTICITY</strong> EFFICACY</p><ul><li><p>At <strong>3 hours</strong> post-application, there is an increase in elasticity (<strong>13.8%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is an increase in elasticity (<strong>24.0%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in elasticity (<strong>24.2%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is an increase in elasticity (<strong>18.9%</strong>)</p></li></ul></div> </div><div class="border-t border-black py-4"> <h3></h3> <div class="wysiwyg"><p>EVALUATION OF THE <strong>REDUCTION OF TRANSEPIDERMAL WATER LOSS</strong> (TEWL)</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At<strong> 24 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>14 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>22%</strong>)</p></li></ul></div> </div><div class="border-t border-black py-4"> <h3></h3> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374&width=1200&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374&width=320&format=webp 320w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374&width=1200&format=webp 1200w" sizes="(max-width: 767px) 100v
2071w, (max-width: 1439px) 50vw, 650px" width="1200" height="1200" alt="CLINICAL BEAUTY FILLER" class="w-full mb-3" loading="lazy" decoding="async"> <div class="wysiwyg"><p><strong>ANTI-WRINKLE</strong> EVALUATION</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in wrinkles (<strong>25,1%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.4%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in wrinkles (<strong>17.9%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is a decrease in wrinkles (<strong>11.4%</strong>)</p></li></ul></div> </div><div class="wysiwyg mt-6 bg-[#F6F4F4] p-3 rounded-[4px]"><p>TEST TIME & OPERATION:<br><br>To evaluate the product's efficacy, the following biometric measurements are used:</p><ul><li><p><strong>Firming/elasticity/anti-fatigue efficacy:</strong> measuring the mechanical deformation of the skin with the dual MPA 580 Cutometer® probe (Courage & Khazaka electronic),</p></li><li><p><strong>Barrier function efficacy:</strong> measuring the water evaporation density gradient from the skin with the Tewameter® TM 300 probe (Courage & Khazaka electronic).</p></li><li><p><strong>Moisturizing efficacy</strong>: measuring the hydration distribution near the surface and skin microtopography with MoistureMap MM 100.</p></li><li><p><strong>Anti-wrinkle efficacy:</strong> measuring the skin topography with AEVA3D-HE2 VisioHOP (Eotech).</p></li><li><p>As visual support, facial photographs of participants are taken with AEVA3D-HE2 VisioHOP (EOTECH) and VisioFace® 1000 D (Courage + Khazaka electronic GmbH). Additionally, to measure the subjective efficacy and tolerability of the product, volunteers participating in the trial completed a subjective questionnaire at the end of the study. The tolerability and safety of the product were also monitored by recording any possible undesirable symptoms and signs that could appear from continued product use, which were dermatologically evaluated at the end of the trial.</p></li></ul></div> </div> </div> </div>
2071<script> 2072 (function () { 2073 if (window.__pdpDrawerControllerReady) return; 2074 window.__pdpDrawerControllerReady = true; 2075 2076 const lastOpeners = new Map(); 2077 const overlayHideTimers = new Map(); 2078 let activeDrawerId = ''; 2079 let previousBodyOverflow = ''; 2080 2081 function drawerOpeners(id) { 2082 return Array.from(document.querySelectorAll('[data-open-drawer]')).filter( 2083 (trigger) => trigger.getAttribute('data-open-drawer') === id, 2084 ); 2085 } 2086 2087 function syncOpeners(id, expanded) { 2088 drawerOpeners(id).forEach((trigger) => { 2089 trigger.setAttribute('aria-controls', 'drawer-' + id); 2090 trigger.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 2091 }); 2092 } 2093 2094 function initializeOpeners() { 2095 document.querySelectorAll('[data-open-drawer]').forEach((trigger) => { 2096 const id = trigger.getAttribute('data-open-drawer'); 2097 if (id) syncOpeners(id, false); 2098 }); 2099 } 2100 2101 initializeOpeners(); 2102 if (document.readyState === 'loading') { 2103 document.addEventListener('DOMContentLoaded', initializeOpeners, { once: true }); 2104 } 2105 2106 function open(id, opener) { 2107 const overlay = document.getElementById('drawer-overlay-' + id); 2108 const panel = document.getElementById('drawer-' + id); 2109 if (!overlay || !panel) return; 2110 2111 if (activeDrawerId && activeDrawerId !== id) close(activeDrawerId, false); 2112 const pendingHide = overlayHideTimers.get(id); 2113 if (pendingHide) { 2114 clearTimeout(pendingHide); 2115 overlayHideTimers.delete(id); 2116 } 2117 if (!activeDrawerId) previousBodyOverflow = document.body.style.overflow; 2118 activeDrawerId = id; 2119 if (opener) lastOpeners.set(id, opener); 2120 2121 panel.removeAttribute('inert'); 2122 panel.setAttribute('aria-hidden', 'false'); 2123 syncOpeners(id, true); 2124 overlay.classList.remove('hidden'); 2125 requestAnimationFrame(() => { 2126 overlay.classList.add('is-visible'); 2127 if (window.innerWidth >= 768) { 2128 panel.style.transform = 'translateX(0)'; 2129 } else { 2130 panel.style.transform = 'translateY(0)'; 2131 } 2132 const closeButton = panel.querySelector('[data-drawer-close]'); 2133 if (closeButton instanceof HTMLElement) closeButton.focus({ preventScroll: true }); 2134 }); 2135 document.body.style.overflow = 'hidden'; 2136 } 2137 2138 function close(id, restoreFocus = true) { 2139 const overlay = document.getElementById('drawer-overlay-' + id); 2140 const panel = document.getElementById('drawer-' + id); 2141 if (!overlay || !panel) return; 2142 2143 panel.setAttribute('aria-hidden', 'true'); 2144 panel.setAttribute('inert', ''); 2145 syncOpeners(id, false); 2146 overlay.classList.remove('is-visible'); 2147 if (window.innerWidth >= 768) { 2148 panel.style.transform = 'translateX(100%)'; 2149 } else { 2150 panel.style.transform = 'translateY(100%)'; 2151 } 2152 const hideTimer = setTimeout(() => { 2153 overlay.classList.add('hidden'); 2154 overlayHideTimers.delete(id); 2155 }, 300); 2156 overlayHideTimers.set(id, hideTimer); 2157 2158 if (activeDrawerId === id) { 2159 activeDrawerId = ''; 2160 document.body.style.overflow = previousBodyOverflow; 2161 } 2162 if (restoreFocus) { 2163 const opener = lastOpeners.get(id); 2164 if (opener instanceof HTMLElement && opener.isConnected) { 2165 opener.focus({ preventScroll: true }); 2166 } 2167 } 2168 } 2169 2170 document.addEventListener('click', (event) => { 2171 if (!(event.target instanceof Element)) return; 2172 2173 const opener = event.target.closest('[data-open-drawer]'); 2174 if (opener) { 2175 event.preventDefault(); 2176 const id = opener.getAttribute('data-open-drawer'); 2177 if (id) open(id, opener); 2178 return; 2179 } 2180 2181 const closer = event.target.closest('[data-drawer-close]'); 2182 if (closer) { 2183 event.preventDefault(); 2184 const id = closer.getAttribute('data-drawer-close'); 2185 if (id) close(id); 2186 return; 2187 } 2188 2189 const overlay = event.target.closest('.drawer-overlay[data-drawer-id]'); 2190 if (overlay) { 2191 const id = overlay.getAttribute('data-drawer-id'); 2192 if (id) close(id); 2193 } 2194 }); 2195 2196 document.addEventListener('keydown', (e) => { 2197 if (e.key === 'Escape' && activeDrawerId) close(activeDrawerId); 2198 }); 2199 })(); 2200</script>
2200 <div id="drawer-overlay-ingredientes" class="drawer-overlay fixed inset-0 bg-black/50 hidden z-[9999] transition-opacity duration-300 opacity-0" data-drawer-id="ingredientes" aria-hidden="true"></div> <div id="drawer-ingredientes" class="fixed bottom-0 left-0 right-0 md:inset-y-0 md:left-auto md:right-0 w-full md:w-[480px] max-h-[82vh] md:max-h-none bg-[#fcfbf6] transform translate-y-full md:translate-y-0 md:translate-x-full transition-transform duration-300 ease-out z-[10000] overflow-y-auto overscroll-contain" role="dialog" aria-modal="true" aria-labelledby="drawer-title-ingredientes" aria-hidden="true" inert> <div class="sticky top-0 flex items-center justify-between px-[20px] md:px-[32px] pt-[20px] pb-[12px] bg-[#fcfbf6] z-10"> <h2 id="drawer-title-ingredientes" class="drawer-title text-[14px] md:text-[16px] leading-[20px] font-brownRegular uppercase tracking-[0.05em]">Ingredients</h2> <button type="button" class="drawer-close w-[32px] h-[32px] flex items-center justify-center cursor-pointer" data-drawer-close="ingredientes" aria-label="Cerrar"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round"></path> </svg> </button> </div> <div class="px-[20px] md:px-[32px] pb-[32px]"> <div class="drawer-content text-[14px] md:text-[15px] leading-[22px] md:leading-[24px] text-[#333]"> <div class="pdp3-ingredients-drawer-content flex flex-col"> <div class="pdp3-ingredients-drawer"> <div class="mb-[30px] grid grid-cols-1 gap-[12px] sm:grid-cols-2"> <div class="border-b border-black pb-[14px]"> <p class="pdp3-ingredients-heading-value font-canela-italic text-[46px] leading-[44px] md:text-[56px] md:leading-[52px] text-black m-0"> 99.87% </p> <p class="pdp3-ingredients-heading-label font-brownRegular text-[12px] leading-[16px] tracking-[0.08em] uppercase text-black mt-[8px] mb-0"> Naturally Derived Ingredients </p> </div> </div> <div class="mb-[28px]"> <p class="pdp3-ingredients-section-title font-brownRegular text-[13px] tracking-[0.08em] uppercase text-black mt-0 mb-[16px]"> Active ingredients </p> <div class="flex flex-col gap-[14px]"> <div class="border-l-2 border-black pl-[14px]"> <p class="pdp3-ingredients-item-name font-brownRegular text-[13px] leading-[18px] text-black mt-0 mb-[3px]"> Argireline® Peptide </p> <p class="pdp3-ingredients-item-description font-brownLight text-[13px] leading-[20px] text-black m-0"> Botox Like - Lifting effect, firmer skin and collagen stimulation. </p> </div><div class="border-l-2 border-black pl-[14px]"> <p class="pdp3-ingredients-item-name font-brownRegular text-[13px] leading-[18px] text-black mt-0 mb-[3px]"> Matrixyl® (Péptido) </p> <p class="pdp3-ingredients-item-description font-brownLight text-[13px] leading-[20px] text-black m-0"> Wrinkle filler. Ensures optimal tissue architecture. </p> </div><div class="border-l-2 border-black pl-[14px]"> <p class="pdp3-ingredients-item-name font-brownRegular text-[13px] leading-[18px] text-black mt-0 mb-[3px]"> Rebuilder Active </p> <p class="pdp3-ingredients-item-description font-brownLight text-[13px] leading-[20px] text-black m-0"> It's a biomimetic vesicle that recovers firmness and elasticity. </p> </div><div class="border-l-2 border-black pl-[14px]"> <p class="pdp3-ingredients-item-name font-brownRegular text-[13px] leading-[18px] text-black mt-0 mb-[3px]"> Hyaluronic Acidcomplex </p> <p class="pdp3-ingredients-item-description font-brownLight text-[13px] leading-[20px] text-black m-0"> a combination of 3 hyaluronic acids of different molecular weights â Hydrates, fills and tightens. </p> </div> </div> </div> </div> <div class="pdp3-ingredients-banners mt-[32px] border-t border-[#e5e5e0] pt-[28px]"> <div style="padding-top:30px;padding-bottom:30px" data-astro-cid-6rnxh5j2> <div class="mx-auto max-w-2xl px-4 undefined" data-astro-cid-mt6f4gc5> <div class="banner component-base wysiwyg" data-astro-cid-6rnxh5j2> <div class="title-component text-[24px] undefined" style=""> STAR <s><i>INGREDIENT</i></s> </div> <div class="banner-description wysiwyg" data-astro-cid-6rnxh5j2><p><strong><u>INTRAEPIDERMAL PENETRATION APPLICATOR</u></strong><br></p><img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5f519afa-789a-4ff0-aeca-533bce1e7e27.gif?v=1735034992&width=1200&format=webp"><p></p><p>With CLINICAL BEAUTY FILLER, we've <em>"<u>Democratized aesthetic medicine</u>"</em> for this, we've combined the benefits of the microneedling technique with direct intraepidermal penetration. Each press transports the serum, achieving absorption <u>30 times greater than</u> any other cream. <br><br>GREATER PENETRATION â BETTER RESULTS<br> <br>Its device works on several fronts:</p><ul><li><p><strong>COLLAGEN BIO-STIMULATOR</strong>: With its medical-grade hollow needles, pathways are created that trigger an increase in collagen and elastin production, leading to <u>more firmness and fewer wrinkles</u>.</p></li><li><p><strong>ACTIVE INGREDIENT PENETRATION:</strong> Its ultra-fine hollow needles transport the concentrated serum to the skin, accelerating the absorption of active ingredients and thus increasing their efficacy. </p></li></ul><p><strong>Results:</strong></p><p><u>30X </u>+ penetration than the application of any other cream or serum </p><p><u>15X </u>+ absorption than any other microneedling treatment </p><p><u>15X</u> + economical than the average price of an aesthetic procedure</p><p>
2200⢠At <strong>3 hours</strong> post-application, wrinkles decrease by <strong>25,1%</strong></p><p>⢠At <strong>24 hours</strong>, elasticity increases by <strong>24.2%</strong></p><p>⢠At <strong>14 days</strong> post-application, firmness increases by <strong>33.3%</strong></p></div> <img src="" alt="" class="mobile-image mb-6" data-astro-cid-6rnxh5j2> <img src="" alt="" class="desktop-image mb-6" data-astro-cid-6rnxh5j2> <div class="banner-description-footer wysiwyg" data-astro-cid-6rnxh5j2></div> </div> </div> </div> </div> <div class="mt-[32px] border-t border-[#e5e5e0] pt-[28px]"> <p class="pdp3-ingredients-section-title font-brownRegular text-[13px] tracking-[0.08em] uppercase text-black mt-0 mb-[12px]"> Full INCI list </p> <div class="pdp3-ingredients-inci inci wysiwyg font-brownLight text-[13px] leading-[20px] text-black m-0">INGREDIENTS / INGREDIENTES: INGREDIENTS / INGREDIENTES: AQUA (WATER), PROPANEDIOL, PENTYLENE GLYCOL, GLYCERIN, ACETYL HEXAPEPTIDE-8, PALMITOYL TRIPEPTIDE-38*, SODIUM HYALURONATE, HYDROLYZED HYALURONIC ACID, SODIUM ACETYLATED HYALURONATE, SQUALENE, BETA-SITOSTEROL, LEVULINIC ACID, CELLULOSE GUM, GLYCERYL CAPRYLATE, HYDROGENATED PHOSPHATIDYLCHOLINE, LYSOLECITHIN, LECITHIN, CHONDRUS CRISPUS (CARRAGEENAN) POWDER, CERATONIA SILIQUA GUM, SODIUM PHYTATE, GLUCOSE, HYDROXYPROPYL CYCLODEXTRIN, CAPRYLYL GLYCOL, SODIUM BENZOATE, TOCOPHEROL, CITRIC ACID, POTASSIUM SORBATE, PHYTIC ACID 2201 2202*Ingredient from sustainable farming. RSPO/MB / Ingrediente procedente de cultivo sostenible. RSPO/MB</div> </div> </div> </div> </div> </div>
2202<script> 2203 (function () { 2204 if (window.__pdpDrawerControllerReady) return; 2205 window.__pdpDrawerControllerReady = true; 2206 2207 const lastOpeners = new Map(); 2208 const overlayHideTimers = new Map(); 2209 let activeDrawerId = ''; 2210 let previousBodyOverflow = ''; 2211 2212 function drawerOpeners(id) { 2213 return Array.from(document.querySelectorAll('[data-open-drawer]')).filter( 2214 (trigger) => trigger.getAttribute('data-open-drawer') === id, 2215 ); 2216 } 2217 2218 function syncOpeners(id, expanded) { 2219 drawerOpeners(id).forEach((trigger) => { 2220 trigger.setAttribute('aria-controls', 'drawer-' + id); 2221 trigger.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 2222 }); 2223 } 2224 2225 function initializeOpeners() { 2226 document.querySelectorAll('[data-open-drawer]').forEach((trigger) => { 2227 const id = trigger.getAttribute('data-open-drawer'); 2228 if (id) syncOpeners(id, false); 2229 }); 2230 } 2231 2232 initializeOpeners(); 2233 if (document.readyState === 'loading') { 2234 document.addEventListener('DOMContentLoaded', initializeOpeners, { once: true }); 2235 } 2236 2237 function open(id, opener) { 2238 const overlay = document.getElementById('drawer-overlay-' + id); 2239 const panel = document.getElementById('drawer-' + id); 2240 if (!overlay || !panel) return; 2241 2242 if (activeDrawerId && activeDrawerId !== id) close(activeDrawerId, false); 2243 const pendingHide = overlayHideTimers.get(id); 2244 if (pendingHide) { 2245 clearTimeout(pendingHide); 2246 overlayHideTimers.delete(id); 2247 } 2248 if (!activeDrawerId) previousBodyOverflow = document.body.style.overflow; 2249 activeDrawerId = id; 2250 if (opener) lastOpeners.set(id, opener); 2251 2252 panel.removeAttribute('inert'); 2253 panel.setAttribute('aria-hidden', 'false'); 2254 syncOpeners(id, true); 2255 overlay.classList.remove('hidden'); 2256 requestAnimationFrame(() => { 2257 overlay.classList.add('is-visible'); 2258 if (window.innerWidth >= 768) { 2259 panel.style.transform = 'translateX(0)'; 2260 } else { 2261 panel.style.transform = 'translateY(0)'; 2262 } 2263 const closeButton = panel.querySelector('[data-drawer-close]'); 2264 if (closeButton instanceof HTMLElement) closeButton.focus({ preventScroll: true }); 2265 }); 2266 document.body.style.overflow = 'hidden'; 2267 } 2268 2269 function close(id, restoreFocus = true) { 2270 const overlay = document.getElementById('drawer-overlay-' + id); 2271 const panel = document.getElementById('drawer-' + id); 2272 if (!overlay || !panel) return; 2273 2274 panel.setAttribute('aria-hidden', 'true'); 2275 panel.setAttribute('inert', ''); 2276 syncOpeners(id, false); 2277 overlay.classList.remove('is-visible'); 2278 if (window.innerWidth >= 768) { 2279 panel.style.transform = 'translateX(100%)'; 2280 } else { 2281 panel.style.transform = 'translateY(100%)'; 2282 } 2283 const hideTimer = setTimeout(() => { 2284 overlay.classList.add('hidden'); 2285 overlayHideTimers.delete(id); 2286 }, 300); 2287 overlayHideTimers.set(id, hideTimer); 2288 2289 if (activeDrawerId === id) { 2290 activeDrawerId = ''; 2291 document.body.style.overflow = previousBodyOverflow; 2292 } 2293 if (restoreFocus) { 2294 const opener = lastOpeners.get(id); 2295 if (opener instanceof HTMLElement && opener.isConnected) { 2296 opener.focus({ preventScroll: true }); 2297 } 2298 } 2299 } 2300 2301 document.addEventListener('click', (event) => { 2302 if (!(event.target instanceof Element)) return; 2303 2304 const opener = event.target.closest('[data-open-drawer]'); 2305 if (opener) { 2306 event.preventDefault(); 2307 const id = opener.getAttribute('data-open-drawer'); 2308 if (id) open(id, opener); 2309 return; 2310 } 2311 2312 const closer = event.target.closest('[data-drawer-close]'); 2313 if (closer) { 2314 event.preventDefault(); 2315 const id = closer.getAttribute('data-drawer-close'); 2316 if (id) close(id); 2317 return; 2318 } 2319 2320 const overlay = event.target.closest('.drawer-overlay[data-drawer-id]'); 2321 if (overlay) { 2322 const id = overlay.getAttribute('data-drawer-id'); 2323 if (id) close(id); 2324 } 2325 }); 2326 2327 document.addEventListener('keydown', (e) => { 2328 if (e.key === 'Escape' && activeDrawerId) close(activeDrawerId); 2329 }); 2330 })(); 2331</script>
2331 <!-- ======================= SCARCITY "POR QUà QUEDA POCO STOCK" POPUP ======================= 2332 Bottom sheet en móvil / modal centrado con imagen y add-to-cart en desktop, 2333 abierto desde los links [data-pdp3-scarcity-open] de las tarjetas del fold. --> <!-- ======================= CLUB SUBSCRIPTION INFO MODAL ======================= 2334 Informative modal shown by cart.js (openConfirmationModal) when the user 2335 adds to cart with the Club subscription option selected. Mirrors PDP1. --> <!-- Confirmation Modal --><div id="confirmationModal" class="fixed inset-0 z-[9999] hidden bg-black/80 overflow-auto"> <div class="relative w-[90%] max-w-[1100px] mx-auto mt-[50vh] -translate-y-1/2 bg-white rounded-lg overflow-hidden" style="background-image: url('https://cdn.shopify.com/s/files/1/0619/1693/8405/files/background-modal.jpg?v=1749810429'); background-size: auto 100%; background-position: left center; background-repeat: no-repeat;"> <button class="close-confirmation-information absolute right-1 top-1 text-black text-2xl font-bold leading-none z-[9999] flex items-center justify-center w-8 h-8">×</button> <div class="flex min-h-[500px]"> <div class="text-center px-4 py-2 uppercase text-base bg-white sm:bg-[#F3F3F2] w-full absolute top-8 left-4" style="width: calc(100% - 32px);">You're one step away from subscribing to a luxury routine for just $129/month*</div> <!-- Left side for background image (empty div to show background) --> <div class="w-7/12 min-h-[500px] hidden sm:block"></div> <!-- Right side for content --> <div class="w-full sm:w-5/12 bg-white p-4 sm:pl-0 sm:pr-8 pb-4 pt-32 sm:pt-24 flex flex-col justify-between"> <div class="border-1 border-black p-4 mb-2"> <!-- BASIC | PRICE section with border --> <div class="flex justify-start mb-4"> <div class="border-1 border-black rounded-full px-6 py-1 flex items-center bg-[#6571B0] text-white"> <span class="font-brownRegular text-lg">ELITE</span> <span class="mx-3 text-xl">|</span> <span class="font-bold text-lg">$129/MONTH</span> </div> </div> <!-- Benefits section --> <div class="mb-4"> <p class="font-bold text-sm mb-4 tracking-wide">Exclusive benefits of your beauty subscription:</p> <div class="space-y-0"> <div class="flex items-center py-2 border-b border-gray-200"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon_check.png?v=1749815292" alt="check" class="w-3 h-3 mr-4"> <span class="text-lg">UP TO 60% OFF!</span> </div> <div class="flex items-center py-2 border-b border-gray-200"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon_check.png?v=1749815292" alt="check" class="w-3 h-3 mr-4"> <span class="text-lg">Choose your favorite product per month</span> </div> <div class="flex items-center py-2 border-b border-gray-200"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon_check.png?v=1749815292" alt="check" class="w-3 h-3 mr-4"> <span class="text-lg">FREE SHIPPING</span> </div> <div class="flex items-center py-2 border-b border-gray-200"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon_check.png?v=1749815292" alt="check" class="w-3 h-3 mr-4"> <span class="text-lg">+10% EXTRA OFF on additional products</span> </div> <div class="flex items-center py-2 border-b border-gray-200"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/icon_check.png?v=1749815292" alt="check" class="w-3 h-3 mr-4"> <span class="text-lg">VIP access and more surprises!</span> </div> </div> </div> <!-- Surprise text --> <div class="text-left mb-6"> <p class="text-sm italic text-gray-700">Because you deserve more, for less.</p> </div> <button id="confirm-subscription-close" class="w-full bg-black text-white py-4 px-6 text-center uppercase font-medium text-sm tracking-wide hover:bg-gray-800 transition-colors mb-4"> OK </button> </div> <!-- Disclaimer --> <p class="text-xs text-center text-gray-500">*6 months commitment.</p> </div> </div> </div> </div>
2335<script> 2336 document.addEventListener('DOMContentLoaded', () => { 2337 const confirmationModal = document.getElementById('confirmationModal'); 2338 const closeConfirmationBtn = document.querySelector('.close-confirmation'); 2339 const closeConfirmationInformationBtn = document.querySelector('.close-confirmation-information'); 2340 const confirmSubscriptionBtn = document.getElementById('confirm-subscription'); 2341 const confirmSubscriptionCloseBtn = document.getElementById('confirm-subscription-close'); 2342 2343 const hideConfirmationModalInformation = () => { 2344 console.log('hideConfirmationModalInformation'); 2345 confirmationModal?.classList.add('hidden'); 2346 if (!window.cart?.isCartOpen) document.body.style.overflow = ''; 2347 }; 2348 2349 confirmSubscriptionCloseBtn?.addEventListener('click', hideConfirmationModalInformation); 2350 closeConfirmationInformationBtn?.addEventListener('click', hideConfirmationModalInformation); 2351 2352 // Modal functions 2353 const showConfirmationModal = () => { 2354 confirmationModal?.classList.remove('hidden'); 2355 document.body.style.overflow = 'hidden'; 2356 }; 2357 const hideConfirmationModal = () => { 2358 confirmationModal?.classList.add('hidden'); 2359 if (!window.cart?.isCartOpen) document.body.style.overflow = ''; 2360 }; 2361 2362 // Add event listeners for close buttons 2363 closeConfirmationBtn?.addEventListener('click', hideConfirmationModal); 2364 2365 // Handle escape key for modal 2366 document.addEventListener('keydown', (e) => { 2367 if (e.key === 'Escape' && !confirmationModal?.classList.contains('hidden')) { 2368 hideConfirmationModal(); 2369 } 2370 }); 2371 2372 // Click outside modal to close 2373 confirmationModal?.addEventListener('click', (e) => { 2374 if (e.target === confirmationModal) { 2375 hideConfirmationModal(); 2376 } 2377 }); 2378 2379 // Expose modal functions globally 2380 window.showConfirmationModal = showConfirmationModal; 2381 window.hideConfirmationModal = hideConfirmationModal; 2382 }); 2383</script>
2383 <!-- ======================= NEW CUSTOMER CODE MODAL ======================= 2384 Popup del flujo "Soy usuario nuevo" (descuento de primera compra). 2385 Se monta una vez; lo abren todos los [data-new-customer-trigger]. 2386 En mx no se monta: quote_cart excluye ese mercado de la primera compra, 2387 y sin modal ningún trigger/banner llega a revelarse. --> <!-- Textos, mercado e idioma del desglose de descuento de la compra única 2388 (PriceBreakdownInfo). Se publica una vez; las «i» de la página lo leen. --> <div hidden data-price-breakdown-config data-market="us" data-lang="en" data-currency="USD" data-texts="{"button":"See the discount breakdown","title":"Discount breakdown","price":"Price","first_purchase":"{percent}% off your 1st purchase","promotion":"{percent}% with {name}","web_discount":"{percent}% web discount","subscriber":"{percent}% subscriber discount","final":"Your final price","savings":"You save {amount}","close":"Close","subscriber_badge":"SUBSCRIBER"}"></div> <div data-new-customer-modal data-sku="233" data-lang="en" data-market="us" data-price="344" data-currency="USD" data-variant-id="201" data-texts="{"codeSent":"We've sent a 6-digit code to {email}.","emailError":"We need a valid email to send you the code.","codeError":"That code isn't right. Check it and try again.","codeExpired":"The code has expired. Request a new one.","genericError":"We could not complete the operation. Try again.","rateLimited":"Too many attempts. Try again in {seconds} seconds.","resendWait":"You can request another code in {seconds} s","statusChecking":"Checking availabilityâ¦","statusAvailable":"New-customer discount available on this product.","eyebrow":"Your {percent}% first-purchase discount","headlineSuccess":"Your {percent}% is now applied","textDenied":"But your {percent}% is already applied to the products you haven't tried yet.","badgeLabel":"FOR YOUR 1ST ORDER"}" class="fixed inset-0 z-[9999] hidden items-end justify-center bg-[#f7f7f7]/35 backdrop-blur-[10px] backdrop-saturate-[1.2] md:items-center md:p-[24px]"> <div class="relative w-full max-h-[92vh] overflow-hidden rounded-t-[12px] bg-white shadow-[0_24px_64px_rgba(0,0,0,0.16)] md:max-w-[780px] md:max-h-[calc(100vh-48px)] md:rounded-[12px]" role="dialog" aria-modal="true" aria-labelledby="new-customer-modal-title"> <button type="button" data-nc-close aria-label="Close" class="absolute right-[16px] top-[16px] z-[2] flex h-[38px] w-[38px] items-center justify-center rounded-full bg-white/90 text-black backdrop-blur-[6px] transition-colors duration-150 hover:bg-white"> <svg class="block h-[18px] w-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> <div class="grid max-h-[92vh] grid-cols-1 md:max-h-[calc(100vh-48px)] md:min-h-[560px] md:grid-cols-2"> <div class="aspect-[16/9] w-full overflow-hidden bg-[#f0edea] md:aspect-auto md:h-full"> <img src="/images/primera-compra/verificacion.webp" alt="" class="block h-full w-full object-cover" width="750" height="1125" loading="lazy" decoding="async"> </div> <div data-nc-col class="flex min-h-0 flex-col justify-center overflow-y-auto bg-[#fcfbf6] px-[16px] pb-[calc(24px+env(safe-area-inset-bottom))] pt-[24px] transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none md:px-[32px] md:py-[40px]"> <div data-nc-step="email"> <p data-nc-tpl="eyebrow" class="mb-[12px] font-brownRegular text-[14px] leading-[16px] tracking-[0.08em] text-black uppercase">Your 15% first-purchase discount</p> <h2 id="new-customer-modal-title" class="mb-[16px] font-canelaItalic italic text-[34px] md:text-[44px] leading-[1.05] text-black">What's your email?</h2> <p class="mb-[16px] font-brownLight text-[16px] leading-[1.5] text-black">This discount comes with the first purchase of every product. We'll send you a code to confirm it.</p> <form data-nc-email-form novalidate> <div class="mb-[16px] flex flex-col gap-[12px]"> <label for="nc-email-input" class="font-brownRegular text-[16px] leading-[16
2388px] text-[#737373]">Your email</label> <input id="nc-email-input" data-nc-email-input type="email" name="email" autocomplete="email" placeholder="[email protected]" class="h-[48px] w-full rounded-[4px] border border-[#d9d9d9] bg-white px-[16px] font-brownRegular text-[14px] leading-[16px] text-black placeholder:text-black/35 focus:border-black focus:outline-none"> <p data-nc-email-error class="hidden font-brownLight text-[14px] leading-[1.4] text-[#eb4335]"></p> </div> <button data-nc-email-submit type="submit" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60">Send code</button> </form> </div> <div data-nc-step="code" class="hidden"> <p data-nc-tpl="eyebrow" class="mb-[12px] font-brownRegular text-[14px] leading-[16px] tracking-[0.08em] text-black uppercase">Your 15% first-purchase discount</p> <h2 class="mb-[16px] font-canelaItalic italic text-[34px] md:text-[44px] leading-[1.05] text-black">Check your inbox</h2> <p data-nc-code-sent-text class="mb-[16px] font-brownLight text-[16px] leading-[1.5] text-black"></p> <form data-nc-code-form novalidate> <div class="mb-[16px] flex flex-col gap-[12px]"> <span id="nc-otp-label" class="font-brownRegular text-[16px] leading-[16px] text-[#737373]"> Verification code </span> <div class="flex gap-[8px]" role="group" aria-labelledby="nc-otp-label"> <input data-nc-otp-digit="0" type="text" inputmode="numeric" maxlength="1" autocomplete="one-time-code" aria-label="Digit 1 of 6" class="aspect-square h-auto w-auto min-w-0 flex-1 rounded-[4px] border border-[#d9d9d9] bg-white p-0 text-center font-brownRegular text-[18px] leading-none text-black focus:border-black focus:outline-none data-[filled]:border-black md:aspect-auto md:h-[48px] md:w-[48px] md:flex-none"><input data-nc-otp-digit="1" type="text" inputmode="numeric" maxlength="1" autocomplete="off" aria-label="Digit 2 of 6" class="aspect-square h-auto w-auto min-w-0 flex-1 rounded-[4px] border border-[#d9d9d9] bg-white p-0 text-center font-brownRegular text-[18px] leading-none text-black focus:border-black focus:outline-none data-[filled]:border-black md:aspect-auto md:h-[48px] md:w-[48px] md:flex-none"><input data-nc-otp-digit="2" type="text" inputmode="numeric" maxlength="1" autocomplete="off" aria-label="Digit 3 of 6" class="aspect-square h-auto w-auto min-w-0 flex-1 rounded-[4px] border border-[#d9d9d9] bg-white p-0 text-center font-brownRegular text-[18px] leading-none text-black focus:border-black focus:outline-none data-[filled]:border-black md:aspect-auto md:h-[48px] md:w-[48px] md:flex-none"><input data-nc-otp-digit="3" type="text" inputmode="numeric" maxlength="1" autocomplete="off" aria-label="Digit 4 of 6" class="aspect-square h-auto w-auto min-w-0 flex-1 rounded-[4px] border border-[#d9d9d9] bg-white p-0 text-center font-brownRegular text-[18px] leading-none text-black focus:border-black focus:outline-none data-[filled]:border-black md:aspect-auto md:h-[48px] md:w-[48px] md:flex-none"><input data-nc-otp-digit="4" type="text" inputmode="numeric" maxlength="1" autocomplete="off" aria-label="Digit 5 of 6" class="aspect-square h-auto w-auto min-w-0 flex-1 rounded-[4px] border border-[#d9d9d9] bg-white p-0 text-center font-brownRegular text-[18px] leading-none text-black focus:border-black focus:outline-none data-[filled]:border-black md:aspect-auto md:h-[48px] md:w-[48px] md:flex-none"><input data-nc-otp-digit="5" type="text" inputmode="numeric" maxlength="1" autocomplete="off" aria-label="Digit 6 of 6" class="aspect-square h-auto w-auto min-w-0 flex-1 rounded-[4px] border border-[#d9d9d9] bg-white p-0 text-center font-brownRegular text-[18px] leading-none text-black focus:border-black focus:outline-none data-[filled]:border-black md:aspect-auto md:h-[48px] md:w-[48px] md:flex-none"> </div> <p data-nc-code-error class="hidden font-brownLight text-[14px] leading-[1.4] text-[#eb4335]"></p> </div> <div class="mb-[16px]"> <button data-nc-resend type="button" class="p-0 font-brownLight text-[16px] leading-[1.4] text-black underline-offset-[3px] hover:underline">Didn't get it? Resend code</button> <span data-nc-resend-wait class="hidden font-brownLight text-[16px] leading-[1.4] text-black"></span> </div> <button data-nc-code-submit type="submit" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16
2388px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60">Confirm</button> </form> </div> <div data-nc-step="success" class="hidden"> <p class="mb-[12px] font-brownRegular text-[14px] leading-[16px] tracking-[0.08em] text-black uppercase">Discount confirmed</p> <h2 data-nc-tpl="headlineSuccess" class="mb-[16px] font-canelaItalic italic text-[34px] md:text-[44px] leading-[1.05] text-black"> Your 15% is now applied </h2> <p class="mb-[16px] flex items-baseline gap-[12px]"> <span data-nc-price-old class="font-brownLight text-[18px] text-[#737373] line-through md:text-[20px]"></span> <span data-nc-price-new class="font-brownRegular text-[28px] leading-none text-black md:text-[32px]"></span> <span data-nc-price-badge class="self-center rounded-[7px] bg-[#eb4335] px-[8px] py-[5px] font-brownRegular text-[13px] leading-[12px] text-white"></span> </p> <p class="-mt-[4px] mb-[16px] font-brownLight text-[15px] leading-[1.4] text-black"> It also applies to other products you haven't tried yet. </p> <button data-nc-buy type="button" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60">Buy now</button> </div> <div data-nc-step="denegado" class="hidden"> <p class="mb-[12px] font-brownRegular text-[14px] leading-[16px] tracking-[0.08em] text-black uppercase">About your discount</p> <h2 class="mb-[16px] font-canelaItalic italic text-[34px] md:text-[44px] leading-[1.05] text-black">You already know this one</h2> <p data-nc-tpl="textDenied" class="mb-[16px] font-brownLight text-[16px] leading-[1.5] text-black">But your 15% is already applied to the products you haven't tried yet.</p> <p class="mb-[16px] font-brownLight text-[16px] leading-[1.5] text-black">You can also subscribe and always keep the biggest discount.</p> <article class="mb-[16px] flex items-center gap-[12px] rounded-[12px] bg-white p-[12px]"> <div class="h-[72px] w-[72px] flex-shrink-0 overflow-hidden rounded-[8px] bg-[#f0edea]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=144&format=webp" alt="" class="block h-full w-full object-cover" width="72" height="72" loading="lazy" decoding="async"> </div> <div class="min-w-0"> <h3 class="truncate font-brownRegular text-[14px] leading-[18px] text-black uppercase"> CLINICAL BEAUTY FILLER </h3> <p class="truncate font-brownLight text-[13px] leading-[18px] text-[#737373]"> Anti-aging serum + micro-infusion </p> <p class="mt-[4px] flex items-center gap-[8px]"> <span class="font-brownLight text-[14px] text-[#737373] line-through"> $344 </span> <span class="font-brownRegular text-[16px] leading-none text-black"> $129 </span> <span class="rounded-[7px] bg-[#eb4335] px-[8px] py-[5px] font-brownRegular text-[13px] leading-[12px] text-white"> 24% 2389</span> </p> </div> </article> <button data-nc-see-subscription type="button" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60 hidden"> See the subscription </button> <button data-nc-close-denied type="button" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60">Close</button> </div> <div data-nc-step="status" class="hidden"> <p class="mb-[12px] font-brownRegular text-[14px] leading-[16px] tracking-[0.08em] text-black uppercase">About your discount</p> <h2 class="mb-[16px] font-canelaItalic italic text-[34px] md:text-[44px] leading-[1.05] text-black">One momentâ¦</h2> <p data-nc-status-result class="mb-[16px] font-brownLight text-[16px] leading-[1.5] text-black"></p> <div class="flex flex-col gap-[12px] md:flex-row"> <button data-nc-status-retry type="button" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16
2389px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60 hidden">Retry</button> <button data-nc-close-status type="button" class="mt-[8px] inline-flex h-[48px] w-full md:w-fit items-center justify-center rounded-[4px] bg-black px-[32px] font-brownRegular text-[14px] leading-[16px] text-white uppercase transition-colors duration-150 hover:bg-[#333] disabled:opacity-60">Close</button> </div> </div> </div> </div> </div> </div> <!-- ======================= CLINICAL RESULTS VISUAL ======================= --> <section class="pdp3-results bg-[#fcfbf6] py-[24px] md:py-[64px]"> <div class="max-w-[1320px] mx-auto flex flex-col lg:flex-row items-center gap-0 md:gap-[48px] lg:gap-[100px] px-0 md:px-4 lg:px-[32px]"> <div data-pdp3-mobile-result-stats class="order-2 flex flex-1 flex-col justify-between gap-[32px] w-full bg-[#f7f7f7] px-[16px] py-[48px] md:order-1 md:bg-transparent md:px-0 md:py-0 md:gap-[40px]"> <h2 class="font-brownLight text-[20px] leading-[26px] md:text-[32px] md:leading-[36px] text-black uppercase"> PROVEN CLINICAL RESULTS </h2> <div class="flex flex-col border-t border-[#b0b0b0]"> <div class="border-b border-[#b0b0b0] py-[19px] flex flex-col gap-[16px] md:flex-row md:items-center md:py-8"> <div class="w-full md:w-[120px] lg:w-[190px] flex items-center justify-start pl-0 lg:pl-[10px]"> <p class="font-canela-italic text-[32px] md:text-[44px] lg:text-[52px] leading-[36px] text-black">25.1%</p> </div> <p class="font-brownLight text-[16px] md:text-[18px] lg:text-[20px] leading-[36px] md:leading-[28px] text-black">WRINKLES DECREASE AT 3H</p> </div><div class="border-b border-[#b0b0b0] py-[19px] flex flex-col gap-[16px] md:flex-row md:items-center md:py-8"> <div class="w-full md:w-[120px] lg:w-[190px] flex items-center justify-start pl-0 lg:pl-[10px]"> <p class="font-canela-italic text-[32px] md:text-[44px] lg:text-[52px] leading-[36px] text-black">24.2%</p> </div> <p class="font-brownLight text-[16px] md:text-[18px] lg:text-[20px] leading-[36px] md:leading-[28px] text-black">ELASTICITY INCREASES AT 24 H</p> </div><div class="border-b border-[#b0b0b0] py-[19px] flex flex-col gap-[16px] md:flex-row md:items-center md:py-8"> <div class="w-full md:w-[120px] lg:w-[190px] flex items-center justify-start pl-0 lg:pl-[10px]"> <p class="font-canela-italic text-[32px] md:text-[44px] lg:text-[52px] leading-[36px] text-black">33.3%</p> </div> <p class="font-brownLight text-[16px] md:text-[18px] lg:text-[20px] leading-[36px] md:leading-[28px] text-black">FIRMNESS INCREASES AT 14 DAYS</p> </div> </div> </div> <div data-pdp3-mobile-before-after class="order-1 flex-1 w-full max-w-none md:order-2 md:max-w-[580px]"> <div class="pdp3-results-before-after overflow-hidden md:rounded-[4px]"> <img-comparison-slider class="before-after-slider" value="50"> <img slot="first" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061&width=1200&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061&width=320&format=webp 320w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061&width=1200&format=webp 1200w" sizes="(max-width: 767px) 100vw, 50vw" width="1200" height="1200" alt="Before" loading="lazy" decoding="async" draggable="false"> <img slot="second" src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068&width=1200&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068&width=320&format=webp 320w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068&width=640&format=webp 640w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068&width=960&format=webp 960w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068&width=1200&format=webp 1200w" sizes="(max-width: 767px) 100v
2389w, 50vw" width="1200" height="1200" alt="After" loading="lazy" decoding="async" draggable="false"> <span class="before-after-slider__handle" aria-hidden="true"> <svg viewBox="0 0 16 16" fill="none"> <path d="M6.5 4L3 8l3.5 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.5 4L13 8l-3.5 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </img-comparison-slider> <style> 2390 .before-after-slider { 2391 --divider-width: 1px; 2392 --divider-color: #fff; 2393 --default-handle-width: 48px; 2394 --default-handle-color: #fff; 2395 display: block; 2396 width: 100%; 2397 } 2398 2399 .before-after-slider img { 2400 display: block; 2401 width: 100%; 2402 height: auto; 2403 max-width: none; 2404 } 2405 2406 .before-after-slider__handle { 2407 align-items: center; 2408 background: #fff; 2409 border-radius: 999px; 2410 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); 2411 color: #000; 2412 display: flex; 2413 height: 32px; 2414 justify-content: center; 2415 width: 32px; 2416 } 2417 2418 .before-after-slider__handle svg { 2419 display: block; 2420 height: 16px; 2421 width: 16px; 2422 } 2423</style> </div> </div> </div> </section> <!-- ======================= HOW IT WORKS ======================= --> <!-- ======================= COMPLETE YOUR ROUTINE ======================= --> <section id="complete-routine" class="relative overflow-hidden bg-black text-white"> <picture> <source media="(max-width: 767px)" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7038748d1802729d76c1e2410848bae344b28f29_1.png?v=1778046023"> <img src="/images/pdp/pdp3-routine-bg.webp" alt="" class="absolute inset-0 h-full w-full object-cover object-[60%_center]" loading="lazy" decoding="async" width="1440" height="980"> </picture> <div class="absolute inset-0 bg-[linear-gradient(90deg,rgba(0,0,0,0.46)_0%,rgba(0,0,0,0.24)_58%,rgba(0,0,0,0.34)_100%)]"></div> <div class="relative z-10 mx-auto flex min-h-[920px] w-full max-w-[1440px] flex-col justify-between px-[16px] py-[56px] md:min-h-[980px] md:px-[42px] md:pb-[52px] md:pt-[120px]"> <div class="flex flex-col gap-[32px] md:gap-[40px]"> <div class="flex flex-col gap-[24px]"> <h2 class="font-brownLight text-[28px] leading-[34px] uppercase md:text-[32px] md:leading-[35px]"> Complete your routine </h2> </div> <div class="mt-[28px] flex flex-col gap-[16px] md:mt-[48px]"> <div id="routineArrows" class="hidden justify-end gap-[8px] md:flex"> <button type="button" id="routinePrev" class="flex w-[28px] h-[28px] items-center justify-center rounded-full border border-white text-white" aria-label="Previous"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M8.75 3.5L5.25 7L8.75 10.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button type="button" id="routineNext" class="flex w-[28px] h-[28px] items-center justify-center rounded-full border border-white text-white" aria-label="Next"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M5.25 3.5L8.75 7L5.25 10.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> <div class="routine-panel overflow-x-auto scrollbar-hide scroll-smooth " data-routine-panel="day"> <div class="flex w-max gap-[8px]"> <div class="routine-slide flex w-[252px] shrink-0 flex-col gap-[16px] md:w-[325px]" data-routine-product-id="200"> <div class="border-b border-white/35 pb-[16px]"> <div class="flex items-center gap-[4px]"> <span class="flex w-[22px] h-[22px] shrink-0 items-center justify-center rounded-full border border-white font-brownRegular text-[12px] leading-none"> 1 </span> <span class="font-brownRegular text-[13px] leading-[16px] md:text-[15px]">Anti-aging serum + micro-infusion</span> </div> </div> <article class="pdp3-routine-article relative flex flex-1 flex-col gap-[16px] overflow-hidden rounded-[4px] bg-white text-black cursor-pointer" data-pdp3-routine-trigger data-product-id="200" role="button" tabindex="0" aria-label="CLINICAL BEAUTY FILLER"> <div class="relative aspect-[269.5/300] bg-white"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=6
242350&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=325&format=webp 325w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=650&format=webp 650w" sizes="(max-width: 767px) 252px, 325px" width="650" height="724" alt="CLINICAL BEAUTY FILLER" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex flex-1 flex-col justify-between p-[8px] pt-0"> <div class="flex flex-col gap-[8px]"> <p class="font-brownRegular text-[14px] leading-[16px] uppercase">CLINICAL BEAUTY FILLER</p> <p class="font-brownLight text-[14px] leading-[16px]">Anti-aging serum + micro-infusion</p> </div> <div class="flex h-[51px] items-end gap-[8px] py-[16px]"> <span class="price pdp3-routine-price font-brownLight text-[18px] leading-[16px] text-black" data-sku="218">$169.95</span> <div data-badge="discount" class="hidden discount-badge bg-[#ee4d3d] p-[6px] font-brownRegular text-[10px] leading-[10px] text-white" data-sku="218"> <span></span> </div> </div> <button type="button" class="add-to-cart h-[38px] w-full rounded-[4px] border border-[#737373] bg-white px-[18px] font-brownRegular text-[12px] leading-[16px] uppercase text-black md:text-[14px]" data-variant-id="200" data-sku="218"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="mx-auto h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path> </svg> </span> </button> </div> </article> </div><div class="routine-slide flex w-[252px] shrink-0 flex-col gap-[16px] md:w-[325px]" data-routine-product-id="9"> <div class="border-b border-white/35 pb-[16px]"> <div class="flex items-center gap-[4px]"> <span class="flex w-[22px] h-[22px] shrink-0 items-center justify-center rounded-full border border-white font-brownRegular text-[12px] leading-none"> 2 </span> <span class="font-brownRegular text-[13px] leading-[16px] md:text-[15px]">Tones and Cleanses</span> </div> </div> <article class="pdp3-routine-article relative flex flex-1 flex-col gap-[16px] overflow-hidden rounded-[4px] bg-white text-black cursor-pointer" data-pdp3-routine-trigger data-product-id="9" role="button" tabindex="0" aria-label="Micellar Water 3 in 1"> <div class="relative aspect-[269.5/300] bg-white"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=650&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=325&format=webp 325w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=650&format=webp 650w" sizes="(max-width: 767px) 252px, 325px" width="650" height="724" alt="Micellar Water 3 in 1" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex flex-1 flex-col justify-between p-[8px] pt-0"> <div class="flex flex-col gap-[8px]"> <p class="font-brownRegular text-[14px] leading-[16px] uppercase">Micellar Water 3 in 1</p> <p class="font-brownLight text-[14px] leading-[16px]">Tones and Cleanses</p> </div> <div class="flex h-[51px] items-end gap-[8px] py-[16px]"> <span class="price pdp3-routine-price font-brownLight text-[18px] leading-[16px] text-black" data-sku="53093">$26</span> <div data-badge="discount" class="hidden discount-badge bg-[#ee4d3d] p-[6px] font-brownRegular text-[10px] leading-[10px] text-white" data-sku="53093"> <span></span> </div> </div> <button type="button" class="add-to-cart h-[38px] w-full rounded-[4px] border border-[#737373] bg-white px-[18px] font-brownRegular text-[12px] leading-[16px] uppercase text-black md:text-[14px]" data-variant-id="9" data-sku="53093"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden">
2423 <svg class="mx-auto h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path> </svg> </span> </button> </div> </article> </div><div class="routine-slide flex w-[252px] shrink-0 flex-col gap-[16px] md:w-[325px]" data-routine-product-id="271"> <div class="border-b border-white/35 pb-[16px]"> <div class="flex items-center gap-[4px]"> <span class="flex w-[22px] h-[22px] shrink-0 items-center justify-center rounded-full border border-white font-brownRegular text-[12px] leading-none"> 3 </span> <span class="font-brownRegular text-[13px] leading-[16px] md:text-[15px]">Firming anti-ageing cream</span> </div> </div> <article class="pdp3-routine-article relative flex flex-1 flex-col gap-[16px] overflow-hidden rounded-[4px] bg-white text-black cursor-pointer" data-pdp3-routine-trigger data-product-id="271" role="button" tabindex="0" aria-label="CLINICAL MOLECULAR THERAPY"> <div class="relative aspect-[269.5/300] bg-white"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=650&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=325&format=webp 325w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=650&format=webp 650w" sizes="(max-width: 767px) 252px, 325px" width="650" height="724" alt="CLINICAL MOLECULAR THERAPY" class="h-full w-full object-cover" loading="lazy" decoding="async"> </div> <div class="flex flex-1 flex-col justify-between p-[8px] pt-0"> <div class="flex flex-col gap-[8px]"> <p class="font-brownRegular text-[14px] leading-[16px] uppercase">CLINICAL MOLECULAR THERAPY</p> <p class="font-brownLight text-[14px] leading-[16px]">Firming anti-ageing cream</p> </div> <div class="flex h-[51px] items-end gap-[8px] py-[16px]"> <span class="price pdp3-routine-price font-brownLight text-[18px] leading-[16px] text-black" data-sku="273">$164.95</span> <div data-badge="discount" class="hidden discount-badge bg-[#ee4d3d] p-[6px] font-brownRegular text-[10px] leading-[10px] text-white" data-sku="273"> <span></span> </div> </div> <button type="button" class="add-to-cart h-[38px] w-full rounded-[4px] border border-[#737373] bg-white px-[18px] font-brownRegular text-[12px] leading-[16px] uppercase text-black md:text-[14px]" data-variant-id="271" data-sku="273"> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="mx-auto h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path> </svg> </span> </button> </div> </article> </div> </div> </div> </div> </div> <div class="flex flex-col items-center gap-[28px] pt-[42px] md:gap-[32px] md:pt-[44px]"> <div class="flex flex-col items-center gap-[6px] text-center uppercase text-white md:gap-[16px]"> <p class="font-brownLight text-[18px] leading-[26px] md:text-[22px] md:leading-[32px]">Buy your complete routine and</p> <p id="routineSavingsText" class="font-canela-italic text-[46px] leading-[46px] md:text-[68px] md:leading-[61px]"> Save 10% </p> </div> <div data-pdp3-routine-summary class="flex w-full max-w-[820px] flex-col gap-[16px] rounded-[4px] bg-white p-[16px] text-black md:h-[72px] md:flex-row md:items-center md:gap-[16px] md:py-0 md:pl-[16px] md:pr-[16px]"> <div class="flex items-center gap-[16px] md:flex-1"> <img src="https://cdn-static.cocunat.com/Pack-EN.png" alt="" class="h-[64px] w-[64px] shrink-0 object-contain" loading="lazy" width="180" height="180"> <div class="flex min-w-0 flex-col gap-[4px] md:w-[374px] md:gap-[2px]"> <p class="font-brownRegular text-[16px] leading-[20px] uppercase"> Complete routine </p> <div class="flex flex-wrap items-end gap-[8px]"> <span id="routineFinalTotal" class="font-brownLight text-[18px] leading-[16
2423px]">$324.81</span> <span id="routineOriginalTotal" class="font-brownLight text-[14px] leading-[16px] text-[#737373] line-through ">$360.90</span> <span id="routineDiscountBadge" data-badge="discount" class="bg-[#ee4d3d] p-[6px] font-brownRegular text-[10px] leading-[10px] text-white ">-10%</span> </div> </div> </div> <button type="button" id="routineBuyFull" class="h-[48px] w-full bg-black px-[24px] font-brownRegular text-[14px] leading-[16px] uppercase text-white disabled:cursor-not-allowed disabled:opacity-40 md:w-[294px]" data-routine-buy-full> <span class="routine-buy-text">Buy and save 10%</span> <span class="routine-buy-loading hidden"> <svg class="mx-auto h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path> </svg> </span> </button> </div> </div> </div> </section> 2424 2425 <!-- Routine Quickview Modal --> 2426 <div class="pdp3-routine-quickview-overlay" id="pdp3RoutineQuickviewOverlay" aria-hidden="true"> <div class="pdp3-routine-quickview-modal" role="dialog" aria-modal="true" aria-labelledby="pdp3RoutineQuickviewName"> <button type="button" class="pdp3-routine-quickview-close" id="pdp3RoutineQuickviewClose" aria-label="Close"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"> <path d="M18 6L6 18M6 6l12 12" stroke-linecap="round"></path> </svg> </button> <div class="pdp3-routine-quickview-content"> <div class="pdp3-routine-quickview-image" id="pdp3RoutineQuickviewImage"></div> <div class="pdp3-routine-quickview-info"> <p class="pdp3-routine-quickview-step" id="pdp3RoutineQuickviewStep"></p> <h3 class="pdp3-routine-quickview-name" id="pdp3RoutineQuickviewName"></h3> <p class="pdp3-routine-quickview-subtitle" id="pdp3RoutineQuickviewSubtitle"></p> <div class="pdp3-routine-quickview-prices" id="pdp3RoutineQuickviewPrices"></div> <div class="pdp3-routine-quickview-description" id="pdp3RoutineQuickviewDescription"></div> <ul class="pdp3-routine-quickview-benefits" id="pdp3RoutineQuickviewBenefits"></ul> <button type="button" class="add-to-cart pdp3-routine-quickview-cta" id="pdp3RoutineQuickviewCta" data-variant-id="" data-sku=""> <span class="add-to-cart-text">Add to cart</span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </div> </div> </div> </div> <section class="vw-section bg-[#fcfbf6] overflow-hidden pt-[24px] pb-[24px] md:pt-[100px] md:pb-[52px]"> <div class="w-full px-[16px] md:px-[50px] max-w-[1150px] mx-auto text-center mb-[24px] md:mb-[40px]"> <h2 class="text-[20px] leading-[26px] md:text-[32px] md:leading-[36px] text-black uppercase"> <span class="hero-font-regular">+150,000 women</span> <span class="hero-font-light"> have <br> integrated it into their daily routine </span> </h2> </div> <div class="embla-scale" id="emblaScale"> <div class="embla-scale__container"> <div class="embla-scale__slide" data-index="0"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-01.webp"> <img src="/images/cbf/mobile/vw-thumb-01.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-1.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]">
2426<path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.81236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="1"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-02.webp"> <img src="/images/cbf/mobile/vw-thumb-02.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-2.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="2"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-03.webp"> <img src="/images/cbf/mobile/vw-thumb-03.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-3.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="3"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-04.webp"> <img src="/images/cbf/mobile/vw-thumb-04.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-4.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="4"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-05.webp"> <img src="/images/cbf/mobile/vw-thumb-05.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-5.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="5"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-06.webp"> <img src="/images/cbf/mobile/vw-thumb-06.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-6.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="6"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-07.webp"> <img src="/images/cbf/mobile/vw-thumb-07.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-7.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="7"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-08.webp"> <img src="/images/cbf/mobile/vw-thumb-08.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-8.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="8"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-09.webp"> <img src="/images/cbf/mobile/vw-thumb-09.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-9.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div><div class="embla-scale__slide" data-index="9"> <div class="embla-scale__inner"> <picture> <source media="(min-width: 768px)" srcset="/images/cbf/video-wall/thumb-10.webp"> <img src="/images/cbf/mobile/vw-thumb-10.webp" alt="" class="embla-scale__img" draggable="false" loading="lazy" width="1080" height="1920"> </picture> <video class="embla-scale__video" data-src="https://microsites-chi.vercel.app/videos/cbf/videowall-10.mp4" muted playsinline loop preload="none"></video> <div class="embla-scale__controls"> <div class="flex items-center"> <button type="button" class="embla-scale__btn-toggle" aria-label="Play/Pause"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-pause md:w-[14px] md:h-[14px]"><path d="M14.0625 2.25H11.25C10.9516 2.25 10.6655 2.36853 10.4545 2.5795C10.2435 2.79048 10.125 3.07663 10.125 3.375V14.625C10.125 14.9234 10.2435 15.2095 10.4545 15.4205C10.6655 15.6315 10.9516 15.75 11.25 15.75H14.0625C14.3609 15.75 14.647 15.6315 14.858 15.4205C15.069 15.2095 15.1875 14.9234 15.1875 14.625V3.375C15.1875 3.07663 15.069 2.79048 14.858 2.5795C14.647 2.36853 14.3609 2.25 14.0625 2.25ZM14.0625 14.625H11.25V3.375H14.0625V14.625ZM6.75 2.25H3.9375C3.63913 2.25 3.35298 2.36853 3.142 2.5795C2.93103 2.79048 2.8125 3.07663 2.8125 3.375V14.625C2.8125 14.9234 2.93103 15.2095 3.142 15.4205C3.35298 15.6315 3.63913 15.75 3.9375 15.75H6.75C7.04837 15.75 7.33452 15.6315 7.5455 15.4205C7.75647 15.2095 7.875 14.9234 7.875 14.625V3.375C7.875 3.07663 7.75647 2.79048 7.5455 2.5795C7.33452 2.36853 7.04837 2.25 6.75 2.25ZM6.75 14.625H3.9375V3.375H6.75V14.625Z" fill="white"></path></svg> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" class="embla-scale__ico-play hidden md:w-[14px] md:h-[14px]"><path d="M16.3406 8.04994L6.21 1.8526C6.0392 1.74801 5.84358 1.69091 5.64334 1.6872C5.44309 1.6835 5.24549 1.73331 5.07094 1.8315C4.89805 1.92817 4.75402 2.06914 4.65368 2.23993C4.55333 2.41071 4.50029 2.60514 4.5 2.80322V15.1965C4.5013 15.4936 4.62054 15.7781 4.8315 15.9873C5.04246 16.1966 5.32787 16.3135 5.625 16.3124C5.83239 16.3123 6.03575 16.2551 6.21281 16.1471L16.3406 9.94978C16.5034 9.85056 16.638 9.71113 16.7313 9.5449C16.8247 9.37867 16.8737 9.19122 16.8737 9.00057C16.8737 8.80991 16.8247 8.62246 16.7313 8.45623C16.638 8.29 16.5034 8.15057 16.3406 8.05135V8.04994ZM5.625 15.1831V2.8
24261236L15.738 8.99986L5.625 15.1831Z" fill="white"></path></svg> </button> </div> <div class="w-full h-[4px] bg-white/40 rounded-full overflow-hidden"> <div class="embla-scale__bar h-full bg-white rounded-full" style="width:0%"></div> </div> </div> </div> </div> </div> </div> <div class="flex gap-[8px] items-center justify-center mt-[24px]"> <button id="emblaScalePrev" type="button" class="w-[38px] h-[38px] rounded-full border border-[#1e1e1e] bg-white flex items-center justify-center cursor-pointer" aria-label="Previous"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M8.75 3.5L5.25 7L8.75 10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button id="emblaScaleNext" type="button" class="w-[38px] h-[38px] rounded-full border border-[#1e1e1e] bg-white flex items-center justify-center cursor-pointer" aria-label="Next"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5.25 3.5L8.75 7L5.25 10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </section> <!-- ======================= SCIENTIFICALLY BACKED ======================= --> <section id="scienceBacked" class="bg-[#fcfbf6]"> <!-- DESKTOP (>=md) --> <div class="hidden md:flex md:gap-[32px] xl:gap-[64px] items-end md:px-[40px] xl:px-[82px] pt-[100px] pb-[100px] relative"> <div class="absolute right-[40px] xl:right-[82px] top-[100px] flex gap-[8px] items-center z-10"> <button id="dPrev" type="button" class="w-[38px] h-[38px] rounded-full border border-[#1e1e1e] bg-white flex items-center justify-center cursor-pointer" aria-label="Previous"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M8.75 3.5L5.25 7L8.75 10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button id="dNext" type="button" class="w-[38px] h-[38px] rounded-full border border-[#1e1e1e] bg-white flex items-center justify-center cursor-pointer" aria-label="Next"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5.25 3.5L8.75 7L5.25 10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> <div class="md:w-[240px] lg:w-[280px] xl:w-[365px] shrink-0 self-stretch flex flex-col justify-between"> <h2 class="font-brownLight md:text-[22px] md:leading-[28px] xl:text-[32px] xl:leading-[36px] text-black uppercase">Scientifically<br>backed</h2> <div class="flex flex-col gap-[32px] mt-[40px]"> <p id="dQuote" class="font-brownLight md:text-[15px] md:leading-[22px] xl:text-[17px] xl:leading-[24px] text-black transition-opacity duration-500">“âMicroneedling delivers active ingredients where a cream canât reach. Clinical results in three hours and progressively firmer skin.â”</p> <div class="flex flex-col gap-[2px]"> <p id="dName" class="font-brownRegular text-[17px] leading-[22px] text-black transition-opacity duration-500">Anna Puigdollers</p> <p id="dRole" class="font-brownLight text-[13px] leading-[18px] text-black transition-opacity duration-500">Dermatologist · Teknon, Grupo Pedro Jaén</p> </div> </div> </div> <div id="dContainer" class="flex-1 min-w-0 relative overflow-hidden cursor-grab"> <div id="dTrack" class="absolute bottom-0 left-0 flex gap-[16px] items-end select-none" style="transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);"> <div class="derm-slide shrink-0 rounded-[4px] overflow-hidden" data-derm-real="0"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=320,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 320w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 642w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 960w" sizes="(min-width: 1280px) 22vw, 30vw" width="642" height="974" alt="Anna Puigdollers" class="w-full h-full object-cover object-top pointer-events-none" draggable="false" loading="lazy" decoding="async"> </div><div class="derm-slide shrink-0 rounded-[4px] overflow-hidden" data-derm-real="1"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,qual
2426ity=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=320,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 320w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 642w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 960w" sizes="(min-width: 1280px) 22vw, 30vw" width="642" height="974" alt="Dra. Alejandra Reolid" class="w-full h-full object-cover object-top pointer-events-none" draggable="false" loading="lazy" decoding="async"> </div><div class="derm-slide shrink-0 rounded-[4px] overflow-hidden" data-derm-real="0"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=320,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 320w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 642w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 960w" sizes="(min-width: 1280px) 22vw, 30vw" width="642" height="974" alt="Anna Puigdollers" class="w-full h-full object-cover object-top pointer-events-none" draggable="false" loading="lazy" decoding="async"> </div><div class="derm-slide shrink-0 rounded-[4px] overflow-hidden" data-derm-real="1"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=320,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 320w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=642,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 642w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=960,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 960w" sizes="(min-width: 1280px) 22vw, 30vw" width="642" height="974" alt="Dra. Alejandra Reolid" class="w-full h-full object-cover object-top pointer-events-none" draggable="false" loading="lazy" decoding="async"> </div> </div> </div> </div> <!-- MOBILE (<md) --> <div class="md:hidden flex flex-col gap-[24px] py-[40px]"> <div class="flex gap-[32px] items-start px-[16px]"> <h2 class="flex-1 font-brownLight text-[20px] leading-[26px] text-black uppercase">Scientifically<br>backed</h2> <div class="shrink-0 flex gap-[8px] items-center"> <button id="mPrev" type="button" class="w-[38px] h-[38px] rounded-full border border-[#1e1e1e] bg-white flex items-center justify-center cursor-pointer" aria-label="Previous"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M8.75 3.5L5.25 7L8.75 10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button id="mNext" type="button" class="w-[38px] h-[38px] rounded-full border border-[#1e1e1e] bg-white flex items-center justify-center cursor-pointer" aria-label="Next"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5.25 3.5L8.75 7L5.25 10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> </div> </div> <div class="flex flex-col gap-[16px]"> <div id="expertCarousel" class="flex overflow-x-auto snap-x snap-mandatory scrollbar-hide"> <div class="expert-slide w-[85%] shrink-0 snap-start pl-[16px]" data-expert-index="0"> <div class="relative rounded-[4px] overflow-hidden aspect-square transition-opacity duration-300"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=600,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=320,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 320w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=600,format=webp,quality=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 600w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=900,format=webp,qual
2426ity=90/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp 900w" sizes="85vw" width="600" height="600" alt="Anna Puigdollers" class="w-full h-full object-cover object-top" loading="lazy" decoding="async"> <div class="pointer-events-none absolute inset-x-0 bottom-0 h-[45%] bg-gradient-to-t from-black/75 via-black/35 to-transparent"></div> <div class="absolute inset-x-0 bottom-0 px-[20px] pb-[20px] flex flex-col gap-[4px]"> <p class="font-brownRegular text-[16px] leading-[20px] text-white">Anna Puigdollers</p> <p class="font-brownLight text-[14px] leading-[20px] text-white/90">Dermatologist · Teknon, Grupo Pedro Jaén</p> </div> </div> </div><div class="expert-slide w-[85%] shrink-0 snap-start pl-[16px]" data-expert-index="1"> <div class="relative rounded-[4px] overflow-hidden aspect-square transition-opacity duration-300"> <img src="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=600,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp" srcset="https://shopify-cdn.cocunat.com/cdn-cgi/image/width=320,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 320w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=600,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 600w, https://shopify-cdn.cocunat.com/cdn-cgi/image/width=900,format=webp,quality=90/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp 900w" sizes="85vw" width="600" height="600" alt="Dra. Alejandra Reolid" class="w-full h-full object-cover object-top" loading="lazy" decoding="async"> <div class="pointer-events-none absolute inset-x-0 bottom-0 h-[45%] bg-gradient-to-t from-black/75 via-black/35 to-transparent"></div> <div class="absolute inset-x-0 bottom-0 px-[20px] pb-[20px] flex flex-col gap-[4px]"> <p class="font-brownRegular text-[16px] leading-[20px] text-white">Dra. Alejandra Reolid</p> <p class="font-brownLight text-[14px] leading-[20px] text-white/90">Dermatologist MD, PhD · Hospital La Princesa</p> </div> </div> </div> </div> <div class="flex flex-col gap-[48px] px-[16px]"> <p id="mQuote" class="font-brownLight text-[18px] leading-[26px] text-black transition-opacity duration-300">“âMicroneedling delivers active ingredients where a cream canât reach. Clinical results in three hours and progressively firmer skin.â”</p> </div> </div> </div> </section> <!-- ======================= REVIEWS CAROUSEL (marquee) ======================= --> <section id="reviews" class="rev-section relative w-full overflow-hidden bg-[linear-gradient(180deg,#ffffff_0%,#f7f7f7_43%)] pb-[52px] pt-[100px]"> <div class="rev-section__content relative z-10 flex flex-col items-center gap-[40px]"> <div class="w-full max-w-[1150px] px-[16px] md:px-[50px] text-center"> <h2 class="font-brownLight text-[24px] leading-[30px] md:text-[32px] md:leading-[36px] text-black uppercase"><small class='block'>OUR CUSTOMERS</small>LOVE US</h2> </div> <div class="rev-carousel__wrap w-full overflow-hidden" id="reviewsWrap"> <div class="rev-carousel__track flex gap-[11px] w-max cursor-grab" id="reviewsTrack"> <div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">My face was melting, but this has solved it COMPLETELY.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">SANDRA M.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap">
2426 <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">Simply WOW, I can't stop touching my face! It's incredibly soft, juicy and best of all, I look younger.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">ELISA N.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">It has changed my life. I feel young and confident again.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">RAQUEL P.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap">
2426 <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">At first, I was skeptical, but I decided to give it a try. Honestly, I can't believe the difference. My wrinkles have noticeably softened, and my skin is more radiant.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">ANA M.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">
2426I no longer have the need to wear a thousand layers of makeup. I see it more illuminated than ever.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">KATHY P.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">Finally SOMETHING THAT WORKS!</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">MARÃA V.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">It is the best anti wrinkle I have ever tried.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">ELISA O.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap">
2426 <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">Nothing has ever succeeded in reducing my wrinkles until now. I feel like I'm 10 years younger.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">JENNY A.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">My face was melting, but this has solved it COMPLETELY.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">SANDRA M.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap">
2426 <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">Simply WOW, I can't stop touching my face! It's incredibly soft, juicy and best of all, I look younger.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">ELISA N.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">It has changed my life. I feel young and confident again.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">RAQUEL P.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap">
2426 <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">At first, I was skeptical, but I decided to give it a try. Honestly, I can't believe the difference. My wrinkles have noticeably softened, and my skin is more radiant.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">ANA M.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">
2426I no longer have the need to wear a thousand layers of makeup. I see it more illuminated than ever.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">KATHY P.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">Finally SOMETHING THAT WORKS!</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">MARÃA V.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">It is the best anti wrinkle I have ever tried.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">ELISA O.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap">
2426 <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div><div class="review-card shrink-0 min-h-[248px] w-[320px] sm:w-[380px] md:w-[420px] bg-white rounded-[4px] overflow-hidden flex flex-col"> <div class="review-text flex h-full min-h-[248px] flex-col gap-[16px] p-[24px]"> <div class="flex h-[18px] gap-[2px]"> <svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg><svg class="w-[18px] h-[18px]" viewBox="0 0 18 16" fill="black"><path d="M9 0L11.0206 5.52786H16.8779L12.0287 8.94427L14.0493 14.4721L9 11.0557L3.95066 14.4721L5.97131 8.94427L1.12215 5.52786H6.97937L9 0Z"></path></svg> </div> <div class="flex min-h-0 flex-1 flex-col gap-[16px] border-b border-[#d9d9d9] pb-[24px]"> <p class="font-brownLight text-[16px] leading-[20px] text-black line-clamp-6">Nothing has ever succeeded in reducing my wrinkles until now. I feel like I'm 10 years younger.</p> </div> <div class="flex items-center justify-between gap-[12px]"> <span class="font-brownRegular text-[16px] leading-[24px] text-black truncate">JENNY A.</span> <span class="flex items-center gap-[4px] font-brownLight text-[14px] text-black whitespace-nowrap"> <svg class="w-[18px] h-[18px] text-[#00c844]" viewBox="0 0 18 18" fill="currentColor" aria-hidden="true"><path d="M9 1.5L11.2 3.7L14.25 3.75L14.3 6.8L16.5 9L14.3 11.2L14.25 14.25L11.2 14.3L9 16.5L6.8 14.3L3.75 14.25L3.7 11.2L1.5 9L3.7 6.8L3.75 3.75L6.8 3.7L9 1.5Z"></path><path d="M6.2 9.1L8.1 11L11.9 7.1" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></svg> Verified buyer </span> </div> </div> </div> </div> </div> </div> </section> <!-- ======================= FAQS ======================= --> <section id="faq" class="bg-[#fcfbf6]"> <div class="flex flex-col gap-[48px] md:gap-[72px] px-[16px] md:px-[50px] py-[60px] md:py-[100px] max-w-[1440px] mx-auto"> <div class="flex flex-col md:flex-row md:items-start gap-[32px] md:gap-[8px]"> <h2 class="font-brownLight text-[26px] leading-[30px] md:text-[30px] md:leading-[38px] text-black uppercase md:w-[600px] md:shrink-0">Questions?<br />We're here to help</h2> <div class="w-full md:flex-1"> <div class="flex flex-col"> <div class="py-[24px] faq-accordion border-t border-[#d9d9d9]" data-open="true"> <button type="button" class="flex gap-[16px] items-center justify-between w-full cursor-pointer" aria-expanded="true"> <span class="font-brownRegular text-[16px] md:text-[20px] leading-normal text-black text-left">After the treatment, can I use my usual routine?</span> <svg class="w-[18px] h-[18px] shrink-0 accordion-icon" viewBox="0 0 18 18" fill="none"> <path d="M2.25 9H15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> </svg> </button> <div class="accordion-content"> <p class="font-brownLight text-[14px] md:text-[16px] leading-[22px] text-black pt-[16px]">Yes, although it is not necessary. Once we have performed the treatment, we will spread the remaining serum over the skin to enhance its absorption over the face, neck, and décolleté. 2427After 12 hours, you can apply your usual routine and makeup. IMPORTANT: On the day we use CLINICAL BEAUTY FILLER, we will not use CHEMICAL PEELINGS (CLINICAL AHA COMPLEX 10%) nor RETINOIDS (CLINICAL RETINAL 0.1) nor vitamin C (CLINICAL THE REAL C) on our skin for 48H. Importantly, remember that for the remaining 29 days, you should continue with your supportive skincare routine</p> </div> </div><div class="py-[24px] faq-accordion border-t border-[#d9d9d9]" data-open="false"> <button type="button" class="flex gap-[16px] items-center justify-between w-full cursor-pointer" aria-expanded="false"> <span class="font-brownRegular text-[16px] md:text-[20px] leading-normal text-black text-left">Does the treatment hurt?</span>
2427 <svg class="w-[18px] h-[18px] shrink-0 accordion-icon" viewBox="0 0 18 18" fill="none"> <path d="M2.25 9H15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M9 2.25V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> </svg> </button> <div class="accordion-content"> <p class="font-brownLight text-[14px] md:text-[16px] leading-[22px] text-black pt-[16px]">Absolutely NOT. 2428CLINICAL BEAUTY FILLER is a painless treatment; you may experience minimal discomfort. The ultrafine micro-needles are thinner than human hair, so it's more akin to a tickle. CLINICAL BEAUTY FILLER has been designed so that you can use it at home easily and completely painlessly. Remember that thousands of women worldwide already use it without any problem.</p> </div> </div><div class="py-[24px] faq-accordion border-t border-[#d9d9d9]" data-open="false"> <button type="button" class="flex gap-[16px] items-center justify-between w-full cursor-pointer" aria-expanded="false"> <span class="font-brownRegular text-[16px] md:text-[20px] leading-normal text-black text-left">Is the product safe?</span> <svg class="w-[18px] h-[18px] shrink-0 accordion-icon" viewBox="0 0 18 18" fill="none"> <path d="M2.25 9H15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M9 2.25V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> </svg> </button> <div class="accordion-content"> <p class="font-brownLight text-[14px] md:text-[16px] leading-[22px] text-black pt-[16px]">CLINICAL BEAUTY FILLER is a 100% safe treatment. It contains a single-use sterilized head and has been designed for a painless application that can be done from home with total peace of mind. It also meets all the necessary and mandatory tests required by regulation to be a 100% safe cosmetic.</p> </div> </div> </div> <div id="faqExtra" class="faq-extra"> <div id="faqExtraInner"> <div class="py-[24px] faq-accordion border-t border-[#d9d9d9]" data-open="false"> <button type="button" class="flex gap-[16px] items-center justify-between w-full cursor-pointer" aria-expanded="false"> <span class="font-brownRegular text-[16px] md:text-[20px] leading-normal text-black text-left">What is the difference between CLINICAL BEAUTY FILLER and other microinfusion, microneedling, or roller-blading treatments?</span> <svg class="w-[18px] h-[18px] shrink-0 accordion-icon" viewBox="0 0 18 18" fill="none"> <path d="M2.25 9H15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path><path d="M9 2.25V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"></path> </svg> </button> <div class="accordion-content"> <p class="font-brownLight text-[14px] md:text-[16px] leading-[22px] text-black pt-[16px]">The main differentiation is that the rest of the microneedling devices have opaque needles. Instead, CLINICAL BEAUTY FILLER has 0.5mm hollow needles that transport the serum into the skin with each press. 2429That's why this treatment, unlike any other, has multiplying results such as: 2430â Penetration 30 times greater than the application of any cream. 2431â Absorption 15 times greater than other treatments. 2432â 15 times more economical than the average price in aesthetics. 2433 2434We also indicate the difference with basic microneedling devices that claim to infuse. 2435Below, I list the key differences: 2436⢠Size of the application area 2437Basic devices have a much smaller area, which limits coverage and effectiveness with each application. 2438In contrast, CLINICAL BEAUTY FILLER allows for more efficient surface coverage by having a larger area of application. 2439⢠Ease of use and position 2440Basic devices depend on gravity for the serum to slide: for the serum to flow, you must place yourself in uncomfortable positions, especially in areas like the cheekbones or jawline. 2441With CLINICAL BEAUTY FILLER, a pump drives the serum even against gravity, making it easy to use in any position. 2442⢠Type of needles 2443The needles of basic devices are not hollow, which forces the serum to slide on the surface, losing efficacy. 2444The hollow needles of CLINICAL BEAUTY FILLER transport the serum directly through them, achieving 30 times greater penetration than any other system. 2445⢠Sterilization and safety of Basic devices are often purchased on platforms like AliExpress and arr
2445ive unsterilized, usually open and without sanitary control. 2446CLINICAL BEAUTY FILLER guarantees safety: its head comes in an individual bag, completely sterilized and ready to use, protecting your skin and your health. 2447⢠Efficiency and results 2448While basic devices have limited absorption, the CLINICAL BEAUTY FILLER system allows 15 times greater absorption than other microneedling. 2449Moreover, its ergonomic design makes it simple and effective, achieving results like 18.9% fewer wrinkles in 3 hours and 33.3% more firmness in 14 days, backed by independent clinical studies. 2450 2451In summary, although basic devices may seem economical, you get what you pay for. CLINICAL BEAUTY FILLER combines technology, safety, and effectiveness, offering a superior solution for your skincare.</p> </div> </div> </div> </div> <div class="border-t border-[#d9d9d9] py-[24px]"> <button id="faqViewAll" type="button" class="flex gap-[4px] items-center cursor-pointer"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="shrink-0"> <circle cx="8" cy="8" r="6.5" stroke="black" stroke-width="1.2"></circle> <path d="M5.33 8H10.67" stroke="black" stroke-width="1.2" stroke-linecap="round"></path> <path class="faq-viewall-plus" d="M8 5.33V10.67" stroke="black" stroke-width="1.2" stroke-linecap="round"></path> </svg> <span class="font-brownRegular text-[14px] md:text-[16px] leading-normal text-black" id="faqViewAllText">View all</span> </button> </div> </div> </div> </div> </section> <!-- Sticky buy button --> <div id="main-buy-button-secondary-container" class="pdp3-sticky-cta fixed left-0 right-0 z-50 pointer-events-none" aria-hidden="true" data-pdp3-sticky-cta data-sticky-save-template="Buy and save {percent}%" data-sticky-default-text="Add to Cart"> <div class="sticky-inner pointer-events-auto mx-auto max-w-[890px] lg:px-0 px-[8px]"> <div class="sticky-bar flex flex-col items-center overflow-hidden rounded-[4px] lg:flex-row lg:gap-[12px] lg:px-[12px] lg:py-[12px] lg:shadow-[0px_12px_63px_0px_rgba(0,0,0,0.1)]"> <div class="flex w-full items-center gap-[8px] px-[16px] pb-[12px] pt-[8px] lg:flex-1 lg:px-0 lg:py-0"> <div class="h-[38px] w-[38px] shrink-0 overflow-hidden rounded-[4px] bg-white lg:h-[50px] lg:w-[50px]"> <img src="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp" srcset="https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=120&format=webp 120w, https://cdn.shopify.com/s/files/1/0619/1693/8405/files/ed703bfe-b9e0-4957-a8cc-c8cf4a9f6e4a.png?v=1761921743&width=240&format=webp 240w" sizes="60px" width="120" height="120" class="sticky-cta-thumb h-full w-full object-cover" alt="CLINICAL BEAUTY FILLER | 2 MONTH" loading="lazy" decoding="async"> </div> <div class="flex min-w-0 flex-1 flex-col justify-center gap-[4px]"> <span class="truncate font-brownRegular text-[14px] leading-[16px] text-black lg:text-[16px]" data-main-product-title>CLINICAL BEAUTY FILLER | 2 MONTH</span> <div class="flex min-w-0 flex-wrap items-center gap-[8px]"> <span class="sticky-plan-label font-brownLight text-[14px] leading-[16px] text-black ">2 months</span> <span class="sticky-plan-separator h-[2px] w-[2px] shrink-0 rounded-full bg-black "></span> <div class="flex min-w-0 flex-wrap items-center gap-[8px]"> <span class="sticky-cta-price price font-brownLight text-[14px] leading-[16px] text-black" data-sku="233">$344</span> <span data-badge="discount" class="sticky-cta-discount hidden discount-badge ml-[4px] rounded-[4px] px-[9px] py-[6px] font-brownRegular text-[12px] leading-[12px] text-white" style="background-color:#ee4d3d;color:#fff;" data-sku="233"></span> <span class="hidden items-center whitespace-nowrap ml-[4px] shrink-0" data-first-purchase-pair-badge data-badge="first-purchase" data-sku="233"> <span class="rounded-[7px] bg-[#ffe1de] p-[8px] pr-[24px] text-center font-brownRegular text-[13px] leading-[12px] text-[#eb4335] uppercase" data-first-purchase-pair-label></span> <span class="ml-[-12px] rounded-[7px] bg-[#eb4335] p-[8px] text-center font-brownRegular text-[13px] leading-[12px] text-white" data-first-purchase-pair-percent></span> </span> </div> </div> </div> </div> <button id="main-buy-button-secondary" data-variant-id="201" data-sku="233" data-purchase-option="one-time" class="add-to-cart main-product-atc flex h-[48px] w-full shrink-0 cursor-pointer items-center justify-center rounded-none rounded-b-[4px] bg-black px-[24px] transition-opacity hover:opacity-90 lg:w-[360
2451px] lg:rounded-[4px]"> <span class="add-to-cart-text"> <span class="sticky-cta-text font-brownRegular text-[16px] leading-[18px] text-white text-center uppercase lg:text-[14px] lg:leading-[16px]">Add to Cart</span> </span> <span class="add-to-cart-loading hidden"> <svg class="animate-spin h-5 w-5 mx-auto 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> </div> </div> </div>
2451<script>(function(){const market = "us"; 2452const sequraCurrency = "USD"; 2453 2454 document.addEventListener('DOMContentLoaded', () => { 2455 const root = document.getElementById('product-template-3'); 2456 if (!root || market !== 'es') return; 2457 2458 const sequraPromotionWidgetContainers = Array.from(root.querySelectorAll('[data-sequra-promotion-widget-container]')); 2459 const sequraSummaryBlocks = Array.from(root.querySelectorAll('[data-pdp3-sequra-summary]')); 2460 if (!sequraPromotionWidgetContainers.length && !sequraSummaryBlocks.length) return; 2461 2462 const sequraVisibilityState = new WeakMap(); 2463 const SEQURA_RENDER_TIMEOUT_MS = 5000; 2464 const SEQURA_MAX_READY_HEIGHT = 120; 2465 const sequraConfigParams = { 2466 merchant: "cocunat", 2467 assetKey: "ksZZZ97mFd", 2468 products: ["i1", "pp3"], 2469 scriptUri: "https://live.sequracdn.com/assets/sequra-checkout.min.js", 2470 decimalSeparator: ",", 2471 thousandSeparator: ".", 2472 locale: "es-ES", 2473 currency: "EUR", 2474 }; 2475 2476 function parsePriceCents(priceText) { 2477 const compactText = String(priceText || '').replace(/\s/g, ''); 2478 const priceMatch = compactText.match(/[\d.,]+/); 2479 if (!priceMatch) return null; 2480 2481 const normalizedPrice = priceMatch[0] 2482 .replace(/\.(?=\d{3}(?:\D|$))/g, '') 2483 .replace(',', '.'); 2484 const price = Number(normalizedPrice); 2485 2486 return Number.isFinite(price) ? Math.round(price * 100) : null; 2487 } 2488 2489 function getCurrentPriceCents() { 2490 const priceElement = root.querySelector('[data-main-product-price]'); 2491 return parsePriceCents(priceElement?.textContent); 2492 } 2493 2494 function formatSequraMonthlyAmount(priceCents) { 2495 const amount = priceCents / 300; 2496 try { 2497 return new Intl.NumberFormat(document.documentElement.lang || undefined, { 2498 style: 'currency', 2499 currency: sequraCurrency, 2500 }).format(amount); 2501 } catch (error) { 2502 return `${amount.toFixed(2)} â¬`; 2503 } 2504 } 2505 2506 function syncSequraSummaries(shouldShowSequra, finalPrice) { 2507 sequraSummaryBlocks.forEach((block) => { 2508 block.classList.toggle('hidden', !shouldShowSequra); 2509 if (!shouldShowSequra || finalPrice === null) return; 2510 2511 const amountElement = block.querySelector('[data-pdp3-sequra-monthly-amount]'); 2512 if (amountElement) { 2513 amountElement.textContent = formatSequraMonthlyAmount(finalPrice); 2514 } 2515 }); 2516 } 2517 2518 function ensureSequraScript() { 2519 window.SequraConfiguration = sequraConfigParams; 2520 window.SequraOnLoad = window.SequraOnLoad || []; 2521 window.Sequra = window.Sequra || {}; 2522 window.Sequra.onLoad = window.Sequra.onLoad || function(callback) { 2523 window.SequraOnLoad.push(callback); 2524 }; 2525 2526 if (document.querySelector(`script[src="${sequraConfigParams.scriptUri}"]`)) return; 2527 2528 const sequraScript = document.createElement('script'); 2529 sequraScript.async = true; 2530 sequraScript.src = sequraConfigParams.scriptUri; 2531 sequraScript.dataset.sequraCheckout = 'true'; 2532 document.head.appendChild(sequraScript); 2533 } 2534 2535 function clearSequraVisibilityState(container) { 2536 const state = sequraVisibilityState.get(container); 2537 if (!state) return; 2538 if (state.observer) state.observer.disconnect(); 2539 if (state.timeout) window.clearTimeout(state.timeout); 2540 if (state.interval) window.clearInterval(state.interval); 2541 sequraVisibilityState.delete(container); 2542 } 2543 2544 function markSequraPending(container) { 2545 container.classList.remove('hidden'); 2546 container.classList.add('sequra-widget-pending'); 2547 } 2548 2549 function showSequraContainer(container) { 2550 container.classList.remove('hidden', 'sequra-widget-pending'); 2551 } 2552 2553 function resetSequraContainer(container, clearRenderedAmount = false) { 2554 clearSequraVisibilityState(container); 2555 container.classList.add('hidden'); 2556 container.classList.remove('sequra-widget-pending'); 2557 container.innerHTML = ''; 2558 if (clearRenderedAmount) container.removeAttribute('data-sequra-rendered-amount'); 2559 } 2560 2561 function isSequraWidgetReady(container) { 2562 const widget = container.querySelector('.sequra-promotion-widget'); 2563 const iframe = widget?.querySelector('iframe'); 2564 if (!widget || !iframe) return false;
2565 2566 const iframeSrc = iframe.getAttribute('src') || ''; 2567 const iframeRect = iframe.getBoundingClientRect(); 2568 const widgetRect = widget.getBoundingClientRect(); 2569 const hasValidSrc = Boolean(iframeSrc) && iframeSrc !== 'about:blank'; 2570 const hasReasonableHeight = 2571 iframeRect.height > 0 && 2572 iframeRect.height <= SEQURA_MAX_READY_HEIGHT && 2573 widgetRect.height > 0 && 2574 widgetRect.height <= SEQURA_MAX_READY_HEIGHT; 2575 2576 return widget.getAttribute('data-loaded') === '1' && hasValidSrc && hasReasonableHeight; 2577 } 2578 2579 function armSequraVisibility(container) { 2580 if (isSequraWidgetReady(container)) { 2581 showSequraContainer(container); 2582 return; 2583 } 2584 2585 clearSequraVisibilityState(container); 2586 markSequraPending(container); 2587 2588 const revealIfReady = () => { 2589 if (!isSequraWidgetReady(container)) return false; 2590 clearSequraVisibilityState(container); 2591 showSequraContainer(container); 2592 return true; 2593 }; 2594 2595 const observer = new MutationObserver(revealIfReady); 2596 observer.observe(container, { 2597 attributes: true, 2598 attributeFilter: ['class', 'data-loaded', 'src', 'style'], 2599 childList: true, 2600 subtree: true, 2601 }); 2602 2603 const interval = window.setInterval(revealIfReady, 250); 2604 const timeout = window.setTimeout(() => { 2605 if (!revealIfReady()) { 2606 resetSequraContainer(container, true); 2607 } 2608 }, SEQURA_RENDER_TIMEOUT_MS); 2609 2610 sequraVisibilityState.set(container, { observer, timeout, interval }); 2611 window.requestAnimationFrame(revealIfReady); 2612 } 2613
2614 function renderSequraWidgets() { 2615 const finalPrice = getCurrentPriceCents(); 2616 const shouldShowSequra = finalPrice !== null && finalPrice > 7500; 2617 2618 syncSequraSummaries(shouldShowSequra, finalPrice); 2619 2620 sequraPromotionWidgetContainers.forEach((container) => { 2621 if (!shouldShowSequra) { 2622 resetSequraContainer(container, true); 2623 return; 2624 } 2625 2626 if (container.getAttribute('data-sequra-rendered-amount') === String(finalPrice)) { 2627 armSequraVisibility(container); 2628 return; 2629 } 2630 2631 markSequraPending(container); 2632 container.setAttribute('data-sequra-rendered-amount', String(finalPrice)); 2633 container.innerHTML = ` 2634 <div 2635 class="sequra-promotion-widget -mb-3" 2636 data-amount="${finalPrice}" 2637 data-product="pp3" 2638 data-size="L" 2639 data-alignment="left" 2640 ></div> 2641 `; 2642 armSequraVisibility(container); 2643 }); 2644 2645 if (shouldShowSequra && sequraPromotionWidgetContainers.length) { 2646 ensureSequraScript(); 2647 if (window.Sequra && typeof window.Sequra.refreshComponents === 'function') { 2648 window.Sequra.refreshComponents(); 2649 } 2650 } 2651 } 2652 2653 renderSequraWidgets(); 2654 setTimeout(renderSequraWidgets, 1500); 2655 2656 const priceObserver = new MutationObserver(renderSequraWidgets); 2657 root.querySelectorAll('[data-main-product-price]').forEach((priceElement) => { 2658 priceObserver.observe(priceElement, { childList: true, characterData: true, subtree: true }); 2659 }); 2660 }); 2661})();</script>
2661
2661<script>(function(){const stickySaveTemplate = "Buy and save {percent}%"; 2662const stickyDefaultButtonText = "Add to Cart"; 2663 2664 document.addEventListener('DOMContentLoaded', () => { 2665 const cards = Array.from(document.querySelectorAll('[data-cbf-pack-card]')); 2666 const radios = Array.from(document.querySelectorAll('[data-cbf-pack-radio]')); 2667 if (!cards.length || !radios.length) return; 2668 2669 function getMainProductButtons() { 2670 return document.querySelectorAll('.add-to-cart.main-product-atc'); 2671 } 2672 2673 function getCardByVariantId(variantId) { 2674 return cards.find((card) => card.getAttribute('data-variant-id') === variantId); 2675 } 2676 2677 function getPrimaryPriceText(priceElement) { 2678 if (!priceElement) return ''; 2679 const preferredNode = priceElement.querySelector('span') || priceElement; 2680 return (preferredNode.textContent || '').trim(); 2681 } 2682 2683 function getCardDiscountText(card) { 2684 const attrDiscount = card.getAttribute('data-discount'); 2685 if (attrDiscount) return attrDiscount; 2686 2687 // Promos rewrite the hidden price to "<span>current</span><s>original</s>": 2688 // derive the percentage from there so the badge follows pack changes. 2689 const priceElement = card.querySelector('.price[data-sku]'); 2690 const currentNode = priceElement ? priceElement.querySelector('span') : null; 2691 const originalNode = priceElement ? priceElement.querySelector('s') : null; 2692 if (!currentNode || !originalNode) return ''; 2693 2694 const parsePriceNumber = (node) => { 2695 const match = (node.textContent || '').replace(/\s/g, '').match(/[\d.,]+/); 2696 if (!match) return null; 2697 const value = Number(match[0].replace(/\.(?=\d{3}(?:\D|$))/g, '').replace(',', '.')); 2698 return Number.isFinite(value) ? value : null; 2699 }; 2700 const current = parsePriceNumber(currentNode); 2701 const original = parsePriceNumber(originalNode); 2702 if (!current || !original || original <= current) return ''; 2703 return `-${Math.round(((original - current) / original) * 100)}%`; 2704 } 2705 2706 function applyMainDiscountBadgeFromCard(card) { 2707 const sku = card.getAttribute('data-sku') || ''; 2708 const discount = getCardDiscountText(card); 2709 document.querySelectorAll('[data-main-discount-badge]').forEach((element) => { 2710 if (sku) element.setAttribute('data-sku', sku); 2711 if (discount) { 2712 element.textContent = discount; 2713 element.classList.remove('hidden'); 2714 } else { 2715 element.classList.add('hidden'); 2716 } 2717 }); 2718 } 2719 2720 function getStickyCtaText(discount) { 2721 const percent = String(discount || '').replace('-', '').replace('%', '').trim(); 2722 return percent ? stickySaveTemplate.replace('{percent}', percent) : stickyDefaultButtonText; 2723 } 2724 2725 function setTextAndVisibility(element, text) { 2726 if (!element) return; 2727 const hasText = Boolean(text); 2728 element.textContent = text || ''; 2729 element.classList.toggle('hidden', !hasText); 2730 } 2731 2732 function updateStickyDataFromCard(card) { 2733 const sticky = document.getElementById('main-buy-button-secondary-container'); 2734 if (!sticky || !card) return; 2735 2736 const label = card.getAttribute('data-sticky-label') || ''; 2737 const image = card.getAttribute('data-sticky-image') || ''; 2738 const priceElement = card.querySelector('.price[data-sku]'); 2739 const priceText = getPrimaryPriceText(priceElement) || card.getAttribute('data-sticky-price') || ''; 2740 const compareText = card.getAttribute('data-compare-at-text') || ''; 2741 const discount = getCardDiscountText(card); 2742 2743 setTextAndVisibility(sticky.querySelector('.sticky-plan-label'), label); 2744 sticky.querySelector('.sticky-plan-separator')?.classList.toggle('hidden', !label); 2745 setTextAndVisibility(sticky.querySelector('.sticky-cta-discount'), discount); 2746 2747 const stickyPrice = sticky.querySelector('.sticky-cta-price'); 2748 if (stickyPrice) { 2749 stickyPrice.setAttribute('data-original-price', card.getAttribute('data-price') || ''); 2750 if (priceElement) { 2751 stickyPrice.innerHTML = priceElement.innerHTML; 2752 const skuAttr = priceElement.getAttribute('data-sku'); 2753 if (skuAttr) stickyPrice.setAttribute('data-sku', skuAttr); 2754 } else if (priceText) { 2755 stickyPrice.textContent = priceText; 2756 } 2757 } 2758 2759 const stickyText = sticky.querySelector('.sticky-cta-text'); 2760 if (stickyText) stickyText.textContent = getStickyCtaText(discount); 2761 2762 const stickyThumb = sticky.querySelector('.sticky-cta-thumb'); 2763 if (stickyThumb && image) { 2764 stickyThumb.setAttribute('src', image); 2765 stickyThumb.removeAttribute('srcset'); 2766 } 2767 } 2768 2769 function updateCardPrices() { 2770 cards.forEach((card) => { 2771 const priceElement = card.querySelector('.price[data-sku]'); 2772 const visiblePriceElement = card.querySelector('.pdp3-cbf-pack-price'); 2773 if (!priceElement || !visiblePriceElement) return; 2774 2775 const priceText = getPrimaryPriceText(priceElement); 2776 if (priceText) visiblePriceElement.textContent = priceText; 2777 2778 // Show the pre-discount price struck through: promo rewrites put it in the 2779 // hidden price's <s>; otherwise fall back to the SSR compare-at price. 2780 const compareElement = card.querySelector('.pdp3-cbf-pack-price-old'); 2781 if (!compareElement) return; 2782 const strikeNode = priceElement.querySelector('s'); 2783 const compareText = ((strikeNode && strikeNode.textContent) || '').trim() || card.getAttribute('data-compare-at-text') || ''; 2784 compareElement.textContent = compareText; 2785 compareElement.classList.toggle('hidden', !compareText); 2786 }); 2787 } 2788 2789 function syncSelectedPack(selectedRadio) { 2790 const variantId = selectedRadio.value; 2791 const sku = selectedRadio.getAttribute('data-sku') || ''; 2792 const title = selectedRadio.getAttribute('data-title') || ''; 2793 const selectedCard = getCardByVariantId(variantId); 2794 2795 radios.forEach((radio) => { 2796 radio.checked = radio.value === variantId; 2797 }); 2798 cards.forEach((card) => { 2799 card.classList.toggle('is-selected', card.getAttribute('data-variant-id') === variantId); 2800 }); 2801
2802 getMainProductButtons().forEach((button) => { 2803 button.setAttribute('data-variant-id', variantId); 2804 button.setAttribute('data-purchase-option', 'one-time'); 2805 button.removeAttribute('data-selling-plan-name'); 2806 button.removeAttribute('data-line-attributes'); 2807 if (sku) button.setAttribute('data-sku', sku); 2808 }); 2809 document.querySelectorAll('[data-pdp3-purchase-option-input][value="one-time"]').forEach((input) => { 2810 input.checked = true; 2811 }); 2812 2813 if (selectedCard) { 2814 const selectedPrice = selectedCard.querySelector('.price[data-sku]'); 2815 const selectedCompareText = selectedCard.getAttribute('data-compare-at-text') || ''; 2816 updateStickyDataFromCard(selectedCard); 2817 document.querySelectorAll('[data-main-product-price]').forEach((priceElement) => { 2818 if (selectedPrice) priceElement.innerHTML = selectedPrice.innerHTML; 2819 if (sku) priceElement.setAttribute('data-sku', sku); 2820 priceElement.setAttribute('data-original-price', selectedCard.getAttribute('data-price') || ''); 2821 priceElement.setAttribute('data-currency', selectedCard.getAttribute('data-currency') || ''); 2822 }); 2823 2824 document.querySelectorAll('[data-main-compare-price]').forEach((element) => { 2825 if (selectedCompareText) { 2826 element.textContent = selectedCompareText; 2827 element.classList.remove('hidden'); 2828 } else { 2829 element.classList.add('hidden'); 2830 } 2831 }); 2832 2833 applyMainDiscountBadgeFromCard(selectedCard); 2834 document.querySelectorAll('[data-pdp3-main-price] [data-price-breakdown]').forEach((element) => { 2835 element.setAttribute('data-sku', sku); 2836 }); 2837 document.querySelectorAll('#product-template-3 [data-first-purchase-pair-badge]').forEach((element) => { 2838 element.setAttribute('data-sku', sku); 2839 }); 2840 document.dispatchEvent(new CustomEvent('cocunat:product-selected', { 2841 detail: { 2842 sku, 2843 variantId: Number(variantId), 2844 price: Number(selectedCard.getAttribute('data-price')), 2845 currency: selectedCard.getAttribute('data-currency'), 2846 }, 2847 })); 2848 void window.cart?.applyToPricesUI?.(); 2849 } 2850 2851 if (title) { 2852 document.querySelectorAll('[data-main-product-title]').forEach((element) => { 2853 element.textContent = title; 2854 }); 2855 } 2856 } 2857 2858 radios.forEach((radio) => { 2859 radio.addEventListener('change', (event) => syncSelectedPack(event.currentTarget)); 2860 }); 2861 2862 updateCardPrices(); 2863 const initiallySelectedCard = cards.find((card) => card.classList.contains('is-selected')); 2864 if (initiallySelectedCard) updateStickyDataFromCard(initiallySelectedCard); 2865 const priceObserver = new MutationObserver(() => { 2866 updateCardPrices(); 2867 const selectedCard = cards.find((card) => card.classList.contains('is-selected')); 2868 if (selectedCard) { 2869 updateStickyDataFromCard(selectedCard); 2870 applyMainDiscountBadgeFromCard(selectedCard); 2871 } 2872 }); 2873 cards.forEach((card) => { 2874 const priceElement = card.querySelector('.price[data-sku]'); 2875 if (priceElement) { 2876 priceObserver.observe(priceElement, { childList: true, characterData: true, subtree: true }); 2877 } 2878 }); 2879 }); 2880})();</script>
2880
2880<script>(function(){const clubPlanName = "club-premium"; 2881 2882 document.addEventListener('DOMContentLoaded', () => { 2883 const root = document.getElementById('product-template-3'); 2884 if (!root) return; 2885 2886 const optionInputs = Array.from(root.querySelectorAll('[data-pdp3-purchase-option-input]')); 2887 if (!optionInputs.length) return; 2888 2889 const mainButtons = () => root.querySelectorAll('.add-to-cart.main-product-atc'); 2890 const isSubscription = (value) => value && value.toLowerCase().includes('gid://shopify/sellingplan/'); 2891 const subscriptionDetailsBlocks = () => root.querySelectorAll('[data-pdp3-club-subscription-details]'); 2892 const optionCards = () => root.querySelectorAll('[data-pdp3-plan-option]'); 2893 const clubPurchaseOptionBlocks = () => root.querySelectorAll('[data-pdp3-club-purchase-options]'); 2894 2895 // A customer must never be able to sign up for a second Club. If the cart already 2896 // holds a Club line item we keep the Club purchase widget hidden and lock the 2897 // choice to one-time. Club line items are flagged with a `sellingPlanName` of 2898 // club / club-plus / club-premium (a plain "single" subscription is NOT Club). 2899 const CLUB_SELLING_PLAN_NAMES = ['club', 'club-plus', 'club-premium']; 2900 let clubAlreadyInCart = false; 2901 // Same invariant against the customer's REAL subscriptions: with an 2902 // operational Club on the account (/api/auth/benefits â subscriptions.club) 2903 // the signup block is hidden too. A product subscription must NOT hide it. 2904 let clubActiveForCustomer = window.__cocunatClubMembership === true; 2905 2906 function cartHasClubItem(cartData) { 2907 const items = cartData && Array.isArray(cartData.items) ? cartData.items : []; 2908 return items.some((item) => item && item.sellingPlanId && CLUB_SELLING_PLAN_NAMES.includes(item.sellingPlanName)); 2909 } 2910 2911 function getSelectedPackSku() { 2912 const selectedPack = root.querySelector('[data-cbf-pack-radio]:checked'); 2913 return selectedPack ? selectedPack.getAttribute('data-sku') : ''; 2914 } 2915 2916 function syncClubPurchaseOptionsVisibility() { 2917 const selectedPackSku = getSelectedPackSku(); 2918 const packAllowsClub = !selectedPackSku || selectedPackSku === '218'; 2919 const shouldShow = packAllowsClub && !clubAlreadyInCart && !clubActiveForCustomer; 2920 2921 clubPurchaseOptionBlocks().forEach((block) => { 2922 block.classList.toggle('hidden', !shouldShow); 2923 }); 2924 } 2925 2926 function syncInputs(selectedValue) { 2927 optionInputs.forEach((input) => { 2928 input.checked = input.value === selectedValue; 2929 }); 2930 } 2931 2932 function syncOptionCards(selectedValue) { 2933 optionCards().forEach((card) => { 2934 const isSelected = card.getAttribute('data-pdp3-purchase-value') === selectedValue; 2935 card.classList.toggle('is-selected', isSelected); 2936 card.setAttribute('aria-checked', isSelected ? 'true' : 'false'); 2937 }); 2938 } 2939 2940 function syncButtons(selectedValue) { 2941 mainButtons().forEach((button) => { 2942 button.setAttribute('data-purchase-option', selectedValue); 2943 2944 if (isSubscription(selectedValue) && clubPlanName) { 2945 button.setAttribute('data-selling-plan-name', clubPlanName); 2946 } else { 2947 button.removeAttribute('data-selling-plan-name'); 2948 } 2949 }); 2950 } 2951 2952 function syncSubscriptionDetails(selectedValue) { 2953 const shouldShow = isSubscription(selectedValue); 2954 2955 subscriptionDetailsBlocks().forEach((block) => { 2956 block.classList.toggle('hidden', !shouldShow); 2957 }); 2958 } 2959 2960 let selectedOptionValue = ''; 2961 2962 function applySelection(selectedValue) { 2963 selectedOptionValue = selectedValue; 2964 syncInputs(selectedValue); 2965 syncOptionCards(selectedValue); 2966 syncButtons(selectedValue); 2967 syncSubscriptionDetails(selectedValue); 2968 syncClubPurchaseOptionsVisibility(); 2969 } 2970 2971 optionInputs.forEach((input) => { 2972 input.addEventListener('change', () => { 2973 if (input.checked) applySelection(input.value); 2974 }); 2975 }); 2976 2977 root.querySelectorAll('[data-cbf-pack-radio]').forEach((input) => { 2978 input.addEventListener('change', () => { 2979 applySelection('one-time'); 2980 }); 2981 }); 2982 2983 const checkedInput = optionInputs.find((input) => input.checked) || optionInputs[0]; 2984 applySelection(checkedInput.value); 2985 window.addEventListener('load', () => syncButtons(selectedOptionValue)); 2986 2987 function refreshClubAvailability(cartData) { 2988 clubAlreadyInCart = cartHasClubItem(cartData); 2989 if (clubAlreadyInCart) { 2990 // Lock to one-time so the hidden Club option can never be submitted. 2991 applySelection('one-time'); 2992 } else { 2993 syncClubPurchaseOptionsVisibility(); 2994 } 2995 } 2996 2997 // Resolved async by the club-membership module below (benefits fetch); 2998 // brief flash before hydration is the same behavior as the cart gate. 2999 document.addEventListener('cocunat:club-membership', (event) => { 3000 clubActiveForCustomer = !!(event && event.detail && event.detail.club); 3001 // Forzar one-time solo tiene sentido cuando el widget de Club ES la 3002 // compra. En un PDP de Product Subscription el widget comparte los 3003 // .main-product-atc: reescribirlos aquà pisarÃa el plan seleccionado
3004 // (y dejarÃa data-line-attributes huérfano en una lÃnea one-off). Ahà 3005 // basta el gate de visibilidad. 3006 if ( 3007 clubActiveForCustomer && 3008 root.getAttribute('data-product-subscription-pdp') !== 'true' 3009 ) { 3010 applySelection('one-time'); 3011 } else { 3012 syncClubPurchaseOptionsVisibility(); 3013 } 3014 }); 3015 3016 // The cart may already contain a Club (returning visitor / restored cart) and it 3017 // can change while the PDP is open â re-check on load and after every mutation. 3018 window.addEventListener('cartUpdated', (event) => refreshClubAvailability(event && event.detail)); 3019 if (window.cart && typeof window.cart.getCart === 'function') { 3020 window.cart.getCart().then(refreshClubAvailability).catch(() => {}); 3021 } else { 3022 window.addEventListener('load', () => { 3023 if (window.cart && typeof window.cart.getCart === 'function') { 3024 window.cart.getCart().then(refreshClubAvailability).catch(() => {}); 3025 } 3026 }); 3027 } 3028 }); 3029})();</script>
3029
3029<script> 3030 (function () { 3031 var root = document.getElementById('emblaScale'); 3032 if (!root) return; 3033 var slides = root.querySelectorAll('.embla-scale__slide'); 3034 var lastActive = -1; 3035 3036 function toggleVideo(slide) { 3037 var v = slide.querySelector('.embla-scale__video'); 3038 var icoPause = slide.querySelector('.embla-scale__ico-pause'); 3039 var icoPlay = slide.querySelector('.embla-scale__ico-play'); 3040 if (!v || v.style.opacity === '0') return; 3041 if (v.paused) { 3042 v.play(); 3043 if (icoPause) icoPause.classList.remove('hidden'); 3044 if (icoPlay) icoPlay.classList.add('hidden'); 3045 } else { 3046 v.pause(); 3047 if (icoPause) icoPause.classList.add('hidden'); 3048 if (icoPlay) icoPlay.classList.remove('hidden'); 3049 } 3050 } 3051 3052 slides.forEach(function (slide) { 3053 slide.addEventListener('click', function () { 3054 toggleVideo(slide); 3055 }); 3056 }); 3057 3058 window.addEventListener('embla-vw-select', function (e) { 3059 var idx = e.detail.index; 3060 if (idx === lastActive) return; 3061 lastActive = idx; 3062 3063 slides.forEach(function (slide, i) { 3064 var video = slide.querySelector('.embla-scale__video'); 3065 var controls = slide.querySelector('.embla-scale__controls'); 3066 var icoPause = slide.querySelector('.embla-scale__ico-pause'); 3067 var icoPlay = slide.querySelector('.embla-scale__ico-play'); 3068 3069 if (i === idx) { 3070 if (controls) controls.style.opacity = '1'; 3071 if (video) { 3072 if (!video.src && video.dataset.src) video.src = video.dataset.src; 3073 video.addEventListener('playing', function onPlay() { 3074 video.style.opacity = '1'; 3075 video.removeEventListener('playing', onPlay); 3076 }); 3077 video.play().catch(function () {}); 3078 if (icoPause) icoPause.classList.remove('hidden'); 3079 if (icoPlay) icoPlay.classList.add('hidden'); 3080 } 3081 } else { 3082 if (controls) controls.style.opacity = '0'; 3083 if (video) { 3084 video.pause(); 3085 video.style.opacity = '0'; 3086 } 3087 } 3088 }); 3089 }); 3090 3091 (function tick() { 3092 slides.forEach(function (slide) { 3093 var v = slide.querySelector('.embla-scale__video'); 3094 var bar = slide.querySelector('.embla-scale__bar'); 3095 if (v && bar && v.duration && !v.paused) { 3096 bar.style.width = ((v.currentTime / v.duration) * 100) + '%'; 3097 } 3098 }); 3099 requestAnimationFrame(tick); 3100 })(); 3101 })(); 3102</script>
3102
3102<script>(function(){const faqViewAllLabel = "View all"; 3103const faqViewLessLabel = "View less"; 3104 3105 (function () { 3106 function closeAcc(acc) { 3107 var content = acc.querySelector('.accordion-content'); 3108 var btn = acc.querySelector('button'); 3109 var icon = btn ? btn.querySelector('.accordion-icon') : null; 3110 if (!content || !btn) return; 3111 3112 content.style.maxHeight = content.scrollHeight + 'px'; 3113 requestAnimationFrame(function () { 3114 content.classList.add('is-closed'); 3115 content.classList.remove('is-open'); 3116 content.style.maxHeight = '0'; 3117 }); 3118 acc.setAttribute('data-open', 'false'); 3119 btn.setAttribute('aria-expanded', 'false'); 3120 if (icon) icon.innerHTML = '<path d="M2.25 9H15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"/><path d="M9 2.25V15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"/>'; 3121 } 3122 3123 function openAcc(acc) { 3124 var content = acc.querySelector('.accordion-content'); 3125 var btn = acc.querySelector('button'); 3126 var icon = btn ? btn.querySelector('.accordion-icon') : null; 3127 if (!content || !btn) return; 3128 3129 content.classList.remove('hidden', 'is-closed'); 3130 content.classList.add('is-open'); 3131 content.style.maxHeight = content.scrollHeight + 'px'; 3132 acc.setAttribute('data-open', 'true'); 3133 btn.setAttribute('aria-expanded', 'true'); 3134 if (icon) icon.innerHTML = '<path d="M2.25 9H15.75" stroke="black" stroke-width="1.5" stroke-linecap="round"/>'; 3135 } 3136 3137 document.querySelectorAll('#product-template-3 .faq-accordion').forEach(function (acc) { 3138 var content = acc.querySelector('.accordion-content'); 3139 if (!content) return; 3140 3141 if (acc.getAttribute('data-open') === 'true') { 3142 content.classList.remove('hidden'); 3143 content.classList.add('is-open'); 3144 content.style.maxHeight = content.scrollHeight + 'px'; 3145 } else { 3146 content.classList.add('is-closed'); 3147 content.classList.remove('hidden'); 3148 content.style.maxHeight = '0'; 3149 } 3150 }); 3151 3152 document.querySelectorAll('#product-template-3 .faq-accordion button').forEach(function (btn) { 3153 btn.addEventListener('click', function () { 3154 var accordion = this.closest('.faq-accordion'); 3155 if (!accordion) return; 3156 var isOpen = accordion.getAttribute('data-open') === 'true'; 3157 3158 if (isOpen) { 3159 closeAcc(accordion); 3160 } else { 3161 document.querySelectorAll('#product-template-3 .faq-accordion').forEach(function (other) { 3162 if (other !== accordion && other.getAttribute('data-open') === 'true') { 3163 closeAcc(other); 3164 } 3165 }); 3166 openAcc(accordion); 3167 } 3168 3169 try { 3170 var label = (this.querySelector('span')?.textContent || this.textContent || '') 3171 .replace(/[+-]/g, '') 3172 .replace(/\s+/g, ' ') 3173 .trim(); 3174 var currentUrl = new URL(window.location.href); 3175 document.dispatchEvent(new CustomEvent('EventPDPInteraction', { 3176 detail: { 3177 market: currentUrl.pathname.split('/')[1].replace('/', ''), 3178 url: window.location.href, 3179 section: label, 3180 section_action: isOpen ? 'Close' : 'Open' 3181 } 3182 })); 3183 } catch (e) { 3184 console.error(e); 3185 } 3186 3187 requestAnimationFrame(updateExtraHeight); 3188 }); 3189 }); 3190 3191 var viewAllBtn = document.getElementById('faqViewAll'); 3192 var viewAllText = document.getElementById('faqViewAllText'); 3193 var viewAllPlus = viewAllBtn ? viewAllBtn.querySelector('.faq-viewall-plus') : null; 3194 var extraWrapper = document.getElementById('faqExtra'); 3195 var extraInner = document.getElementById('faqExtraInner'); 3196 var expanded = false; 3197 3198 function updateExtraHeight() { 3199 if (expanded && extraWrapper && extraInner) { 3200 extraWrapper.style.height = extraInner.scrollHeight + 'px'; 3201 } 3202 } 3203 3204 if (viewAllBtn && extraWrapper && extraInner) { 3205 viewAllBtn.addEventListener('click', function () { 3206 expanded = !expanded; 3207 3208 if (expanded) { 3209 extraWrapper.style.height = extraInner.scrollHeight + 'px'; 3210 if (viewAllPlus) viewAllPlus.style.opacity = '0'; 3211 } else { 3212 extraWrapper.querySelectorAll('.faq-accordion').forEach(function (acc) { 3213 if (acc.getAttribute('data-open') === 'true') closeAcc(acc); 3214 }); 3215 requestAnimationFrame(function () { 3216 extraWrapper.style.height = '0px'; 3217 if (viewAllPlus) viewAllPlus.style.opacity = ''; 3218 }); 3219 } 3220 3221 if (viewAllText) viewAllText.textContent = expanded ? faqViewLessLabel : faqViewAllLabel; 3222 }); 3223 3224 if (window.ResizeObserver) { 3225 var ro = new ResizeObserver(function () { 3226 if (!expanded) return;
3227 extraWrapper.style.transition = 'none'; 3228 extraWrapper.style.height = extraInner.scrollHeight + 'px'; 3229 extraWrapper.offsetHeight; 3230 extraWrapper.style.transition = ''; 3231 }); 3232 ro.observe(extraInner); 3233 } 3234 } 3235 })(); 3236})();</script>
3236 <!-- Mobile gallery carousel (touch swipe + thumbnails) + category tabs -->
3236<script> 3237 (function () { 3238 var slider = document.getElementById('pdp3MobileCarousel'); 3239 if (!slider) return; 3240 var wrapper = slider.querySelector('.carousel-track'); 3241 var slides = wrapper ? wrapper.children : []; 3242 var thumbs = document.querySelectorAll('.pdp3-mobile-thumb'); 3243 var catTabs = document.querySelectorAll('.pdp3-cat-tab-mobile'); 3244 var slideData = []; 3245 if (!wrapper || slides.length === 0) return; 3246 3247 var total = slides.length; 3248 var currentIndex = 0; 3249 var startX = 0; 3250 var isSwiping = false; 3251 3252 wrapper.style.width = total * 100 + '%'; 3253 for (var i = 0; i < slides.length; i++) { 3254 slides[i].style.width = (100 / total) + '%'; 3255 var v = slides[i].querySelector('video'); 3256 slideData.push({ hasVideo: !!v }); 3257 } 3258 3259 function syncCatTab() { 3260 if (!catTabs.length) return; 3261 var slide = slides[currentIndex]; 3262 var cat = slide ? slide.getAttribute('data-category') : 'producto'; 3263 // Videos may come with category === 'video' or inferred 3264 if (slide && slide.querySelector('video')) cat = 'video'; 3265 for (var i = 0; i < catTabs.length; i++) { 3266 var active = catTabs[i].getAttribute('data-cat') === cat; 3267 catTabs[i].classList.toggle('bg-black', active); 3268 catTabs[i].classList.toggle('text-white', active); 3269 catTabs[i].classList.toggle('text-black', !active); 3270 } 3271 } 3272 3273 function update(idx) { 3274 currentIndex = (idx + total) % total; 3275 wrapper.style.transform = 'translateX(-' + (currentIndex * 100 / total) + '%)'; 3276 for (var i = 0; i < thumbs.length; i++) { 3277 thumbs[i].style.borderColor = i === currentIndex ? '#000' : 'transparent'; 3278 } 3279 syncCatTab(); 3280 } 3281 3282 for (var j = 0; j < thumbs.length; j++) { 3283 (function (k) { 3284 thumbs[k].addEventListener('click', function () { update(k); }); 3285 })(j); 3286 } 3287 3288 for (var m = 0; m < catTabs.length; m++) { 3289 (function (tab) { 3290 tab.addEventListener('click', function () { 3291 var idx = parseInt(tab.getAttribute('data-idx') || '0', 10); 3292 update(idx); 3293 }); 3294 })(catTabs[m]); 3295 } 3296 3297 slider.addEventListener('touchstart', function (e) { 3298 startX = e.touches[0].clientX; 3299 isSwiping = true; 3300 }, { passive: true }); 3301 3302 slider.addEventListener('touchmove', function (e) { 3303 if (!isSwiping) return; 3304 var diff = startX - e.touches[0].clientX; 3305 if (Math.abs(diff) > 50) { 3306 update(diff > 0 ? currentIndex + 1 : currentIndex - 1); 3307 isSwiping = false; 3308 } 3309 }, { passive: true }); 3310 3311 slider.addEventListener('touchend', function () { isSwiping = false; }); 3312 3313 update(0); 3314 })(); 3315 3316 // Desktop category tabs (swap visible pane) 3317 (function () { 3318 var tabs = document.querySelectorAll('.pdp3-cat-tab'); 3319 if (!tabs.length) return; 3320 var panes = document.querySelectorAll('.pdp3-hero-pane'); 3321 3322 function activate(key) { 3323 panes.forEach(function (p) { 3324 var match = p.getAttribute('data-pane') === key; 3325 p.classList.toggle('hidden', !match); 3326 var vid = p.querySelector('video'); 3327 if (vid) { 3328 if (match) vid.play().catch(function () {}); 3329 else { vid.pause(); vid.currentTime = 0; } 3330 } 3331 });
3332 tabs.forEach(function (t) { 3333 var active = t.getAttribute('data-cat') === key; 3334 t.classList.toggle('bg-black', active); 3335 t.classList.toggle('text-white', active); 3336 t.classList.toggle('text-black', !active); 3337 }); 3338 } 3339 3340 tabs.forEach(function (t) { 3341 t.addEventListener('click', function () { 3342 var key = t.getAttribute('data-cat'); 3343 if (key) activate(key); 3344 }); 3345 }); 3346 })(); 3347</script>
3347 <!-- Complete routine carousel -->
3347<script>(function(){const routineProductsJSON = "{\"day\":[{\"id\":200,\"variant_id\":200,\"platform_variant_id\":\"gid://shopify/ProductVariant/47765267644762\",\"sku\":\"218\",\"handle\":\"clinical-beauty-filler\",\"routine_step_title\":\"\",\"step\":\"Anti-aging serum + micro-infusion\",\"title\":\"CLINICAL BEAUTY FILLER\",\"subtitle\":\"Anti-aging serum + micro-infusion\",\"price\":169.95,\"currency\":\"USD\",\"priceText\":\"$169.95\",\"compareAt\":0,\"compareAtText\":\"\",\"discount\":\"\",\"image\":\"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606&width=650&format=webp\",\"label\":\"\"},{\"id\":9,\"variant_id\":9,\"platform_variant_id\":\"gid://shopify/ProductVariant/41955061629093\",\"sku\":\"53093\",\"handle\":\"micellar-water-3-in-1-toning-cleanser-200ml\",\"routine_step_title\":\"\",\"step\":\"Tones and Cleanses\",\"title\":\"Micellar Water 3 in 1\",\"subtitle\":\"Tones and Cleanses\",\"price\":26,\"currency\":\"USD\",\"priceText\":\"$26\",\"compareAt\":0,\"compareAtText\":\"\",\"discount\":\"\",\"image\":\"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/53093CocunatAguaMicelar_0.jpg?v=1726557536&width=650&format=webp\",\"label\":\"\"},{\"id\":271,\"variant_id\":271,\"platform_variant_id\":\"gid://shopify/ProductVariant/49980836381018\",\"sku\":\"273\",\"handle\":\"clinical-molecular-therapy\",\"routine_step_title\":\"\",\"step\":\"Firming anti-ageing cream\",\"title\":\"CLINICAL MOLECULAR THERAPY\",\"subtitle\":\"Firming anti-ageing cream\",\"price\":164.95,\"currency\":\"USD\",\"priceText\":\"$164.95\",\"compareAt\":0,\"compareAtText\":\"\",\"discount\":\"\",\"image\":\"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623&width=650&format=webp\",\"label\":\"\"}],\"night\":[]}"; 3348const lang = "en"; 3349const market = "us"; 3350const routineLabels = {"saveDefault":"Save up to 20%","saveWithPercent":"Save {percent}%","buyFullRoutine":"Buy complete routine","buyWithPercent":"Buy and save {percent}%"}; 3351const benefitsTrans = {"benefit1":"Improves brightness","benefit2":"Reduces wrinkles","benefit3":"Prevents signs of aging","benefit4":"Protects against free radicals","benefit5":"Firms skin","benefit6":"Nourishes skin","benefit7":"Reduces dark spots","benefit8":"Reduces nasolabial folds","benefit9":"Removes dead skin cells","benefit10":"Reduces roughness","benefit11":"Soft and smooth skin","benefit12":"Improves elasticity","benefit13":"Boosts your routine","benefit14":"Cell renewal","benefit15":"Anti-aging treatment","benefit16":"Reduces cell damage","benefit17":"Immediate and long-lasting results","benefit18":"Cell regeneration","benefit19":"Reduces cell damage","benefit20":"Cell regeneration"}; 3352 3353 (function () { 3354 var PRODUCTS_BY_TAB = JSON.parse(routineProductsJSON || '{}'); 3355 var panels = document.querySelectorAll('[data-routine-panel]'); 3356 if (!panels.length) return; 3357 var tabs = document.querySelectorAll('[data-routine-tab]'); 3358 var arrows = document.getElementById('routineArrows'); 3359 var prev = document.getElementById('routinePrev'); 3360 var next = document.getElementById('routineNext'); 3361 var buyFull = document.getElementById('routineBuyFull'); 3362 var activeKey = panels[0].getAttribute('data-routine-panel') || 'day'; 3363 var isAddingRoutine = false; 3364 var subscriberDiscountPercentage = 0; 3365 3366 function getActiveProducts() { 3367 return PRODUCTS_BY_TAB[activeKey] || []; 3368 } 3369 3370 function formatRoutineCurrency(amount, currency) { 3371 try { 3372 return new Intl.NumberFormat(undefined, { style: 'currency', currency: currency || 'EUR' }).format(Number(amount || 0)); 3373 } catch (error) { 3374 return (Number(amount || 0).toFixed(2)) + ' ' + (currency || 'EUR'); 3375 } 3376 } 3377 3378 function getRoutineTierDiscount(count) { 3379 if (count >= 4) return 0.20; 3380 if (count === 3) return 0.10; 3381 if (count === 2) return 0.05; 3382 return 0; 3383 } 3384 3385 function getActivePanel() { 3386 return document.querySelector('[data-routine-panel="' + activeKey + '"]'); 3387 } 3388 3389 function setRoutineLoading(isLoading) { 3390 if (!buyFull) return; 3391 var text = buyFull.querySelector('.routine-buy-text'); 3392 var loading = buyFull.querySelector('.routine-buy-loading'); 3393 buyFull.disabled = isLoading; 3394 if (text) text.classList.toggle('hidden', isLoading); 3395 if (loading) loading.classList.toggle('hidden', !isLoading); 3396 } 3397 3398 function updateRoutineSummary() { 3399 var products = getActiveProducts(); 3400 var count = products.length; 3401 var currency = products[0] && products[0].currency ? products[0].currency : 'EUR'; 3402 var originalTotal = products.reduce(function (sum, product) { return sum + Number(product.price || 0); }, 0); 3403 var discount = Math.min( 3404 1, 3405 getRoutineTierDiscount(count) + (subscriberDiscountPercentage / 100), 3406 ); 3407 var percent = Math.round(discount * 100); 3408 var finalTotal = discount > 0 ? originalTotal * (1 - discount) : originalTotal; 3409 var savingsText = document.getElementById('routineSavingsText'); 3410 var finalTotalText = document.getElementById('routineFinalTotal'); 3411 var originalTotalText = document.getElementById('routineOriginalTotal'); 3412 var discountBadge = document.getElementById('routineDiscountBadge'); 3413 var buyText = buyFull ? buyFull.querySelector('.routine-buy-text') : null; 3414 3415 if (savingsText) savingsText.textContent = percent > 0 ? routineLabels.saveWithPercent.replace('{percent}', String(percent)) : routineLabels.saveDefault; 3416 if (finalTotalText) finalTotalText.textContent = formatRoutineCurrency(finalTotal, currency); 3417 if (originalTotalText) { 3418 originalTotalText.textContent = formatRoutineCurrency(originalTotal, currency); 3419 originalTotalText.classList.toggle('hidden', percent <= 0); 3420 } 3421 if (discountBadge) { 3422 discountBadge.textContent = '-' + percent + '%'; 3423 discountBadge.classList.toggle('hidden', percent <= 0); 3424 } 3425 if (buyText) buyText.textContent = percent > 0 ? routineLabels.buyWithPercent.replace('{percent}', String(percent)) : routineLabels.buyFullRoutine; 3426 } 3427 3428 function addFullRoutineToCart() { 3429 if (isAddingRoutine) return; 3430 var products = getActiveProducts(); 3431 var items = products 3432 .filter(function (product) { return product && product.variant_id; }) 3433 .map(function (product) { 3434 return { variant_id: product.variant_id, quantity: 1 }; 3435 }); 3436 3437 if (!items.length) return; 3438 3439 isAddingRoutine = true; 3440 setRoutineLoading(true); 3441 3442 var cartClient = window.cart; 3443 var createPackRequest = cartClient && typeof cartClient.createPack === 'function' 3444 ? cartClient.createPack(items, market, lang) 3445 : Promise.reject(new Error('Cart is not ready')); 3446 3447 createPackRequest 3448 .then(function (data) { 3449 if (data && data.uuid) { 3450 try {
3451 products.forEach(function (product) { 3452 var addedItem = null; 3453 if (data.items) { 3454 for (var i = 0; i < data.items.length; i++) { 3455 if (data.items[i].variant_id === product.variant_id) { 3456 addedItem = data.items[i]; 3457 break; 3458 } 3459 } 3460 } 3461 document.dispatchEvent(new CustomEvent('EventAddToCart', { 3462 detail: { 3463 market: market, 3464 url: window.location.href, 3465 platform_variant_id: product.platform_variant_id, 3466 productId: product.sku, 3467 productName: product.title, 3468 price: product.price, 3469 currency: product.currency, 3470 rawAddedItem: addedItem, 3471 rawCartData: data, 3472 }, 3473 })); 3474 }); 3475 } catch (trackErr) { 3476 console.error('[Routine Pack] Tracking event error', trackErr); 3477 } 3478 } else { 3479 console.error('[Routine Pack] Unexpected response', data); 3480 } 3481 }) 3482 .catch(function (error) { 3483 console.error('[Routine Pack] Failed to add routine to cart', error); 3484 }) 3485 .finally(function () { 3486 isAddingRoutine = false; 3487 setRoutineLoading(false); 3488 }); 3489 } 3490 3491 function setArrowsVisibility() { 3492 if (!arrows) return; 3493 var panel = getActivePanel(); 3494 var canScroll = panel && panel.scrollWidth > panel.clientWidth + 2; 3495 var isDesktop = window.matchMedia('(min-width: 768px)').matches; 3496 arrows.style.display = canScroll && isDesktop ? 'flex' : 'none'; 3497 } 3498 3499 function scrollByCard(direction) { 3500 var panel = getActivePanel(); 3501 if (!panel) return; 3502 var firstSlide = panel.querySelector('.routine-slide'); 3503 var distance = firstSlide ? firstSlide.getBoundingClientRect().width + 8 : 333; 3504 panel.scrollBy({ left: direction * distance, behavior: 'smooth' }); 3505 } 3506 3507 function activate(key) { 3508 activeKey = key; 3509 panels.forEach(function (panel) { 3510 var active = panel.getAttribute('data-routine-panel') === key; 3511 panel.classList.toggle('hidden', !active); 3512 if (active) panel.scrollLeft = 0; 3513 });
3514 tabs.forEach(function (tab) { 3515 var active = tab.getAttribute('data-routine-tab') === key; 3516 tab.classList.toggle('border-white', active); 3517 tab.classList.toggle('border-transparent', !active); 3518 }); 3519 window.requestAnimationFrame(setArrowsVisibility); 3520 updateRoutineSummary(); 3521 } 3522 3523 if (prev) prev.addEventListener('click', function () { scrollByCard(-1); }); 3524 if (next) next.addEventListener('click', function () { scrollByCard(1); }); 3525 if (buyFull) buyFull.addEventListener('click', addFullRoutineToCart); 3526 tabs.forEach(function (tab) { 3527 tab.addEventListener('click', function () { 3528 var key = tab.getAttribute('data-routine-tab'); 3529 if (key) activate(key); 3530 }); 3531 }); 3532 3533 window.addEventListener('resize', setArrowsVisibility); 3534 window.addEventListener('load', setArrowsVisibility); 3535 activate(activeKey); 3536 3537 var routineBenefitsGeneration = 0; 3538 function refreshRoutineSubscriberBenefit() { 3539 var generation = ++routineBenefitsGeneration; 3540 fetch( 3541 (window.__API_LESS_URL || 'https://api-less.cocunat.com') + '/api/auth/benefits', 3542 { credentials: 'include', cache: 'no-store' }, 3543 ) 3544 .then(function (response) { return response.ok ? response.json() : null; }) 3545 .then(function (data) { 3546 if (generation !== routineBenefitsGeneration) return; 3547 subscriberDiscountPercentage = data?.subscriberDiscount?.eligible === true 3548 ? Math.min(100, Number(data.subscriberDiscount.percentage) || 0) 3549 : 0; 3550 updateRoutineSummary(); 3551 }) 3552 .catch(function () { 3553 if (generation !== routineBenefitsGeneration) return; 3554 subscriberDiscountPercentage = 0; 3555 updateRoutineSummary(); 3556 }); 3557 } 3558 document.addEventListener('cocunat:identity-changed', refreshRoutineSubscriberBenefit); 3559 refreshRoutineSubscriberBenefit(); 3560 3561 // ââ Routine product quickview modal ââ 3562 var qvOverlay = document.getElementById('pdp3RoutineQuickviewOverlay'); 3563 var qvClose = document.getElementById('pdp3RoutineQuickviewClose'); 3564 var qvImage = document.getElementById('pdp3RoutineQuickviewImage'); 3565 var qvStep = document.getElementById('pdp3RoutineQuickviewStep'); 3566 var qvName = document.getElementById('pdp3RoutineQuickviewName'); 3567 var qvSubtitle = document.getElementById('pdp3RoutineQuickviewSubtitle'); 3568 var qvPrices = document.getElementById('pdp3RoutineQuickviewPrices'); 3569 var qvDescription = document.getElementById('pdp3RoutineQuickviewDescription'); 3570 var qvBenefits = document.getElementById('pdp3RoutineQuickviewBenefits'); 3571 var currentQuickviewProductId = null; 3572 3573 function getQuickviewCta() { 3574 return document.getElementById('pdp3RoutineQuickviewCta'); 3575 } 3576 3577 function getRoutineProductById(id) { 3578 var stringId = String(id); 3579 var allProducts = (PRODUCTS_BY_TAB.day || []).concat(PRODUCTS_BY_TAB.night || []); 3580 for (var i = 0; i < allProducts.length; i++) { 3581 if (String(allProducts[i].id) === stringId) return allProducts[i]; 3582 } 3583 return null; 3584 } 3585 3586 function escapeHtml(str) { 3587 return String(str == null ? '' : str) 3588 .replace(/&/g, '&') 3589 .replace(/</g, '<') 3590 .replace(/>/g, '>') 3591 .replace(/"/g, '"') 3592 .replace(/'/g, '''); 3593 } 3594 3595 function resolveBenefitLabel(value) { 3596 if (value == null) return ''; 3597 if (typeof value === 'object') { 3598 return String(value.title || value.label || ''); 3599 } 3600 var key = 'benefit' + value; 3601 if (benefitsTrans && benefitsTrans[key]) return String(benefitsTrans[key]); 3602 return String(value); 3603 } 3604 3605 function buildQuickviewPricesHTML(product) { 3606 var html = '<span class="pdp3-routine-quickview-price">' + escapeHtml(product.priceText || '') + '</span>'; 3607 if (product.compareAtText) { 3608 html += '<span class="pdp3-routine-quickview-compare">' + escapeHtml(product.compareAtText) + '</span>'; 3609 } 3610 if (product.discount) { 3611 html += '<span class="pdp3-routine-quickview-discount" data-badge="discount">' + escapeHtml(product.discount) + '</span>'; 3612 } 3613 return html; 3614 } 3615 3616 function openQuickview(productId) { 3617 if (!qvOverlay) return; 3618 var product = getRoutineProductById(productId); 3619 if (!product) return; 3620 currentQuickviewProductId = String(product.id); 3621 3622 var imgAlt = escapeHtml(product.title || ''); 3623 qvImage.innerHTML = product.image 3624 ? '<img src="' + escapeHtml(product.image) + '" alt="' + imgAlt + '" loading="lazy" decoding="async" />' 3625 : ''; 3626 qvStep.textContent = product.step || ''; 3627 qvName.textContent = product.title || ''; 3628 qvSubtitle.textContent = product.subtitle || ''; 3629 qvPrices.innerHTML = buildQuickviewPricesHTML(product); 3630 qvDescription.innerHTML = '<div class="pdp3-routine-quickview-loading"><div class="pdp3-routine-quickview-spinner"></div></div>'; 3631 qvBenefits.innerHTML = ''; 3632 var qvCta = getQuickviewCta(); 3633 if (qvCta) { 3634 qvCta.setAttribute('data-variant-id', String(product.variant_id || ''));
3635 qvCta.setAttribute('data-sku', String(product.sku || '')); 3636 } 3637 3638 qvOverlay.classList.add('is-open'); 3639 qvOverlay.setAttribute('aria-hidden', 'false'); 3640 document.body.classList.add('pdp3-routine-quickview-open'); 3641 3642 if (!product.handle) { 3643 qvDescription.innerHTML = product.subtitle ? escapeHtml(product.subtitle) : ''; 3644 return; 3645 } 3646 3647 var detailUrl = (window.__API_LESS_URL || 'https://api-less.cocunat.com') 3648 + '/api/products/' + encodeURIComponent(product.handle) 3649 + '?lang=' + lang.toUpperCase() + '&market=' + market.toLowerCase(); 3650 3651 fetch(detailUrl, { headers: { 'Content-Type': 'application/json' } }) 3652 .then(function (res) { return res.ok ? res.json() : null; }) 3653 .then(function (data) { 3654 if (!data || currentQuickviewProductId !== String(productId)) return; 3655 var prod = data.product || data; 3656 var description = prod.short_description || prod.subtitle || product.subtitle || ''; 3657 qvDescription.innerHTML = description; 3658
3659 var rawBenefits = prod.benefits_list; 3660 var benefits = []; 3661 if (typeof rawBenefits === 'string') { 3662 benefits = rawBenefits.split(',').map(function (s) { return s.trim(); }).filter(Boolean); 3663 } else if (Array.isArray(rawBenefits)) { 3664 benefits = rawBenefits; 3665 } 3666 if (benefits.length > 0) { 3667 qvBenefits.innerHTML = benefits 3668 .map(function (b) { return '<li>' + escapeHtml(resolveBenefitLabel(b)) + '</li>'; }) 3669 .join(''); 3670 } 3671 }) 3672 .catch(function () { 3673 if (currentQuickviewProductId !== String(productId)) return; 3674 qvDescription.innerHTML = product.subtitle ? escapeHtml(product.subtitle) : ''; 3675 }); 3676 } 3677 3678 function closeQuickview() { 3679 if (!qvOverlay) return; 3680 qvOverlay.classList.remove('is-open'); 3681 qvOverlay.setAttribute('aria-hidden', 'true'); 3682 document.body.classList.remove('pdp3-routine-quickview-open'); 3683 currentQuickviewProductId = null; 3684 } 3685 3686 if (qvOverlay && qvClose) { 3687 qvClose.addEventListener('click', closeQuickview); 3688 qvOverlay.addEventListener('click', function (event) { 3689 if (event.target.closest && event.target.closest('#pdp3RoutineQuickviewCta')) { 3690 window.setTimeout(closeQuickview, 250); 3691 return; 3692 } 3693 if (event.target === qvOverlay) closeQuickview(); 3694 }); 3695 document.addEventListener('keydown', function (event) { 3696 if (event.key === 'Escape' && qvOverlay.classList.contains('is-open')) closeQuickview(); 3697 }); 3698 } 3699 3700 document.querySelectorAll('[data-pdp3-routine-trigger]').forEach(function (trigger) { 3701 trigger.addEventListener('click', function (event) { 3702 if (event.target.closest('.add-to-cart')) return; 3703 var productId = trigger.getAttribute('data-product-id'); 3704 if (productId) openQuickview(productId); 3705 }); 3706 trigger.addEventListener('keydown', function (event) { 3707 if (event.key !== 'Enter' && event.key !== ' ') return; 3708 if (event.target.closest('.add-to-cart')) return; 3709 event.preventDefault(); 3710 var productId = trigger.getAttribute('data-product-id'); 3711 if (productId) openQuickview(productId); 3712 }); 3713 }); 3714 })(); 3715})();</script>
3715 <!-- How-it-works mobile carousel -->
3715<script> 3716 (function () { 3717 var slider = document.getElementById('howMobileCarousel'); 3718 if (!slider) return; 3719 var track = slider.querySelector('.how-track'); 3720 var cards = track ? track.children : []; 3721 if (!track || cards.length === 0) return; 3722 3723 var total = cards.length; 3724 var currentIndex = 0; 3725 var startX = 0; 3726 var isSwiping = false; 3727 3728 function update(idx) { 3729 currentIndex = (idx + total) % total; 3730 for (var i = 0; i < cards.length; i++) { 3731 cards[i].style.opacity = i === currentIndex ? '1' : '0.5'; 3732 } 3733 var card = cards[currentIndex]; 3734 if (card && card.scrollIntoView) { 3735 card.scrollIntoView({ behavior: 'smooth', inline: 'start', block: 'nearest' }); 3736 } 3737 } 3738 3739 slider.addEventListener('touchstart', function (e) { 3740 startX = e.touches[0].clientX; 3741 isSwiping = true; 3742 }, { passive: true }); 3743 slider.addEventListener('touchmove', function (e) { 3744 if (!isSwiping) return; 3745 var diff = startX - e.touches[0].clientX; 3746 if (Math.abs(diff) > 50) { 3747 update(diff > 0 ? currentIndex + 1 : currentIndex - 1); 3748 isSwiping = false; 3749 } 3750 }, { passive: true }); 3751 slider.addEventListener('touchend', function () { isSwiping = false; }); 3752 3753 var prev = document.getElementById('howPrev'); 3754 var next = document.getElementById('howNext'); 3755 if (prev) prev.addEventListener('click', function () { update(currentIndex - 1); }); 3756 if (next) next.addEventListener('click', function () { update(currentIndex + 1); }); 3757 3758 update(0); 3759 })(); 3760</script>
3760
3760<script>(function(){const scientificClaimsData = [{"quote":"âMicroneedling delivers active ingredients where a cream canât reach. Clinical results in three hours and progressively firmer skin.â","name":"Anna Puigdollers","role":"Dermatologist · Teknon, Grupo Pedro Jaén","image":"https://shopify-cdn.cocunat.com/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp"},{"quote":"âIn 8 years as a dermatologist, I had never seen anything like this. From the very first use: fewer wrinkles, more firmness and radiance with 1 application per month.â","name":"Dra. Alejandra Reolid","role":"Dermatologist MD, PhD · Hospital La Princesa","image":"https://shopify-cdn.cocunat.com/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp"}]; 3761 3762 window.__scientificClaimsData = scientificClaimsData; 3763 // How-it-works desktop: progressive disclosure 3764 (function () { 3765 const cards = document.querySelectorAll('.how-desk-card'); 3766 if (!cards.length) return; 3767 let selectedCard = null; 3768 3769 function activateCard(target) { 3770 cards.forEach((card) => { 3771 const video = card.querySelector('.how-desk-video'); 3772 const desc = card.querySelector('.how-desk-desc'); 3773 const dim = card.querySelector('.how-desk-dim'); 3774 const isTarget = card === target; 3775 3776 if (isTarget) { 3777 card.classList.add('how-desk--active'); 3778 card.style.transform = 'scale(1)'; 3779 card.style.boxShadow = '0 16px 48px rgba(0,0,0,0.12)'; 3780 if (video && !video.src && video.dataset.src) video.src = video.dataset.src; 3781 if (video) video.play().catch(() => {}); 3782 if (desc) { desc.style.maxHeight = '120px'; desc.style.opacity = '1'; desc.style.marginTop = '10px'; } 3783 if (dim) dim.style.opacity = '0'; 3784 } else { 3785 card.classList.remove('how-desk--active'); 3786 card.style.transform = 'scale(0.92)'; 3787 card.style.boxShadow = ''; 3788 if (video) { video.pause(); video.currentTime = 0; } 3789 if (desc) { desc.style.maxHeight = '0'; desc.style.opacity = '0'; desc.style.marginTop = '0'; } 3790 if (dim) dim.style.opacity = '1'; 3791 } 3792 }); 3793 } 3794 3795 function resetCards() { 3796 cards.forEach((card) => { 3797 const video = card.querySelector('.how-desk-video'); 3798 const desc = card.querySelector('.how-desk-desc'); 3799 const dim = card.querySelector('.how-desk-dim'); 3800 3801 card.classList.remove('how-desk--active'); 3802 card.style.transform = 'scale(0.92)'; 3803 card.style.boxShadow = ''; 3804 if (video) { video.pause(); video.currentTime = 0; } 3805 if (desc) { desc.style.maxHeight = '0'; desc.style.opacity = '0'; desc.style.marginTop = '0'; } 3806 if (dim) dim.style.opacity = '1'; 3807 }); 3808 } 3809 3810 cards.forEach((card) => { 3811 card.addEventListener('mouseenter', () => { 3812 activateCard(card); 3813 }); 3814 card.addEventListener('mouseleave', () => { 3815 if (selectedCard) activateCard(selectedCard); 3816 else resetCards(); 3817 }); 3818 card.addEventListener('click', () => { 3819 selectedCard = card; 3820 activateCard(card); 3821 }); 3822 card.addEventListener('keydown', (event) => { 3823 if (event.key !== 'Enter' && event.key !== ' ') return; 3824 event.preventDefault(); 3825 selectedCard = card; 3826 activateCard(card); 3827 }); 3828 }); 3829 })(); 3830 3831 // Scientific backing carousel â desktop translateX + mobile snap (infinite loop) 3832 (function () { 3833 var root = document.getElementById('scienceBacked'); 3834 if (!root) return; 3835 3836 var dContainer = document.getElementById('dContainer'); 3837 var dTrack = document.getElementById('dTrack'); 3838 var dQuote = document.getElementById('dQuote'); 3839 var dName = document.getElementById('dName'); 3840 var dRole = document.getElementById('dRole'); 3841 var slidesAll = dTrack ? dTrack.querySelectorAll('.derm-slide') : []; 3842 var n = Math.max(1, slidesAll.length / 2); 3843 function idx(i) { return ((i % n) + n) % n; } 3844 3845 // === DESKTOP === 3846 var dBusy = false; 3847 var GAP = 16; 3848 var dPos = 0; 3849 3850 function getVisibleCount() { return window.innerWidth < 1280 ? 2 : 3; } 3851 3852 function getSizes() { 3853 if (!dContainer) return { bigW: 321, smallW: 240, bigH: 487, smallH: 364, count: 3 }; 3854 var cw = dContainer.offsetWidth; 3855 var count = getVisibleCount(); 3856 var gaps = (count - 1) * GAP; 3857 var available = cw - gaps; 3858 var bigRatio = count === 2 ? 0.55 : 0.36; 3859 var bigW = Math.round(available * bigRatio);
3860 var smallW = Math.round((available - bigW) / (count - 1)); 3861 var aspectRatio = 487 / 321; 3862 var bigH = Math.round(bigW * aspectRatio); 3863 var smallH = Math.round(smallW * aspectRatio); 3864 return { bigW: bigW, smallW: smallW, bigH: bigH, smallH: smallH, count: count }; 3865 } 3866 3867 function updateDesktopSlides() { 3868 if (!dTrack) return; 3869 var slides = dTrack.querySelectorAll('.derm-slide'); 3870 var s = getSizes(); 3871 for (var i = 0; i < slides.length; i++) { 3872 if (i === dPos) { 3873 slides[i].style.width = s.bigW + 'px'; 3874 slides[i].style.height = s.bigH + 'px'; 3875 } else { 3876 slides[i].style.width = s.smallW + 'px'; 3877 slides[i].style.height = s.smallH + 'px'; 3878 } 3879 } 3880 } 3881 3882 function getDesktopOffset() { 3883 var s = getSizes(); 3884 return dPos * (s.smallW + GAP); 3885 } 3886 3887 function setDesktopPosition(animate) { 3888 if (!dTrack) return; 3889 var slides = dTrack.querySelectorAll('.derm-slide'); 3890 if (!animate) { 3891 dTrack.style.transition = 'none'; 3892 for (var i = 0; i < slides.length; i++) slides[i].style.transition = 'none'; 3893 dTrack.style.transform = 'translateX(-' + getDesktopOffset() + 'px)'; 3894 // Force reflow 3895 dTrack.offsetHeight; 3896 dTrack.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1)'; 3897 for (var j = 0; j < slides.length; j++) slides[j].style.transition = ''; 3898 } else { 3899 dTrack.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1)'; 3900 dTrack.style.transform = 'translateX(-' + getDesktopOffset() + 'px)'; 3901 } 3902 } 3903 3904 function updateDesktopText() { 3905 var realIdx = idx(dPos); 3906 var item = window.__scientificClaimsData && window.__scientificClaimsData[realIdx]; 3907 if (!item) { 3908 // Fallback: read from a slide's data attributes if needed 3909 var slide = dTrack && dTrack.querySelectorAll('.derm-slide')[realIdx]; 3910 item = { quote: '', name: '', role: '' }; 3911 if (slide) { 3912 var img = slide.querySelector('img'); 3913 if (img) item.name = img.alt || ''; 3914 } 3915 } 3916 if (dQuote) dQuote.textContent = 'â' + (item.quote || '') + 'â'; 3917 if (dName) dName.textContent = item.name || ''; 3918 if (dRole) dRole.textContent = item.role || ''; 3919 } 3920 3921 function desktopGo(dir) { 3922 if (dBusy) return; 3923 dBusy = true; 3924 [dQuote, dName, dRole].forEach(function (el) { if (el) el.style.opacity = '0'; }); 3925 if (dir === -1 && dPos === 0) { 3926 dPos = n; 3927 updateDesktopSlides(); 3928 setDesktopPosition(false); 3929 } 3930 dPos += dir; 3931 updateDesktopSlides(); 3932 setDesktopPosition(true); 3933 setTimeout(function () { 3934 updateDesktopText(); 3935 [dQuote, dName, dRole].forEach(function (el) { if (el) el.style.opacity = '1'; }); 3936 }, 250); 3937 setTimeout(function () { 3938 if (dPos >= n) { 3939 dPos = idx(dPos); 3940 updateDesktopSlides(); 3941 setDesktopPosition(false); 3942 } 3943 dBusy = false; 3944 }, 650); 3945 } 3946 3947 function setContainerHeight() { 3948 if (!dContainer) return; 3949 var s = getSizes(); 3950 dContainer.style.height = s.bigH + 'px'; 3951 } 3952 3953 if (dTrack && dContainer) { 3954 setContainerHeight(); 3955 updateDesktopSlides(); 3956 setDesktopPosition(false); 3957 window.addEventListener('resize', function () { 3958 setContainerHeight(); 3959 updateDesktopSlides(); 3960 setDesktopPosition(false); 3961 }); 3962 3963 var dPrevBtn = document.getElementById('dPrev'); 3964 var dNextBtn = document.getElementById('dNext'); 3965 if (dPrevBtn) dPrevBtn.addEventListener('click', function () { desktopGo(-1); }); 3966 if (dNextBtn) dNextBtn.addEventListener('click', function () { desktopGo(1); }); 3967 3968 // Drag/swipe 3969 var dDragging = false, dStartX = 0, dDragDist = 0; 3970 var DRAG_THRESHOLD = 40; 3971 dContainer.addEventListener('mousedown', function (e) { 3972 if (dBusy) return; 3973 dDragging = true; dStartX = e.clientX; dDragDist = 0; 3974 dContainer.style.cursor = 'grabbing'; 3975 e.preventDefault(); 3976 }); 3977 dContainer.addEventListener('dragstart', function (e) { e.preventDefault(); }); 3978 window.addEventListener('mousemove', function (e) { 3979 if (!dDragging) return; 3980 dDragDist = e.clientX - dStartX; 3981 }); 3982 window.addEventListener('mouseup', function () { 3983 if (!dDragging) return; 3984 dDragging = false;
3985 dContainer.style.cursor = 'grab'; 3986 if (Math.abs(dDragDist) > DRAG_THRESHOLD) desktopGo(dDragDist > 0 ? -1 : 1); 3987 }); 3988 dContainer.addEventListener('touchstart', function (e) { 3989 if (dBusy) return; 3990 dDragging = true; dStartX = e.touches[0].clientX; dDragDist = 0; 3991 }, { passive: true }); 3992 dContainer.addEventListener('touchmove', function (e) { 3993 if (!dDragging) return; 3994 dDragDist = e.touches[0].clientX - dStartX; 3995 }, { passive: true }); 3996 dContainer.addEventListener('touchend', function () { 3997 if (!dDragging) return; 3998 dDragging = false; 3999 if (Math.abs(dDragDist) > DRAG_THRESHOLD) desktopGo(dDragDist > 0 ? -1 : 1); 4000 }); 4001 } 4002 4003 // === MOBILE: snap scroll with clones for infinite loop === 4004 var carousel = document.getElementById('expertCarousel'); 4005 var mQ = document.getElementById('mQuote'); 4006 var CLONE_COUNT = 2; 4007 var mCurrent = 0; 4008 4009 function updateMobileText(realIndex) { 4010 if (realIndex === mCurrent) return; 4011 mCurrent = realIndex; 4012 if (mQ) mQ.style.opacity = '0'; 4013 setTimeout(function () { 4014 var item = window.__scientificClaimsData && window.__scientificClaimsData[realIndex]; 4015 if (mQ && item) mQ.textContent = 'â' + (item.quote || '') + 'â'; 4016 if (mQ) mQ.style.opacity = '1'; 4017 }, 200); 4018 } 4019 4020 if (carousel) { 4021 var realSlides = carousel.querySelectorAll('.expert-slide'); 4022 for (var ci = 0; ci < CLONE_COUNT; ci++) { 4023 var pre = realSlides[realSlides.length - CLONE_COUNT + ci].cloneNode(true); 4024 pre.setAttribute('data-expert-clone', 'true'); 4025 carousel.insertBefore(pre, carousel.firstChild); 4026 } 4027 for (var ci2 = 0; ci2 < CLONE_COUNT;
4027 ci2++) { 4028 var app = realSlides[ci2].cloneNode(true); 4029 app.setAttribute('data-expert-clone', 'true'); 4030 carousel.appendChild(app); 4031 } 4032 4033 var mSlides = carousel.querySelectorAll('.expert-slide'); 4034 var mobileInited = false; 4035 4036 function getStep() { 4037 return mSlides.length > 1 ? mSlides[1].offsetLeft - mSlides[0].offsetLeft : mSlides[0].offsetWidth; 4038 } 4039 4040 function initMobile() { 4041 var step = getStep(); 4042 if (step > 0 && !mobileInited) { 4043 carousel.scrollLeft = CLONE_COUNT * step; 4044 mobileInited = true; 4045 } 4046 } 4047 4048 initMobile(); 4049 for (var j = 0; j < mSlides.length; j++) { 4050 var sc = mSlides[j].querySelector('div'); 4051 if (sc) sc.style.opacity = (j === CLONE_COUNT) ? '1' : '0.4'; 4052 } 4053 4054 window.addEventListener('resize', function () { 4055 if (window.innerWidth < 768) { 4056 setTimeout(initMobile, 50); 4057 } else { 4058 mobileInited = false; 4059 } 4060 }); 4061 4062 var ticking = false; 4063 carousel.addEventListener('scroll', function () { 4064 if (!ticking) { 4065 requestAnimationFrame(function () { 4066 var step = getStep(); 4067 if (step <= 0) { ticking = false; return; } 4068 var rawIndex = Math.round(carousel.scrollLeft / step); 4069 var realIndex = rawIndex - CLONE_COUNT; 4070 var displayIndex = ((realIndex % n) + n) % n; 4071 updateMobileText(displayIndex); 4072 for (var k = 0; k < mSlides.length; k++) { 4073 var sContainer = mSlides[k].querySelector('div'); 4074 if (sContainer) sContainer.style.opacity = (k === rawIndex) ? '1' : '0.4'; 4075 } 4076 ticking = false; 4077 }); 4078 ticking = true; 4079 } 4080 }, { passive: true }); 4081 4082 var scrollTimer = null; 4083 carousel.addEventListener('scroll', function () { 4084 clearTimeout(scrollTimer); 4085 scrollTimer = setTimeout(function () { 4086 var step = getStep(); 4087 if (step <= 0) return; 4088 var rawIndex = Math.round(carousel.scrollLeft / step); 4089 var realIndex = rawIndex - CLONE_COUNT; 4090 var needsJump = false; 4091 var targetScrollLeft; 4092 if (realIndex < 0) { 4093 targetScrollLeft = (rawIndex + n) * step; 4094 needsJump = true; 4095 } else if (realIndex >= n) { 4096 targetScrollLeft = (rawIndex - n) * step; 4097 needsJump = true; 4098 } 4099 if (needsJump) { 4100 var allSlides = carousel.querySelectorAll('.expert-slide'); 4101 allSlides.forEach(function (s) { 4102 var c = s.firstElementChild; if (c) c.style.transition = 'none'; 4103 s.style.scrollSnapAlign = 'none'; 4104 }); 4105 carousel.style.scrollSnapType = 'none'; 4106 carousel.style.scrollBehavior = 'auto'; 4107 carousel.scrollLeft = targetScrollLeft; 4108 carousel.style.scrollBehavior = ''; 4109 requestAnimationFrame(function () { 4110 requestAnimationFrame(function () { 4111 carousel.style.scrollSnapType = ''; 4112 allSlides.forEach(function (s) { 4113 var c = s.firstElementChild; if (c) c.style.transition = ''; 4114 s.style.scrollSnapAlign = ''; 4115 }); 4116 }); 4117 }); 4118 } 4119 }, 100); 4120 }, { passive: true }); 4121 4122 var mPrevBtn = document.getElementById('mPrev'); 4123 var mNextBtn = document.getElementById('mNext'); 4124 if (mPrevBtn) mPrevBtn.addEventListener('click', function () { 4125 var step = getStep(); 4126 if (step > 0) carousel.scrollBy({ left: -step, behavior: 'smooth' }); 4127 }); 4128 if (mNextBtn) mNextBtn.addEventListener('click', function () { 4129 var step = getStep(); 4130 if (step > 0) carousel.scrollBy({ left: step, behavior: 'smooth' }); 4131 }); 4132 } 4133 })(); 4134 4135 // Reviews marquee drag + momentum 4136 (function () { 4137 const track = document.getElementById('reviewsTrack'); 4138 const wrap = document.getElementById('reviewsWrap'); 4139 if (!track || !wrap) return; 4140 4141 function setDuration() { 4142 const s = track.scrollWidth / 2 / 50; 4143 track.style.setProperty('--marquee-duration', s + 's'); 4144 } 4145 setDuration(); 4146 window.addEventListener('resize', setDuration); 4147 4148 let isDragging = false, didDrag = false, startX = 0, lastX = 0, lastTime = 0;
4149 let currentTranslate = 0, velocity = 0, rafId = 0; 4150 4151 function getX() { return new DOMMatrix(getComputedStyle(track).transform).m41; } 4152 function wrapX(x) { 4153 const half = track.scrollWidth / 2; 4154 return x > 0 ? x - half : x < -half ? x + half : x; 4155 } 4156 function resumeAt(x) { 4157 const half = track.scrollWidth / 2; 4158 const dur = parseFloat(track.style.getPropertyValue('--marquee-duration')) || 60; 4159 track.style.transition = 'none'; 4160 track.style.animation = 'none'; 4161 track.style.transform = 'translateX(' + x + 'px)'; 4162 track.offsetHeight; 4163 track.style.animation = 'reviewsScroll ' + dur + 's linear infinite'; 4164 track.style.animationDelay = '-' + (dur * Math.abs(x) / half) + 's'; 4165 } 4166 function momentum() { 4167 cancelAnimationFrame(rafId); 4168 (function step() { 4169 velocity *= 0.95; 4170 if (Math.abs(velocity) < 0.5) { resumeAt(getX()); return; } 4171 track.style.transform = 'translateX(' + wrapX(getX() + velocity) + 'px)'; 4172 rafId = requestAnimationFrame(step); 4173 })(); 4174 } 4175 function onStart(e) { 4176 cancelAnimationFrame(rafId); 4177 startX = lastX = e.touches ? e.touches[0].clientX : e.clientX; 4178 currentTranslate = getX(); 4179 isDragging = true; didDrag = false; 4180 lastTime = Date.now(); velocity = 0; 4181 } 4182 function onMove(e) { 4183 if (!isDragging) return; 4184 const x = e.touches ? e.touches[0].clientX : e.clientX; 4185 const diff = x - startX; 4186 if (!didDrag && Math.abs(diff) < 8) return; 4187 if (!didDrag) { 4188 didDrag = true; 4189 track.classList.add('is-dragging');
4190 track.style.animation = 'none'; 4191 track.style.transition = 'none'; 4192 track.style.transform = 'translateX(' + currentTranslate + 'px)'; 4193 if (e.cancelable) e.preventDefault(); 4194 } 4195 const now = Date.now(), dt = now - lastTime; 4196 if (dt > 0) { velocity = (x - lastX) / dt * 16; lastX = x; lastTime = now; } 4197 track.style.transform = 'translateX(' + wrapX(currentTranslate + diff) + 'px)'; 4198 } 4199 function onEnd() { 4200 if (!isDragging) return; 4201 isDragging = false; 4202 if (!didDrag) return; 4203 didDrag = false; 4204 track.classList.remove('is-dragging'); 4205 velocity = Math.max(-30, Math.min(30, velocity)); 4206 Math.abs(velocity) > 1 ? momentum() : resumeAt(getX()); 4207 } 4208 4209 wrap.addEventListener('dragstart', (e) => e.preventDefault()); 4210 wrap.addEventListener('mousedown', onStart); 4211 window.addEventListener('mousemove', onMove); 4212 window.addEventListener('mouseup', onEnd); 4213 wrap.addEventListener('touchstart', onStart, { passive: true }); 4214 wrap.addEventListener('touchmove', onMove, { passive: false }); 4215 wrap.addEventListener('touchend', onEnd); 4216 })(); 4217 4218 // Sticky secondary buy button 4219 (function () { 4220 const sticky = document.getElementById('main-buy-button-secondary-container'); 4221 if (!sticky) return; 4222 4223 let isVisible = false; 4224 let scrollRaf = 0; 4225 4226 function show() { 4227 if (isVisible) return; 4228 sticky.classList.add('is-visible'); 4229 sticky.setAttribute('aria-hidden', 'false'); 4230 isVisible = true; 4231 } 4232 4233 function hide() { 4234 if (!isVisible) return; 4235 sticky.classList.remove('is-visible'); 4236 sticky.setAttribute('aria-hidden', 'true'); 4237 isVisible = false; 4238 } 4239 4240 function isRendered(element) { 4241 if (!element || !element.getClientRects().length) return false; 4242 const styles = window.getComputedStyle(element); 4243 return styles.display !== 'none' && styles.visibility !== 'hidden'; 4244 } 4245 4246 function getCtaTargets() { 4247 return Array.from(document.querySelectorAll('[data-pdp3-main-cta], .add-to-cart.main-product-atc')) 4248 .filter((target) => !target.closest('#main-buy-button-secondary-container')); 4249 } 4250 4251 const finalCta = document.getElementById('final-cta'); 4252 4253 function rectIntersectsViewport(rect, viewportHeight) { 4254 return rect.top < viewportHeight && rect.bottom > 0; 4255 } 4256 4257 function evaluate() { 4258 const viewportHeight = window.innerHeight || document.documentElement.clientHeight; 4259 const ctaTargets = getCtaTargets().filter(isRendered); 4260 if (!ctaTargets.length) { 4261 hide(); 4262 return; 4263 } 4264 4265 const ctaRects = ctaTargets.map((target) => target.getBoundingClientRect()); 4266 const anyCtaVisible = ctaRects.some((rect) => rectIntersectsViewport(rect, viewportHeight)); 4267 const anyCtaScrolledPast = ctaRects.some((rect) => rect.bottom <= 0); 4268 const finalCtaRect = finalCta && isRendered(finalCta) ? finalCta.getBoundingClientRect() : null; 4269 const finalCtaVisible = finalCtaRect 4270 ? finalCtaRect.top < viewportHeight - 160 && finalCtaRect.bottom > 0 4271 : false; 4272 4273 if (!anyCtaVisible && anyCtaScrolledPast && !finalCtaVisible) show(); 4274 else hide(); 4275 } 4276 4277 function requestEvaluate() { 4278 if (scrollRaf) return; 4279 scrollRaf = requestAnimationFrame(() => { 4280 scrollRaf = 0; 4281 evaluate(); 4282 }); 4283 } 4284 4285 window.addEventListener('scroll', requestEvaluate, { passive: true }); 4286 window.addEventListener('resize', requestEvaluate); 4287 window.addEventListener('orientationchange', requestEvaluate); 4288 4289 if (window.visualViewport && window.innerWidth < 1024) { 4290 const visualViewport = window.visualViewport; 4291 let raf = 0; 4292 4293 function applyBottom() { 4294 raf = 0; 4295 const layoutHeight = document.documentElement.clientHeight; 4296 const windowHeight = window.innerHeight; 4297 const baseHeight = Math.max(layoutHeight, windowHeight); 4298 const gap = Math.max(0, baseHeight - (visualViewport.offsetTop + visualVie
4298wport.height)); 4299 sticky.style.bottom = `${gap + 8}px`; 4300 } 4301 4302 function syncBottom() { 4303 if (raf) return; 4304 raf = requestAnimationFrame(applyBottom); 4305 } 4306 4307 visualViewport.addEventListener('resize', syncBottom); 4308 visualViewport.addEventListener('scroll', syncBottom); 4309 window.addEventListener('resize', syncBottom); 4310 window.addEventListener('scroll', syncBottom, { passive: true }); 4311 window.addEventListener('orientationchange', syncBottom); 4312 applyBottom(); 4313 } 4314 4315 if (document.readyState === 'complete') { 4316 setTimeout(evaluate, 50); 4317 } else { 4318 window.addEventListener('load', () => setTimeout(evaluate, 50)); 4319 } 4320 })(); 4321})();</script>
4321
4321<script>(function(){const product = {"title":"CLINICAL BEAUTY FILLER","child_title":"1 month","handle":"clinical-beauty-filler","subtitle":"Anti-aging serum + micro-infusion","routine_step_title":"","thumbnail":null,"thumbnail_ugc":null,"short_description":"<p>The new generation of skincare: <u>JUST ONE APPLICATION PER MONTH, and in</u><strong><u> 3 hours, 25,1% fewer wrinkles.</u></strong></p>","long_description":"<p><strong>1 APPLICATION, -25.1% WRINKLES.</strong></p><p>Aesthetic medicine at home.</p><p>Anti-aging treatment that combines an ultra-concentrated serum applied with the micro-infusion technique. Its delivery system reaches where creams can't: <u>30 times deeper</u>.</p><p><br><strong><u>GREATER PENETRATION = BETTER RESULTS.</u></strong></p><p>Painless. Easy. Safe.</p><p><br>It contains <u>Hyaluronic Acid</u> of 3 molecular weights and Peptides inspired by aesthetic medicine, such as Matrixyl® (filler) that fills wrinkles, and Argireline® (botox-like). This combination visibly tightens, reduces, and fills wrinkles, with immediate and lasting results in 3 hours:<br></p><p>â¢<strong> At 3 hours </strong>post-application, wrinkles decrease by <strong>25,1%</strong>*</p><p>â¢<strong> At 24 hours</strong>, elasticity<strong> </strong>increases by <strong>24.2%</strong>*</p><p>â¢<strong> At 14 days </strong>post-application,<strong> </strong>firmness increases by <strong>33.3%</strong>* </p><p></p><p><em><small class=\"cocunat-wysiwyg-small\">*Results from an independent clinical test over 14 days, one application, on 30 volunteers. </small></em></p><p><em><small class=\"cocunat-wysiwyg-small\">^Argireline® is a trademark of Lubrizol Advanced Materials, Inc., or its affiliates.</small></em><br><br><strong>FILLS. SMOOTHES. FIRMS.</strong></p><p>At home. <u>In 5 minutes</u>.</p>","is_indicated_for_me":"","subscription_claim":"","hide_search":0,"banner_one_url":"","cross_selling_title":"","upsells_json":[],"child_products":{"skus":["233","23611"],"default_sku":"233"},"sku":"218","platform_variant_id":"gid://shopify/ProductVariant/47765267644762","price":{"amount":169.95,"currency":"USD","market":"us"},"ingredients":"INGREDIENTS / INGREDIENTES: INGREDIENTS / INGREDIENTES: AQUA (WATER), PROPANEDIOL, PENTYLENE GLYCOL, GLYCERIN, ACETYL HEXAPEPTIDE-8, PALMITOYL TRIPEPTIDE-38*, SODIUM HYALURONATE, HYDROLYZED HYALURONIC ACID, SODIUM ACETYLATED HYALURONATE, SQUALENE, BETA-SITOSTEROL, LEVULINIC ACID, CELLULOSE GUM, GLYCERYL CAPRYLATE, HYDROGENATED PHOSPHATIDYLCHOLINE, LYSOLECITHIN, LECITHIN, CHONDRUS CRISPUS (CARRAGEENAN) POWDER, CERATONIA SILIQUA GUM, SODIUM PHYTATE, GLUCOSE, HYDROXYPROPYL CYCLODEXTRIN, CAPRYLYL GLYCOL, SODIUM BENZOATE, TOCOPHEROL, CITRIC ACID, POTASSIUM SORBATE, PHYTIC ACID\n\n*Ingredient from sustainable farming. RSPO/MB / Ingrediente procedente de cultivo sostenible. RSPO/MB","ingredients_title":"","ingredients_description":"<p></p>","new_ingredients_headings":[{"value":"99.87%","label":"Naturally Derived Ingredients"}],"new_ingredients_lists":[{"name":"Argireline® Peptide","description":"Botox Like - Lifting effect, firmer skin and collagen stimulation."},{"name":"Matrixyl® (Péptido)","description":"Wrinkle filler. Ensures optimal tissue architecture."},{"name":"Rebuilder Active","description":"It's a biomimetic vesicle that recovers firmness and elasticity."},{"name":"Hyaluronic Acidcomplex","description":"a combination of 3 hyaluronic acids of different molecular weights â Hydrates, fills and tightens."}],"new_ingredients_note":"","ingredients_image":"","ingredients_old_image1":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/INT-Ingredientes-Infografia-CBF_01.jpg?v=1706190484","ingredients_old_image2":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/INT-Ingredientes-Infografia-CBF_02.jpg?v=1706190484","benefits_list":"2,5,14,15,17","gallery_preview":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/CBF_1.jpg?v=1726497416","before_image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061","after_image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068","reviews_stars":5,"reviews_count":10,"before_after_title":"PROVEN CLINICAL RESULTS","before_after_description":"","before_after_claims":[{"stats":"25.1%","description":"WRINKLES DECREASE AT 3H"},{"stats":"24.2%","description":"ELASTICITY INCREASES AT 24 H"},{"stats":"33.3%","description":"FIRMNESS INCREASES AT 14 DAYS"}
4321],"variant_id":200,"invoice_short_description":"","invoice_long_description":"Iluminating face serum","invoice_fda":"","invoice_content":"5ml / 0,17 fl. Oz + 5ml / 0,17 fl. Oz","invoice_hscode":"3304.99.99","invoice_envase":"Tube","invoice_pack_breakdown":false,"weight_grams":0,"keywords":"clinical beauty filler, anti-aging microneedling serum, monthly anti-aging treatment, microneedle hyaluronic serum, at-home microneedling device, peptide wrinkle filler serum, hyaluronic acid multi-molecular serum, rapid wrinkle reduction serum, high-penetration skincare, professional-grade microneedling serum, botox alternative peptide serum, long-lasting anti-wrinkle treatment, skin tightening microneedle serum, advanced microneedling applicator, concentrated anti-aging serum","pdp_info_note":"","listing_type":"regular","countdown_date":null,"product_importance":"empty","product_tags_image_list":"1","view_counter":0,"low_stock":0,"out_of_stock":0,"subscription_type":"none","gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013","https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4"],"gallery_images":[{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333","category":"before_and_after"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341","category":"before_and_after"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013","category":"producto"},{"url":"https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4","category":"video"}],"banners":[{"type":"component-base","title":"STAR <s><i>INGREDIENT</i></s>","description":"<p><strong><u>INTRAEPIDERMAL PENETRATION APPLICATOR</u></strong><br></p><img src=\"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5f519afa-789a-4ff0-aeca-533bce1e7e27.gif?v=1735034992&width=1200&format=webp\"><p></p><p>With CLINICAL BEAUTY FILLER, we've <em>\"<u>Democratized aesthetic medicine</u>\"</em> for this, we've combined the benefits of the microneedling technique with direct intraepidermal penetration. Each press transports the serum, achieving absorption <u>30 times greater than</u> any other cream. <br><br>GREATER PENETRATION â BETTER RESULTS<br> <br>Its device works on several fronts:</p><ul><li><p><strong>COLLAGEN BIO-STIMULATOR</strong>: With its medical-grade hollow needles, pathways are created that trigger an increase in collagen and elastin production, leading to <u>more firmness and fewer wrinkles</u>.</p></li><li><p><strong>ACTIVE INGREDIENT PENETRATION:</strong> Its ultra-fine hollow needles transport the concentrated serum to the skin, accelerating the absorption of active ingredients and thus increasing their efficacy. </p></li></ul><p><strong>Results:</strong></p><p><u>30X </u>+ penetration than the application of any other cream or serum </p><p><u>15X </u>+ absorption than any other microneedling treatment </p><p><u>15X</u> + economical than the average price of an aesthetic procedure</p><p>
4321⢠At <strong>3 hours</strong> post-application, wrinkles decrease by <strong>25,1%</strong></p><p>⢠At <strong>24 hours</strong>, elasticity increases by <strong>24.2%</strong></p><p>⢠At <strong>14 days</strong> post-application, firmness increases by <strong>33.3%</strong></p>","image-mobile":"","image-desktop":"","styles":{},"title-styles":{}}],"video_reviews":[{"placeholder":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Group_89.png?v=1720784331","video_url":"https://cdn.shopify.com/videos/c/o/v/425e381635f1475d97d967a9fb824a02.mp4"},{"placeholder":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Group_88.png?v=1720784331","video_url":"https://cdn.shopify.com/videos/c/o/v/f451c53df2b74390b0c8d467166329b7.mp4"}],"featured_review":{"name":"SANDRA M.","review":"My face was melting, but this has solved it COMPLETELY.","stars":5},"reviews":[{"name":"SANDRA M.","review":"My face was melting, but this has solved it COMPLETELY.","stars":5},{"name":"ELISA N.","review":"Simply WOW, I can't stop touching my face! It's incredibly soft, juicy and best of all, I look younger.","stars":5},{"name":"RAQUEL P.","review":"It has changed my life. I feel young and confident again.","stars":5},{"name":"ANA M. ","review":"At first, I was skeptical, but I decided to give it a try. Honestly, I can't believe the difference. My wrinkles have noticeably softened, and my skin is more radiant.","stars":5},{"name":"KATHY P.","review":"I no longer have the need to wear a thousand layers of makeup. I see it more illuminated than ever.","stars":5},{"name":"MARÃA V.","review":"Finally SOMETHING THAT WORKS!","stars":5},{"name":"ELISA O.","review":"It is the best anti wrinkle I have ever tried.","stars":5},{"name":"JENNY A.","review":"Nothing has ever succeeded in reducing my wrinkles until now. I feel like I'm 10 years younger.","stars":5},{"name":"TERESA M.","review":"I tried it because I am tired of spending a fortune on clinics and it was the best decision. I confirm that it has better results and AT A BETTER PRICE.","stars":5},{"name":"PENNY A.","review":"I'm amazed at how quickly I've seen results. After half an hour I could feel less wrinkles.","stars":5}],"faqs":[{"question":"After the treatment, can I use my usual routine?","answer":"Yes, although it is not necessary. Once we have performed the treatment, we will spread the remaining serum over the skin to enhance its absorption over the face, neck, and décolleté.\nAfter 12 hours, you can apply your usual routine and makeup. IMPORTANT: On the day we use CLINICAL BEAUTY FILLER, we will not use CHEMICAL PEELINGS (CLINICAL AHA COMPLEX 10%) nor RETINOIDS (CLINICAL RETINAL 0.1) nor vitamin C (CLINICAL THE REAL C) on our skin for 48H. Importantly, remember that for the remaining 29 days, you should continue with your supportive skincare routine"},{"question":"Does the treatment hurt?","answer":"Absolutely NOT.\nCLINICAL BEAUTY FILLER is a painless treatment; you may experience minimal discomfort. The ultrafine micro-needles are thinner than human hair, so it's more akin to a tickle. CLINICAL BEAUTY FILLER has been designed so that you can use it at home easily and completely painlessly. Remember that thousands of women worldwide already use it without any problem."},{"question":"Is the product safe?","answer":"CLINICAL BEAUTY FILLER is a 100% safe treatment. It contains a single-use sterilized head and has been designed for a painless application that can be done from home with total peace of mind. It also meets all the necessary and mandatory tests required by regulation to be a 100% safe cosmetic."},{"question":"What is the difference between CLINICAL BEAUTY FILLER and other microinfusion, microneedling, or roller-blading treatments?","answer":"The main differentiation is that the rest of the microneedling devices have opaque needles. Instead, CLINICAL BEAUTY FILLER has 0.5mm hollow needles that transport the serum into the skin with each press.\nThat's why this treatment, unlike any other, has multiplying results such as:\nâ Penetration 30 times greater than the application of any cream.\nâ Absorption 15 times greater than other treatments.\nâ 15 times more economical than the average price in aesthetics.\n\nWe also indicate the difference with basic microneedling devices that claim to infuse.\nBelow, I list the key differences:\n⢠Size of the application area\nBasic devices have a much smaller area, which limits coverage and effectiveness with each application.\nIn contrast, CLINICAL BEAUTY FILLER allows for more efficient surface coverage by having a larger area of application.\n⢠Ease of use and position\nBasic devices depen
4321d on gravity for the serum to slide: for the serum to flow, you must place yourself in uncomfortable positions, especially in areas like the cheekbones or jawline.\nWith CLINICAL BEAUTY FILLER, a pump drives the serum even against gravity, making it easy to use in any position.\n⢠Type of needles\nThe needles of basic devices are not hollow, which forces the serum to slide on the surface, losing efficacy.\nThe hollow needles of CLINICAL BEAUTY FILLER transport the serum directly through them, achieving 30 times greater penetration than any other system.\n⢠Sterilization and safety of Basic devices are often purchased on platforms like AliExpress and arrive unsterilized, usually open and without sanitary control.\nCLINICAL BEAUTY FILLER guarantees safety: its head comes in an individual bag, completely sterilized and ready to use, protecting your skin and your health.\n⢠Efficiency and results\nWhile basic devices have limited absorption, the CLINICAL BEAUTY FILLER system allows 15 times greater absorption than other microneedling.\nMoreover, its ergonomic design makes it simple and effective, achieving results like 18.9% fewer wrinkles in 3 hours and 33.3% more firmness in 14 days, backed by independent clinical studies.\n\nIn summary, although basic devices may seem economical, you get what you pay for. CLINICAL BEAUTY FILLER combines technology, safety, and effectiveness, offering a superior solution for your skincare."}],"scientific_claim_type":"show_default","scientific_claims":[{"image":"https://shopify-cdn.cocunat.com/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp","description":"âMicroneedling delivers active ingredients where a cream canât reach. Clinical results in three hours and progressively firmer skin.â","doctor_name":"Anna Puigdollers","work_place":"Dermatologist · Teknon, Grupo Pedro Jaén"},{"image":"https://shopify-cdn.cocunat.com/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp","description":"âIn 8 years as a dermatologist, I had never seen anything like this. From the very first use: fewer wrinkles, more firmness and radiance with 1 application per month.â","doctor_name":"Dra. Alejandra Reolid","work_place":"Dermatologist MD, PhD · Hospital La Princesa"},{"image":"https://shopify-cdn.cocunat.com/d1b62674-932c-48f7-806e-5f8550999ddf.jpg","description":"","doctor_name":"Dr. Garcia Legaz","work_place":"Dermatologist"}],"video_testimonials_type":"show_default","video_testimonials":{"title":"+150,000 women have integrated it into their daily routine","videos":[{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-1.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-01.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-01.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-2.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-02.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-02.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-3.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-03.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-03.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-4.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-04.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-04.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-5.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-05.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-05.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-6.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-06.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-06.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-7.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-07.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-07.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-8.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-08.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-08.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-9.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-09.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-09.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-10.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-10.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-10.webp","product_id":null,"product":null}]},"video_testimonials_default_id":null,"clinical_results":{"introduction":"<p><u>CLINICAL TEST OBJECTIVE:</u></p><p>Evaluate the anti-aging, densifying, and firming efficacy of this cosmetic product on a minimum of <u>30 volunteers (ages 40-60)</u> with signs of aging, over 14 days, under specified normal conditions, a single application of the product and <u>the evaluation of results over 14 days</u>. </p><p>The gel is formulated to improve signs of aging, such as Loss of firmness, elasticity, facial volume, sagging, wrinkles, and loss of hydration.</p>","results":[{"title":"","image":"","content":"<p><u>INDEPENDENT TEST RESULTS:</u></p><p>EVALUATION OF <strong>FIRMING</strong> EFFICACY</p><ul><li><p>At <strong>10 hours</strong> post-application, there is an increase in firmness (<strong>25,1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in firmness (<strong>26%</strong>)</p></li><li><p>At <strong>
43217 days</strong> post-application, there is an increase in firmness (<strong>26.1%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is an increase in firmness (<strong>33.3%</strong>)</p></li></ul>"},{"title":"","image":"","content":"<p>EVALUATION OF<strong> ELASTICITY</strong> EFFICACY</p><ul><li><p>At <strong>3 hours</strong> post-application, there is an increase in elasticity (<strong>13.8%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is an increase in elasticity (<strong>24.0%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in elasticity (<strong>24.2%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is an increase in elasticity (<strong>18.9%</strong>)</p></li></ul>"},{"title":"","image":"","content":"<p>EVALUATION OF THE <strong>REDUCTION OF TRANSEPIDERMAL WATER LOSS</strong> (TEWL)</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At<strong> 24 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>14 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>22%</strong>)</p></li></ul>"},{"title":"","image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374","content":"<p><strong>ANTI-WRINKLE</strong> EVALUATION</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in wrinkles (<strong>25,1%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.4%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in wrinkles (<strong>17.9%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is a decrease in wrinkles (<strong>11.4%</strong>)</p></li></ul>"}],"conclusion":"<p>TEST TIME & OPERATION:<br><br>To evaluate the product's efficacy, the following biometric measurements are used:</p><ul><li><p><strong>Firming/elasticity/anti-fatigue efficacy:</strong> measuring the mechanical deformation of the skin with the dual MPA 580 Cutometer® probe (Courage & Khazaka electronic),</p></li><li><p><strong>Barrier function efficacy:</strong> measuring the water evaporation density gradient from the skin with the Tewameter® TM 300 probe (Courage & Khazaka electronic).</p></li><li><p><strong>Moisturizing efficacy</strong>: measuring the hydration distribution near the surface and skin microtopography with MoistureMap MM 100.</p></li><li><p><strong>Anti-wrinkle efficacy:</strong> measuring the skin topography with AEVA3D-HE2 VisioHOP (Eotech).</p></li><li><p>As visual support, facial photographs of participants are taken with AEVA3D-HE2 VisioHOP (EOTECH) and VisioFace® 1000 D (Courage + Khazaka electronic GmbH). Additionally, to measure the subjective efficacy and tolerability of the product, volunteers participating in the trial completed a subjective questionnaire at the end of the study. The tolerability and safety of the product were also monitored by recording any possible undesirable symptoms and signs that could appear from continued product use, which were dermatologically evaluated at the end of the trial.</p></li></ul>"},"tutorial":[{"title":"","content":"<p></p>","image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189"},{"title":"SUPPORT CARE ROUTINE","content":"<p><strong>DAY ROUTINE:</strong></p><ol><li><p>Cleansing (PAMPER GEL)</p></li><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Vitamin C Serum (CLINICAL THE REAL C)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p><p></p></li></ol><p><strong>NIGHT ROUTINE:</strong></p><ol start=\"5\"><li><p>Cleansing â Makeup removal (PAMPER GEL / TOTAL CLEANSING MILK)</p></li></ol><ol start=\"6\"><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Retinoid (CLINICAL RETINAL 0.1)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p></li></ol>","image":""},{"title":"PRECAUTIONS","content":"<ul><li><p>The heads are for single use only. They cannot be reused and must be disposed of after application.</p></li><li><p>This procedure may leave the skin reddened but should not hurt; if you feel pain, you may be applying too much pressure or incorrectly.</p></li><li><p>It is normal to feel a slight tingling. These symptoms should disappear shortly. If you have a special event, we recommend applying CLINICAL BEAUTY FILLER the night before or a few nights before.</p></li><li><p>Carefully follow the mode of use.</p></li><li><p>Do not apply it on wounds, scars, or pimples.</p></li><li><p>Avoid contact with eyes and mucous membranes.</p></li><li><p>Do not apply makeup to your face until 12 hours have passed.</p></li><li><p>Do not use CLINICAL BEAUTY FILLER in case of infectious skin diseases, uncontrolled diabetes complications, severe and uncontrolled diseases, metal allergies, in the case of keloids or hypertrophic scars, in the presence of rosacea, inflammation, cysts, skin excrescences, wounds, dermatitis and eczema.</p></li></ul>","image":""}
4321],"template":"pdp1","products_skus_inside":"","routine_day_skus":"218,53093,273","routine_night_skus":"","products_inside":[],"subscription_price":null,"subscription_selling_plans":[],"subscription_widget_type":"none","gtin":"8436570023217","mpn":"218","feed_active":true,"google_product_category":"2958","product_type":"Cosmética ClÃnica > Skin > Dispositivos y CBF","is_bundle":false,"custom_label_0":"Skin","custom_label_1":"CBF","custom_label_2":"Top","custom_label_3":null,"custom_label_4":null,"feed_article_type":"single","feed_multipack_qty":null,"feed_content_value":5,"feed_content_unit":"ml","feed_item_group":null,"feed_excluded_destinations":[],"feed_image":null,"feed_title":"Anti-Wrinkle Skin Booster Serum - Clinical Beauty Filler Cocunat - For Microneedling - Hyaluronic Acid & Peptides - 1 Month 0.17 fl oz (5 ml)","feed_short_title":null,"feed_description":"Cocunat Clinical Beauty Filler is a monthly anti-wrinkle skin booster serum for microneedling with a filler effect, formulated with Regenix technology, a precision rebuilding system that works on the loss of firmness, structure and skin quality. It combines hyaluronic acid of 3 molecular weights, Matrixyl, the Argireline peptide and Rebuilder Active to visibly reduce the look of wrinkles, firm the skin and support cell renewal, with results visible from the first hours that last throughout the month. It is an intensive anti-aging skin booster designed for the moment when the skin stops responding to creams. How to use: once a month, wash your hands and cleanse the area with soap or micellar water, remove the cap, press the plunger so the product falls into your hand and spread it over the whole face, massaging until fully absorbed. Format: 1 application of 0.17 fl oz (5 ml), a 1-month supply.","feed_highlights":[],"feed_issues":[],"cross_sells":[{"id":478,"product_sku":"218","cross_sell_sku":"273","created_at":"2026-07-02 13:21:38","updated_at":"2026-07-02 13:21:38","title":"CLINICAL MOLECULAR THERAPY","handle":"clinical-molecular-therapy","subtitle":"Firming anti-ageing cream","variant_id":271,"short_description":"<p>Molecular Therapy with <strong>11 active molecules</strong> that targets the 5 signs of aging: <u>wrinkles, luminosity, spots, texture, and sagging</u>.</p>","long_description":"<p><u>TIGHTENS, FIRMS, RESTORES</u>. <br><br>Anti-aging firming cream, designed to provide a <strong>360º treatment</strong>, combat signs of aging, and address the effects of pre-, peri-, and menopause.<br><br>It is a unique <u>Molecular Therapy</u> with <strong>11 active molecules</strong> that improve communication between the skin cells to target the 5 signs directly involved in aging, such as <u>wrinkles, luminosity, spots, texture, and sagging</u>.<br><br>Independent clinical results:</p><p>After 14 days:</p><p>â Firmness increases by <strong>29.06%</strong></p><p>â Elasticity increases by <strong>24.42%</strong></p><p>After 28 days:</p><p>â Restores barrier function by <strong>25.43%</strong>.</p><p><br><em>*Result of the independent clinical test after 14 and 28 days, on 30 volunteers.</em></p>","price":{"amount":164.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5874860d-0a8f-4623-9ecd-48be2e51c8e6.jpg?v=1758793683","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/cc612f25-a1f7-4764-9945-31faaf8b258e.jpg?v=1758793698","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b6c92147-9574-4f4f-b959-2026879a44de.jpg?v=1758793707","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d2ff2abe-2147-419e-98df-bdafba0556c5.jpg?v=1758793716","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5375404f-cb45-4969-8c55-a150ef7a995a.jpg?v=1758793732"]},{"id":479,"product_sku":"218","cross_sell_sku":"219","created_at":"2026-07-02 13:21:38","updated_at":"2026-07-02 13:21:38","title":"Clinical Retinal 0.1","handle":"retinal","subtitle":"Nighttime Regenerative Facial Serum","variant_id":215,"short_description":"<p>Retinal multiplies its effectiveness, being 11 times faster and 3 times more potent than Retinol.</p>","long_description":"<p>Enhance your nighttime routine with a 0.1% Retinal cell renewal. Thanks to its SMART DELIVERY TECHNOLOGY system, its effectiveness has increased 11 times faster and 3 times more potent than Retinol. Niacinamide and Hyaluronic Acid hydrate, reduce wrinkles and spots, stimulate collagen, and transform the skin into radiant and smooth. </p><p>Independent clinical results:</p><ul><li><p>Up to 86.4% increase in elasticity*</p></li><li><p>Up to 44.9% reduction in wrinkles*</p></li><li><p>Up to 51.9% better cellular renewal*</p></li></ul><p>*Results of an independent clinical test over 28 and 56 days on 30 volunteers.</p>","price":{"amount":97.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f0d22ee0-06b4-4d7a-974a-5e977ff6ddd7.jpg?v=1734608012","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b4884fff-abdc-4e31-935b-b3b011134bd5.jpg?v=1734608022","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/222226fd-04b0-4147-b9aa-b7ceef219c3b.jpg?v=1734608030","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52031b59-256c-4fc9-bc31-0160c31ef5c2.jpg?v=1734608051","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b06a0d9c-e497-4c26-bc8f-d7d787a3de46.jpg?v=1734608061","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/93e1256d-ecb5-431e-a3cf-a37160a3e27e.jpg?v=1734608070","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/692cd91a-a762-4754-8397-a613268542a3.jpg?v=1734608082"]},{"id":477,"product_sku":"218","cross_sell_sku":"427","created_at":"2026-07-02 13:21:37","updated_at":"2026-07-02 13:21:37","title":"CLINICAL EXOSOMES","handle":"clinical-exosomes","subtitle":"V-Lifting Serum 8 weeks","variant_id":359,"short_description":"<p>Exosome serum that redefines<strong> your facial contours</strong> with <strong>V-LIFTING</strong>. Eliminates wrinkles and restores firmness.</p>","long_description":"<p><strong>REACTIVATES CELLULAR COMMUNICATION.<br>REDEFINES YOUR CONTOURS.<br><br></strong>Serum with <strong>exosomes </strong>that<strong> redefines your contours</strong>, achieving <strong>V-LIFTING</strong> in 8 weeks. Over time, our cells stop communicating effectively, accelerating ageing and causing sagging, wrinkles, etc. <strong>Exosomes act as intelligent youth capsules</strong> that restore this cellular dialogue and restore firmness to the face. <br><br><u>CLINICAL EXOSOMES</u> reprogram the skin to regain its natural definition, reducing wrinkles and restoring firmness, elasticity and tension to the facial oval.<br><br>Independent clinical results:<br>⢠<strong>+47% </strong>REDEFINITION of the facial oval.<br>â¢<strong> 100%</strong> of cases with less visible wrinkles.<br>⢠Up to <strong>65%</strong> less deep wrinkles.<br><em>*Results of independent clinical testing over 28 and 56 days on 30 volunteers.</em></p>","price":{"amount":106.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b5c6b5ee-7b12-4d37-931e-903d23fffd87.jpg?v=1758792427","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6e32bbe0-af4d-4956-bb11-413f26f827d1.jpg?v=1758792438","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e375c39d-1a0b-4ad4-870f-cd439de88408.jpg?v=1758792448","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/9a8b5b36-6ef3-450a-837e-f391f2ee0eb8.jpg?v=1758792457","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/fabc832c-d37a-4f25-89e5-a38535328b6a.jpg?v=1758792465","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/965cc103-6ffd-4efb-88de-064af2ecfe95.jpg?v=1758792474"]}]}; 4322 4323 document.addEventListener('DOMContentLoaded', () => { 4324 const root = document.getElementById('product-template-3'); 4325 if (!root) return; 4326 4327 const countdownElements = Array.from(root.querySelectorAll('[data-countdown-pdp]')); 4328 if (countdownElements.length) { 4329 function updateCountdownElement(countdownElement) { 4330 const deadline = countdownElement.getAttribute('data-deadline'); 4331 if (!deadline) return false;
4332 4333 const deadlineUTC = deadline.endsWith('Z') ? deadline : deadline + 'Z'; 4334 const deadlineTime = new Date(deadlineUTC).getTime(); 4335 const distance = deadlineTime - Date.now(); 4336 4337 if (!Number.isFinite(deadlineTime) || distance < 0) { 4338 countdownElement.textContent = '0d : 0h : 0m : 0s'; 4339 return false; 4340 } 4341 4342 const days = Math.floor(distance / (1000 * 60 * 60 * 24)); 4343 const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 4344 const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 4345 const seconds = Math.floor((distance % (1000 * 60)) / 1000); 4346 countdownElement.textContent = `${days}d : ${hours}h : ${minutes}m : ${seconds}s`; 4347 return true; 4348 } 4349 4350 const updateCountdown = () => { 4351 let hasActiveCountdowns = false; 4352 countdownElements.forEach((countdownElement) => { 4353 if (updateCountdownElement(countdownElement)) { 4354 hasActiveCountdowns = true; 4355 } 4356 }); 4357 return hasActiveCountdowns; 4358 }; 4359 4360 if (updateCountdown()) { 4361 const countdownInterval = setInterval(() => { 4362 if (!updateCountdown()) { 4363 clearInterval(countdownInterval); 4364 } 4365 }, 1000); 4366 } 4367 } 4368 4369 const numberSalesElements = Array.from(root.querySelectorAll('[data-number-sales-pdp]')); 4370 if (numberSalesElements.length) { 4371 const firstNumberSalesElement = numberSalesElements[0]; 4372 const importance = firstNumberSalesElement.getAttribute('data-importance'); 4373 const sku = firstNumberSalesElement.getAttribute('data-sku'); 4374 4375 const getStorage = (storageName) => { 4376 try { 4377 return window[storageName]; 4378 } catch { 4379 return null; 4380 } 4381 }; 4382 4383 const getStorageData = (storage) => { 4384 if (!storage) return {}; 4385 try { 4386 const data = storage.getItem('product-sales-numbers'); 4387 return data ? JSON.parse(data) : {}; 4388 } catch { 4389 return {}; 4390 } 4391 }; 4392 4393 const setStorageData = (storage, data) => { 4394 if (!storage) return; 4395 try { 4396 storage.setItem('product-sales-numbers', JSON.stringify(data)); 4397 } catch {} 4398 }; 4399 4400 if (importance && sku) { 4401 const sessionStore = getStorage('sessionStorage'); 4402 const localStore = getStorage('localStorage'); 4403 const sessionData = getStorageData(sessionStore); 4404 const localData = getStorageData(localStore); 4405 let salesNumber; 4406 4407 if (sessionData[sku]) { 4408 const randomDelta = Math.floor(Math.random() * 7) - 3; 4409 salesNumber = sessionData[sku] + randomDelta; 4410 } else if (localData[sku]) { 4411 const randomDelta = Math.floor(Math.random() * 61) - 30; 4412 salesNumber = localData[sku] + randomDelta; 4413 localData[sku] = salesNumber; 4414 sessionData[sku] = salesNumber; 4415 setStorageData(localStore, localData); 4416 setStorageData(sessionStore, sessionData); 4417 } else { 4418 let min; 4419 let max; 4420 4421 switch (importance) { 4422 case 'new': 4423 min = 50; 4424 max = 200; 4425 break; 4426 case 'average': 4427 min = 200; 4428 max = 800; 4429 break; 4430 case 'best-seller': 4431 min = 800; 4432 max = 2000; 4433 break; 4434 default: 4435 return; 4436 } 4437 4438 salesNumber = Math.floor(Math.random() * (max - min + 1)) + min; 4439 localData[sku] = salesNumber; 4440 sessionData[sku] = salesNumber; 4441 setStorageData(localStore, localData); 4442 setStorageData(sessionStore, sessionData); 4443 } 4444 4445 numberSalesElements.forEach((element) => { 4446 element.textContent = salesNumber; 4447 }); 4448 } 4449 } 4450 4451 const viewCounterElements = Array.from(root.querySelectorAll('[data-view-counter-pdp]')); 4452 const viewCounterNumberElements = Array.from(root.querySelectorAll('[data-view-counter-pdp-number]')); 4453 if (viewCounterElements.length && viewCounterNumberElements.length) { 4454 const maximum = parseInt(viewCounterNumberElements[0].getAttribute('data-maximum')) || 0; 4455 4456 if (maximum === 0) {
4457 viewCounterElements.forEach((element) => { 4458 element.classList.add('hidden'); 4459 element.classList.remove('flex'); 4460 }); 4461 return; 4462 } 4463 4464 const minValue = Math.floor(maximum * 0.6); 4465 4466 function updateViewCounter() { 4467 const randomValue = Math.floor(Math.random() * (maximum - minValue + 1)) + minValue; 4468 viewCounterNumberElements.forEach((element) => { 4469 element.textContent = randomValue; 4470 }); 4471 } 4472 4473 updateViewCounter(); 4474 viewCounterElements.forEach((element) => { 4475 element.classList.remove('hidden'); 4476 element.classList.add('flex'); 4477 }); 4478 setInterval(updateViewCounter, 15000); 4479 } 4480 }); 4481 })();</script>
4481
4481<script>(function(){const product = {"title":"CLINICAL BEAUTY FILLER","child_title":"1 month","handle":"clinical-beauty-filler","subtitle":"Anti-aging serum + micro-infusion","routine_step_title":"","thumbnail":null,"thumbnail_ugc":null,"short_description":"<p>The new generation of skincare: <u>JUST ONE APPLICATION PER MONTH, and in</u><strong><u> 3 hours, 25,1% fewer wrinkles.</u></strong></p>","long_description":"<p><strong>1 APPLICATION, -25.1% WRINKLES.</strong></p><p>Aesthetic medicine at home.</p><p>Anti-aging treatment that combines an ultra-concentrated serum applied with the micro-infusion technique. Its delivery system reaches where creams can't: <u>30 times deeper</u>.</p><p><br><strong><u>GREATER PENETRATION = BETTER RESULTS.</u></strong></p><p>Painless. Easy. Safe.</p><p><br>It contains <u>Hyaluronic Acid</u> of 3 molecular weights and Peptides inspired by aesthetic medicine, such as Matrixyl® (filler) that fills wrinkles, and Argireline® (botox-like). This combination visibly tightens, reduces, and fills wrinkles, with immediate and lasting results in 3 hours:<br></p><p>â¢<strong> At 3 hours </strong>post-application, wrinkles decrease by <strong>25,1%</strong>*</p><p>â¢<strong> At 24 hours</strong>, elasticity<strong> </strong>increases by <strong>24.2%</strong>*</p><p>â¢<strong> At 14 days </strong>post-application,<strong> </strong>firmness increases by <strong>33.3%</strong>* </p><p></p><p><em><small class=\"cocunat-wysiwyg-small\">*Results from an independent clinical test over 14 days, one application, on 30 volunteers. </small></em></p><p><em><small class=\"cocunat-wysiwyg-small\">^Argireline® is a trademark of Lubrizol Advanced Materials, Inc., or its affiliates.</small></em><br><br><strong>FILLS. SMOOTHES. FIRMS.</strong></p><p>At home. <u>In 5 minutes</u>.</p>","is_indicated_for_me":"","subscription_claim":"","hide_search":0,"banner_one_url":"","cross_selling_title":"","upsells_json":[],"child_products":{"skus":["233","23611"],"default_sku":"233"},"sku":"218","platform_variant_id":"gid://shopify/ProductVariant/47765267644762","price":{"amount":169.95,"currency":"USD","market":"us"},"ingredients":"INGREDIENTS / INGREDIENTES: INGREDIENTS / INGREDIENTES: AQUA (WATER), PROPANEDIOL, PENTYLENE GLYCOL, GLYCERIN, ACETYL HEXAPEPTIDE-8, PALMITOYL TRIPEPTIDE-38*, SODIUM HYALURONATE, HYDROLYZED HYALURONIC ACID, SODIUM ACETYLATED HYALURONATE, SQUALENE, BETA-SITOSTEROL, LEVULINIC ACID, CELLULOSE GUM, GLYCERYL CAPRYLATE, HYDROGENATED PHOSPHATIDYLCHOLINE, LYSOLECITHIN, LECITHIN, CHONDRUS CRISPUS (CARRAGEENAN) POWDER, CERATONIA SILIQUA GUM, SODIUM PHYTATE, GLUCOSE, HYDROXYPROPYL CYCLODEXTRIN, CAPRYLYL GLYCOL, SODIUM BENZOATE, TOCOPHEROL, CITRIC ACID, POTASSIUM SORBATE, PHYTIC ACID\n\n*Ingredient from sustainable farming. RSPO/MB / Ingrediente procedente de cultivo sostenible. RSPO/MB","ingredients_title":"","ingredients_description":"<p></p>","new_ingredients_headings":[{"value":"99.87%","label":"Naturally Derived Ingredients"}],"new_ingredients_lists":[{"name":"Argireline® Peptide","description":"Botox Like - Lifting effect, firmer skin and collagen stimulation."},{"name":"Matrixyl® (Péptido)","description":"Wrinkle filler. Ensures optimal tissue architecture."},{"name":"Rebuilder Active","description":"It's a biomimetic vesicle that recovers firmness and elasticity."},{"name":"Hyaluronic Acidcomplex","description":"a combination of 3 hyaluronic acids of different molecular weights â Hydrates, fills and tightens."}],"new_ingredients_note":"","ingredients_image":"","ingredients_old_image1":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/INT-Ingredientes-Infografia-CBF_01.jpg?v=1706190484","ingredients_old_image2":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/INT-Ingredientes-Infografia-CBF_02.jpg?v=1706190484","benefits_list":"2,5,14,15,17","gallery_preview":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/CBF_1.jpg?v=1726497416","before_image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061","after_image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068","reviews_stars":5,"reviews_count":10,"before_after_title":"PROVEN CLINICAL RESULTS","before_after_description":"","before_after_claims":[{"stats":"25.1%","description":"WRINKLES DECREASE AT 3H"},{"stats":"24.2%","description":"ELASTICITY INCREASES AT 24 H"},{"stats":"33.3%","description":"FIRMNESS INCREASES AT 14 DAYS"}
4481],"variant_id":200,"invoice_short_description":"","invoice_long_description":"Iluminating face serum","invoice_fda":"","invoice_content":"5ml / 0,17 fl. Oz + 5ml / 0,17 fl. Oz","invoice_hscode":"3304.99.99","invoice_envase":"Tube","invoice_pack_breakdown":false,"weight_grams":0,"keywords":"clinical beauty filler, anti-aging microneedling serum, monthly anti-aging treatment, microneedle hyaluronic serum, at-home microneedling device, peptide wrinkle filler serum, hyaluronic acid multi-molecular serum, rapid wrinkle reduction serum, high-penetration skincare, professional-grade microneedling serum, botox alternative peptide serum, long-lasting anti-wrinkle treatment, skin tightening microneedle serum, advanced microneedling applicator, concentrated anti-aging serum","pdp_info_note":"","listing_type":"regular","countdown_date":null,"product_importance":"empty","product_tags_image_list":"1","view_counter":0,"low_stock":0,"out_of_stock":0,"subscription_type":"none","gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013","https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4"],"gallery_images":[{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333","category":"before_and_after"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341","category":"before_and_after"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013","category":"producto"},{"url":"https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4","category":"video"}],"banners":[{"type":"component-base","title":"STAR <s><i>INGREDIENT</i></s>","description":"<p><strong><u>INTRAEPIDERMAL PENETRATION APPLICATOR</u></strong><br></p><img src=\"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5f519afa-789a-4ff0-aeca-533bce1e7e27.gif?v=1735034992&width=1200&format=webp\"><p></p><p>With CLINICAL BEAUTY FILLER, we've <em>\"<u>Democratized aesthetic medicine</u>\"</em> for this, we've combined the benefits of the microneedling technique with direct intraepidermal penetration. Each press transports the serum, achieving absorption <u>30 times greater than</u> any other cream. <br><br>GREATER PENETRATION â BETTER RESULTS<br> <br>Its device works on several fronts:</p><ul><li><p><strong>COLLAGEN BIO-STIMULATOR</strong>: With its medical-grade hollow needles, pathways are created that trigger an increase in collagen and elastin production, leading to <u>more firmness and fewer wrinkles</u>.</p></li><li><p><strong>ACTIVE INGREDIENT PENETRATION:</strong> Its ultra-fine hollow needles transport the concentrated serum to the skin, accelerating the absorption of active ingredients and thus increasing their efficacy. </p></li></ul><p><strong>Results:</strong></p><p><u>30X </u>+ penetration than the application of any other cream or serum </p><p><u>15X </u>+ absorption than any other microneedling treatment </p><p><u>15X</u> + economical than the average price of an aesthetic procedure</p><p>
4481⢠At <strong>3 hours</strong> post-application, wrinkles decrease by <strong>25,1%</strong></p><p>⢠At <strong>24 hours</strong>, elasticity increases by <strong>24.2%</strong></p><p>⢠At <strong>14 days</strong> post-application, firmness increases by <strong>33.3%</strong></p>","image-mobile":"","image-desktop":"","styles":{},"title-styles":{}}],"video_reviews":[{"placeholder":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Group_89.png?v=1720784331","video_url":"https://cdn.shopify.com/videos/c/o/v/425e381635f1475d97d967a9fb824a02.mp4"},{"placeholder":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Group_88.png?v=1720784331","video_url":"https://cdn.shopify.com/videos/c/o/v/f451c53df2b74390b0c8d467166329b7.mp4"}],"featured_review":{"name":"SANDRA M.","review":"My face was melting, but this has solved it COMPLETELY.","stars":5},"reviews":[{"name":"SANDRA M.","review":"My face was melting, but this has solved it COMPLETELY.","stars":5},{"name":"ELISA N.","review":"Simply WOW, I can't stop touching my face! It's incredibly soft, juicy and best of all, I look younger.","stars":5},{"name":"RAQUEL P.","review":"It has changed my life. I feel young and confident again.","stars":5},{"name":"ANA M. ","review":"At first, I was skeptical, but I decided to give it a try. Honestly, I can't believe the difference. My wrinkles have noticeably softened, and my skin is more radiant.","stars":5},{"name":"KATHY P.","review":"I no longer have the need to wear a thousand layers of makeup. I see it more illuminated than ever.","stars":5},{"name":"MARÃA V.","review":"Finally SOMETHING THAT WORKS!","stars":5},{"name":"ELISA O.","review":"It is the best anti wrinkle I have ever tried.","stars":5},{"name":"JENNY A.","review":"Nothing has ever succeeded in reducing my wrinkles until now. I feel like I'm 10 years younger.","stars":5},{"name":"TERESA M.","review":"I tried it because I am tired of spending a fortune on clinics and it was the best decision. I confirm that it has better results and AT A BETTER PRICE.","stars":5},{"name":"PENNY A.","review":"I'm amazed at how quickly I've seen results. After half an hour I could feel less wrinkles.","stars":5}],"faqs":[{"question":"After the treatment, can I use my usual routine?","answer":"Yes, although it is not necessary. Once we have performed the treatment, we will spread the remaining serum over the skin to enhance its absorption over the face, neck, and décolleté.\nAfter 12 hours, you can apply your usual routine and makeup. IMPORTANT: On the day we use CLINICAL BEAUTY FILLER, we will not use CHEMICAL PEELINGS (CLINICAL AHA COMPLEX 10%) nor RETINOIDS (CLINICAL RETINAL 0.1) nor vitamin C (CLINICAL THE REAL C) on our skin for 48H. Importantly, remember that for the remaining 29 days, you should continue with your supportive skincare routine"},{"question":"Does the treatment hurt?","answer":"Absolutely NOT.\nCLINICAL BEAUTY FILLER is a painless treatment; you may experience minimal discomfort. The ultrafine micro-needles are thinner than human hair, so it's more akin to a tickle. CLINICAL BEAUTY FILLER has been designed so that you can use it at home easily and completely painlessly. Remember that thousands of women worldwide already use it without any problem."},{"question":"Is the product safe?","answer":"CLINICAL BEAUTY FILLER is a 100% safe treatment. It contains a single-use sterilized head and has been designed for a painless application that can be done from home with total peace of mind. It also meets all the necessary and mandatory tests required by regulation to be a 100% safe cosmetic."},{"question":"What is the difference between CLINICAL BEAUTY FILLER and other microinfusion, microneedling, or roller-blading treatments?","answer":"The main differentiation is that the rest of the microneedling devices have opaque needles. Instead, CLINICAL BEAUTY FILLER has 0.5mm hollow needles that transport the serum into the skin with each press.\nThat's why this treatment, unlike any other, has multiplying results such as:\nâ Penetration 30 times greater than the application of any cream.\nâ Absorption 15 times greater than other treatments.\nâ 15 times more economical than the average price in aesthetics.\n\nWe also indicate the difference with basic microneedling devices that claim to infuse.\nBelow, I list the key differences:\n⢠Size of the application area\nBasic devices have a much smaller area, which limits coverage and effectiveness with each application.\nIn contrast, CLINICAL BEAUTY FILLER allows for more efficient surface coverage by having a larger area of application.\n⢠Ease of use and position\nBasic devices depen
4481d on gravity for the serum to slide: for the serum to flow, you must place yourself in uncomfortable positions, especially in areas like the cheekbones or jawline.\nWith CLINICAL BEAUTY FILLER, a pump drives the serum even against gravity, making it easy to use in any position.\n⢠Type of needles\nThe needles of basic devices are not hollow, which forces the serum to slide on the surface, losing efficacy.\nThe hollow needles of CLINICAL BEAUTY FILLER transport the serum directly through them, achieving 30 times greater penetration than any other system.\n⢠Sterilization and safety of Basic devices are often purchased on platforms like AliExpress and arrive unsterilized, usually open and without sanitary control.\nCLINICAL BEAUTY FILLER guarantees safety: its head comes in an individual bag, completely sterilized and ready to use, protecting your skin and your health.\n⢠Efficiency and results\nWhile basic devices have limited absorption, the CLINICAL BEAUTY FILLER system allows 15 times greater absorption than other microneedling.\nMoreover, its ergonomic design makes it simple and effective, achieving results like 18.9% fewer wrinkles in 3 hours and 33.3% more firmness in 14 days, backed by independent clinical studies.\n\nIn summary, although basic devices may seem economical, you get what you pay for. CLINICAL BEAUTY FILLER combines technology, safety, and effectiveness, offering a superior solution for your skincare."}],"scientific_claim_type":"show_default","scientific_claims":[{"image":"https://shopify-cdn.cocunat.com/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp","description":"âMicroneedling delivers active ingredients where a cream canât reach. Clinical results in three hours and progressively firmer skin.â","doctor_name":"Anna Puigdollers","work_place":"Dermatologist · Teknon, Grupo Pedro Jaén"},{"image":"https://shopify-cdn.cocunat.com/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp","description":"âIn 8 years as a dermatologist, I had never seen anything like this. From the very first use: fewer wrinkles, more firmness and radiance with 1 application per month.â","doctor_name":"Dra. Alejandra Reolid","work_place":"Dermatologist MD, PhD · Hospital La Princesa"},{"image":"https://shopify-cdn.cocunat.com/d1b62674-932c-48f7-806e-5f8550999ddf.jpg","description":"","doctor_name":"Dr. Garcia Legaz","work_place":"Dermatologist"}],"video_testimonials_type":"show_default","video_testimonials":{"title":"+150,000 women have integrated it into their daily routine","videos":[{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-1.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-01.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-01.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-2.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-02.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-02.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-3.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-03.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-03.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-4.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-04.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-04.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-5.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-05.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-05.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-6.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-06.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-06.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-7.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-07.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-07.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-8.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-08.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-08.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-9.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-09.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-09.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-10.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-10.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-10.webp","product_id":null,"product":null}]},"video_testimonials_default_id":null,"clinical_results":{"introduction":"<p><u>CLINICAL TEST OBJECTIVE:</u></p><p>Evaluate the anti-aging, densifying, and firming efficacy of this cosmetic product on a minimum of <u>30 volunteers (ages 40-60)</u> with signs of aging, over 14 days, under specified normal conditions, a single application of the product and <u>the evaluation of results over 14 days</u>. </p><p>The gel is formulated to improve signs of aging, such as Loss of firmness, elasticity, facial volume, sagging, wrinkles, and loss of hydration.</p>","results":[{"title":"","image":"","content":"<p><u>INDEPENDENT TEST RESULTS:</u></p><p>EVALUATION OF <strong>FIRMING</strong> EFFICACY</p><ul><li><p>At <strong>10 hours</strong> post-application, there is an increase in firmness (<strong>25,1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in firmness (<strong>26%</strong>)</p></li><li><p>At <strong>
44817 days</strong> post-application, there is an increase in firmness (<strong>26.1%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is an increase in firmness (<strong>33.3%</strong>)</p></li></ul>"},{"title":"","image":"","content":"<p>EVALUATION OF<strong> ELASTICITY</strong> EFFICACY</p><ul><li><p>At <strong>3 hours</strong> post-application, there is an increase in elasticity (<strong>13.8%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is an increase in elasticity (<strong>24.0%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in elasticity (<strong>24.2%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is an increase in elasticity (<strong>18.9%</strong>)</p></li></ul>"},{"title":"","image":"","content":"<p>EVALUATION OF THE <strong>REDUCTION OF TRANSEPIDERMAL WATER LOSS</strong> (TEWL)</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At<strong> 24 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>14 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>22%</strong>)</p></li></ul>"},{"title":"","image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374","content":"<p><strong>ANTI-WRINKLE</strong> EVALUATION</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in wrinkles (<strong>25,1%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.4%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in wrinkles (<strong>17.9%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is a decrease in wrinkles (<strong>11.4%</strong>)</p></li></ul>"}],"conclusion":"<p>TEST TIME & OPERATION:<br><br>To evaluate the product's efficacy, the following biometric measurements are used:</p><ul><li><p><strong>Firming/elasticity/anti-fatigue efficacy:</strong> measuring the mechanical deformation of the skin with the dual MPA 580 Cutometer® probe (Courage & Khazaka electronic),</p></li><li><p><strong>Barrier function efficacy:</strong> measuring the water evaporation density gradient from the skin with the Tewameter® TM 300 probe (Courage & Khazaka electronic).</p></li><li><p><strong>Moisturizing efficacy</strong>: measuring the hydration distribution near the surface and skin microtopography with MoistureMap MM 100.</p></li><li><p><strong>Anti-wrinkle efficacy:</strong> measuring the skin topography with AEVA3D-HE2 VisioHOP (Eotech).</p></li><li><p>As visual support, facial photographs of participants are taken with AEVA3D-HE2 VisioHOP (EOTECH) and VisioFace® 1000 D (Courage + Khazaka electronic GmbH). Additionally, to measure the subjective efficacy and tolerability of the product, volunteers participating in the trial completed a subjective questionnaire at the end of the study. The tolerability and safety of the product were also monitored by recording any possible undesirable symptoms and signs that could appear from continued product use, which were dermatologically evaluated at the end of the trial.</p></li></ul>"},"tutorial":[{"title":"","content":"<p></p>","image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189"},{"title":"SUPPORT CARE ROUTINE","content":"<p><strong>DAY ROUTINE:</strong></p><ol><li><p>Cleansing (PAMPER GEL)</p></li><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Vitamin C Serum (CLINICAL THE REAL C)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p><p></p></li></ol><p><strong>NIGHT ROUTINE:</strong></p><ol start=\"5\"><li><p>Cleansing â Makeup removal (PAMPER GEL / TOTAL CLEANSING MILK)</p></li></ol><ol start=\"6\"><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Retinoid (CLINICAL RETINAL 0.1)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p></li></ol>","image":""},{"title":"PRECAUTIONS","content":"<ul><li><p>The heads are for single use only. They cannot be reused and must be disposed of after application.</p></li><li><p>This procedure may leave the skin reddened but should not hurt; if you feel pain, you may be applying too much pressure or incorrectly.</p></li><li><p>It is normal to feel a slight tingling. These symptoms should disappear shortly. If you have a special event, we recommend applying CLINICAL BEAUTY FILLER the night before or a few nights before.</p></li><li><p>Carefully follow the mode of use.</p></li><li><p>Do not apply it on wounds, scars, or pimples.</p></li><li><p>Avoid contact with eyes and mucous membranes.</p></li><li><p>Do not apply makeup to your face until 12 hours have passed.</p></li><li><p>Do not use CLINICAL BEAUTY FILLER in case of infectious skin diseases, uncontrolled diabetes complications, severe and uncontrolled diseases, metal allergies, in the case of keloids or hypertrophic scars, in the presence of rosacea, inflammation, cysts, skin excrescences, wounds, dermatitis and eczema.</p></li></ul>","image":""}
4481],"template":"pdp1","products_skus_inside":"","routine_day_skus":"218,53093,273","routine_night_skus":"","products_inside":[],"subscription_price":null,"subscription_selling_plans":[],"subscription_widget_type":"none","gtin":"8436570023217","mpn":"218","feed_active":true,"google_product_category":"2958","product_type":"Cosmética ClÃnica > Skin > Dispositivos y CBF","is_bundle":false,"custom_label_0":"Skin","custom_label_1":"CBF","custom_label_2":"Top","custom_label_3":null,"custom_label_4":null,"feed_article_type":"single","feed_multipack_qty":null,"feed_content_value":5,"feed_content_unit":"ml","feed_item_group":null,"feed_excluded_destinations":[],"feed_image":null,"feed_title":"Anti-Wrinkle Skin Booster Serum - Clinical Beauty Filler Cocunat - For Microneedling - Hyaluronic Acid & Peptides - 1 Month 0.17 fl oz (5 ml)","feed_short_title":null,"feed_description":"Cocunat Clinical Beauty Filler is a monthly anti-wrinkle skin booster serum for microneedling with a filler effect, formulated with Regenix technology, a precision rebuilding system that works on the loss of firmness, structure and skin quality. It combines hyaluronic acid of 3 molecular weights, Matrixyl, the Argireline peptide and Rebuilder Active to visibly reduce the look of wrinkles, firm the skin and support cell renewal, with results visible from the first hours that last throughout the month. It is an intensive anti-aging skin booster designed for the moment when the skin stops responding to creams. How to use: once a month, wash your hands and cleanse the area with soap or micellar water, remove the cap, press the plunger so the product falls into your hand and spread it over the whole face, massaging until fully absorbed. Format: 1 application of 0.17 fl oz (5 ml), a 1-month supply.","feed_highlights":[],"feed_issues":[],"cross_sells":[{"id":478,"product_sku":"218","cross_sell_sku":"273","created_at":"2026-07-02 13:21:38","updated_at":"2026-07-02 13:21:38","title":"CLINICAL MOLECULAR THERAPY","handle":"clinical-molecular-therapy","subtitle":"Firming anti-ageing cream","variant_id":271,"short_description":"<p>Molecular Therapy with <strong>11 active molecules</strong> that targets the 5 signs of aging: <u>wrinkles, luminosity, spots, texture, and sagging</u>.</p>","long_description":"<p><u>TIGHTENS, FIRMS, RESTORES</u>. <br><br>Anti-aging firming cream, designed to provide a <strong>360º treatment</strong>, combat signs of aging, and address the effects of pre-, peri-, and menopause.<br><br>It is a unique <u>Molecular Therapy</u> with <strong>11 active molecules</strong> that improve communication between the skin cells to target the 5 signs directly involved in aging, such as <u>wrinkles, luminosity, spots, texture, and sagging</u>.<br><br>Independent clinical results:</p><p>After 14 days:</p><p>â Firmness increases by <strong>29.06%</strong></p><p>â Elasticity increases by <strong>24.42%</strong></p><p>After 28 days:</p><p>â Restores barrier function by <strong>25.43%</strong>.</p><p><br><em>*Result of the independent clinical test after 14 and 28 days, on 30 volunteers.</em></p>","price":{"amount":164.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5874860d-0a8f-4623-9ecd-48be2e51c8e6.jpg?v=1758793683","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/cc612f25-a1f7-4764-9945-31faaf8b258e.jpg?v=1758793698","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b6c92147-9574-4f4f-b959-2026879a44de.jpg?v=1758793707","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d2ff2abe-2147-419e-98df-bdafba0556c5.jpg?v=1758793716","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5375404f-cb45-4969-8c55-a150ef7a995a.jpg?v=1758793732"]},{"id":479,"product_sku":"218","cross_sell_sku":"219","created_at":"2026-07-02 13:21:38","updated_at":"2026-07-02 13:21:38","title":"Clinical Retinal 0.1","handle":"retinal","subtitle":"Nighttime Regenerative Facial Serum","variant_id":215,"short_description":"<p>Retinal multiplies its effectiveness, being 11 times faster and 3 times more potent than Retinol.</p>","long_description":"<p>Enhance your nighttime routine with a 0.1% Retinal cell renewal. Thanks to its SMART DELIVERY TECHNOLOGY system, its effectiveness has increased 11 times faster and 3 times more potent than Retinol. Niacinamide and Hyaluronic Acid hydrate, reduce wrinkles and spots, stimulate collagen, and transform the skin into radiant and smooth. </p><p>Independent clinical results:</p><ul><li><p>Up to 86.4% increase in elasticity*</p></li><li><p>Up to 44.9% reduction in wrinkles*</p></li><li><p>Up to 51.9% better cellular renewal*</p></li></ul><p>*Results of an independent clinical test over 28 and 56 days on 30 volunteers.</p>","price":{"amount":97.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f0d22ee0-06b4-4d7a-974a-5e977ff6ddd7.jpg?v=1734608012","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b4884fff-abdc-4e31-935b-b3b011134bd5.jpg?v=1734608022","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/222226fd-04b0-4147-b9aa-b7ceef219c3b.jpg?v=1734608030","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52031b59-256c-4fc9-bc31-0160c31ef5c2.jpg?v=1734608051","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b06a0d9c-e497-4c26-bc8f-d7d787a3de46.jpg?v=1734608061","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/93e1256d-ecb5-431e-a3cf-a37160a3e27e.jpg?v=1734608070","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/692cd91a-a762-4754-8397-a613268542a3.jpg?v=1734608082"]},{"id":477,"product_sku":"218","cross_sell_sku":"427","created_at":"2026-07-02 13:21:37","updated_at":"2026-07-02 13:21:37","title":"CLINICAL EXOSOMES","handle":"clinical-exosomes","subtitle":"V-Lifting Serum 8 weeks","variant_id":359,"short_description":"<p>Exosome serum that redefines<strong> your facial contours</strong> with <strong>V-LIFTING</strong>. Eliminates wrinkles and restores firmness.</p>","long_description":"<p><strong>REACTIVATES CELLULAR COMMUNICATION.<br>REDEFINES YOUR CONTOURS.<br><br></strong>Serum with <strong>exosomes </strong>that<strong> redefines your contours</strong>, achieving <strong>V-LIFTING</strong> in 8 weeks. Over time, our cells stop communicating effectively, accelerating ageing and causing sagging, wrinkles, etc. <strong>Exosomes act as intelligent youth capsules</strong> that restore this cellular dialogue and restore firmness to the face. <br><br><u>CLINICAL EXOSOMES</u> reprogram the skin to regain its natural definition, reducing wrinkles and restoring firmness, elasticity and tension to the facial oval.<br><br>Independent clinical results:<br>⢠<strong>+47% </strong>REDEFINITION of the facial oval.<br>â¢<strong> 100%</strong> of cases with less visible wrinkles.<br>⢠Up to <strong>65%</strong> less deep wrinkles.<br><em>*Results of independent clinical testing over 28 and 56 days on 30 volunteers.</em></p>","price":{"amount":106.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b5c6b5ee-7b12-4d37-931e-903d23fffd87.jpg?v=1758792427","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6e32bbe0-af4d-4956-bb11-413f26f827d1.jpg?v=1758792438","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e375c39d-1a0b-4ad4-870f-cd439de88408.jpg?v=1758792448","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/9a8b5b36-6ef3-450a-837e-f391f2ee0eb8.jpg?v=1758792457","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/fabc832c-d37a-4f25-89e5-a38535328b6a.jpg?v=1758792465","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/965cc103-6ffd-4efb-88de-064af2ecfe95.jpg?v=1758792474"]}]}; 4482 4483 document.addEventListener('DOMContentLoaded', () => { 4484 setTimeout(() => { 4485 const priceElement = document.querySelector(`.price[data-sku="${product?.sku}"]`); 4486 const finalPrice = priceElement?.getAttribute('data-final-price') 4487 ? parseFloat(priceElement.getAttribute('data-final-price')) 4488 : product?.price?.amount; 4489 const originalPrice = priceElement?.getAttribute('data-original-price') 4490 ? parseFloat(priceElement.getAttribute('data-original-price')) 4491 : (product?.compare_at_price?.amount || product?.price?.amount);
4492 try { 4493 document.dispatchEvent(new CustomEvent('EventViewContent', { 4494 detail: { 4495 productId: product?.sku, 4496 productName: product?.title, 4497 platform_variant_id: product?.platform_variant_id, 4498 price: finalPrice, 4499 originalPrice: originalPrice, 4500 currency: product?.price?.currency, 4501 image: product?.thumbnail || product?.gallery?.[0], 4502 handle: product?.handle 4503 } 4504 })); 4505 } catch (e) { 4506 console.error(e); 4507 } 4508 }, 1000); 4509 }); 4510})();</script>
4510<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"> 4511© 2026 COCUNAT - INTERNATIONAL 4512</div> </footer> </div> </div>
4512<script> 4513 const form = document.getElementById('newsletter-form'); 4514 const emailInput = document.getElementById('newsletter-email'); 4515 const submitButton = document.getElementById('newsletter-submit'); 4516 const messageDiv = document.getElementById('newsletter-message'); 4517 const successMessage = document.getElementById('success-message'); 4518 const errorMessage = document.getElementById('error-message'); 4519 const buttonText = submitButton?.querySelector('span:not(#loading-spinner)'); 4520 const loadingSpinner = document.getElementById('loading-spinner'); 4521 4522 function hideMessages() { 4523 successMessage?.classList.add('hidden'); 4524 errorMessage?.classList.add('hidden'); 4525 } 4526 4527 function identifyNewsletterProfile(email) { 4528 window._learnq = window._learnq || []; 4529 window._learnq.push(['identify', { 4530 '$email': email, 4531 'Signup Source': 'footer-form' 4532 }]); 4533 } 4534 4535 async function getGeoInfo() { 4536 try { 4537 const response = await fetch((window.__GEO_URL || 'https://geo.cocunat.workers.dev') + '/'); 4538 return await response.json(); 4539 } catch (error) { 4540 console.error('Error fetching geo info:', error); 4541 return { country: 'EN', language: 'US' }; // Default fallback 4542 } 4543 } 4544 4545 async function submitNewsletter(email, geoInfo) { 4546 const payload = { 4547 email, 4548 country: geoInfo.country, 4549 language: geoInfo.language, 4550 phone_number: '', 4551 birthday: '', 4552 where: 'footer-form', 4553 utm_campaign: 'website', 4554 utm_medium: 'website', 4555 utm_source: 'footer' 4556 }; 4557 4558 try { 4559 const response = await fetch((window.__REST_API_URL || 'https://rest-api.cocunat.com') + '/v2/leads/', { 4560 method: 'POST', 4561 headers: { 4562 'Content-Type': 'application/json', 4563 }, 4564 body: JSON.stringify(payload) 4565 }); 4566 4567 if (!response.ok) throw new Error('Subscription failed'); 4568 return true; 4569 } catch (error) { 4570 console.error('Error submitting newsletter:', error); 4571 return false; 4572 } 4573 } 4574 4575 form?.addEventListener('submit', async (e) => { 4576 e.preventDefault(); 4577 4578 if (!emailInput || !messageDiv || !submitButton || !buttonText || !loadingSpinner || !successMessage || !errorMessage) return; 4579 4580 const email = emailInput.value.trim(); 4581 if (!email) return; 4582 identifyNewsletterProfile(email); 4583 4584 try { 4585 submitButton.disabled = true; 4586 buttonText.classList.add('invisible'); 4587 loadingSpinner.classList.remove('hidden'); 4588 hideMessages(); 4589 4590 const geoInfo = await getGeoInfo(); 4591 const success = await submitNewsletter(email, geoInfo); 4592 4593 try{ 4594 const currentUrl = new URL(window.location.href); 4595 document.dispatchEvent(new CustomEvent('EventGenerateLead', { 4596 detail: { 4597 market: currentUrl.pathname.split('/')[1].replace("/", ""), 4598 url: window.location.href, 4599 section: 'footer', 4600 section_action: 'submit' 4601 } 4602 })); 4603 }catch(e){ 4604 console.error(e); 4605 } 4606 4607 if (success) { 4608 successMessage.classList.remove('hidden'); 4609 emailInput.value = ''; 4610 } else { 4611 throw new Error('Subscription failed'); 4612 } 4613 } catch (error) { 4614 errorMessage.classList.remove('hidden'); 4615 } finally { 4616 submitButton.disabled = false; 4617 buttonText.classList.remove('invisible'); 4618 loadingSpinner.classList.add('hidden'); 4619 } 4620 }); 4621</script>
4621 <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>
4621<script src="/general.js?v=2"></script>
4621 <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>
4621<script> 4622 function amm() { 4623 try { 4624 var s, d; 4625 s = localStorage.getItem("amm"); 4626 d = JSON.parse(s); 4627 if (d) { 4628 return d; 4629 } 4630 } catch (err) { 4631 console.log(err); 4632 } 4633 } 4634 4635 function loadFacebookPixel() { 4636 if (window.fbq) return; 4637 window.fbq = function() { 4638 window.fbq.callMethod ? 4639 window.fbq.callMethod.apply(window.fbq, arguments) : 4640 window.fbq.queue.push(arguments); 4641 }; 4642 if (!window._fbq) window._fbq = window.fbq; 4643 window.fbq.push = window.fbq; 4644 window.fbq.loaded = true; 4645 window.fbq.version = '2.0'; 4646 window.fbq.queue = []; 4647 } 4648 4649 loadFacebookPixel(); 4650 4651 const script = document.createElement('script'); 4652 script.async = true; 4653 script.src = 'https://connect.facebook.net/en_US/fbevents.js'; 4654 document.head.appendChild(script); 4655 4656 window.fbq('init', '1983837231849232', amm()); 4657 window.fbq('track', 'PageView', {}, { 4658 eventID: 'fb_pv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9) 4659 }); 4660 </script>
4660<script> 4661 // Google Tag Manager
vendor: 348 bytes, lines 4661-4666
4661 4662 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4663 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4664 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4665 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4666 })(window,document,'script','dataLayer','
4666GTM-KW3SVVL
vendor: 9 bytes, lines 4666-4668
4666'); 4667 4668
4668window.dataLayer = window.dataLayer || []; 4669 function gtag(){dataLayer.push(arguments);} 4670 gtag('js', new Date()); 4671 4672 //gtag('config', 'G-YJK3235YE2'); 4673 //gtag('config', 'AW-966514714', {'allow_enhanced_conversions': true}); 4674 4675 // Consent function 4676 function allConsentGranted() { 4677 gtag('consent', 'update', { 4678 'ad_user_data': 'granted', 4679 'ad_personalization': 'granted', 4680 'ad_storage': 'granted', 4681 'analytics_storage': 'granted' 4682 }); 4683 } 4684 4685 // Set timeout for consent 4686 //setTimeout(allConsentGranted, 4000 + Math.floor(Math.random() * 1000)); 4687 </script>
4687<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/YdBuXU/klaviyo.js"></script>
4687<script> 4688 /* >> TriplePixel :: start*/ 4689 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); 4690 /* << TriplePixel :: end*/ 4691 </script>
4691<!-- Terceros NO criticos diferidos fuera del critical path de LCP. Dentro del 4692 template los scripts quedan inertes (no se parsean ni descargan) hasta que 4693 el inyector de abajo los recrea tras la primera interaccion o el primer idle. --><template id="cocunat-deferred-3p">
4693<script type="text/javascript"> 4694 (function() { 4695 var script = document.createElement('script'); 4696 script.type = 'text/javascript'; 4697 script.src = '//cdn-4.convertexperiments.com/v1/js/10043431-100414253.js?environment=production'; 4698 document.body.appendChild(script); 4699 })(); 4700 </script>
4700<script type="text/javascript"> 4701 !function(s) { 4702 let o = s.createElement('script'), u = s.getElementsByTagName('script')[0]; 4703 o.src = 'https://cdn.aggle.net/oir/oir.min.js'; 4704 o.async = !0, o.setAttribute('oirtyp', '6311ae17'), o.setAttribute('oirid', 'PCN8LBBDF'); 4705 u.parentNode.insertBefore(o, u); 4706 }(document); 4707 </script>
4707 4708
4708<script type="text/javascript"> 4709 !function(e) { 4710 let t = { }; 4711 (e._oirtrk = e._oirtrk || []).push(['track', 'on-site', t]); 4712 }(window); 4713 </script>
4713<script> 4714 // Outbrain Tracking Script 4715 (function() { 4716 try { 4717 console.log("Starting Outbrain tracking script"); 4718 4719 /* DO NOT MODIFY THIS CODE*/ 4720 !function(_window, _document) { 4721 var OB_ADV_ID = '003d68b0d82d96deca68d250f7d996c0ea'; 4722 if (_window.obApi) { 4723 var toArray = function(object) { 4724 return Object.prototype.toString.call(object) === '[object Array]' ? object : [object]; 4725 }; 4726 _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID)); 4727 return; 4728 } 4729 var api = _window.obApi = function() { 4730 api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments); 4731 }; 4732 api.version = '1.1'; 4733 api.loaded = true; 4734 api.marketerId = OB_ADV_ID; 4735 api.queue = []; 4736 var tag = _document.createElement('script'); 4737 tag.async = true; 4738 tag.src = '//amplify.outbrain.com/cp/obtp.js'; 4739 tag.type = 'text/javascript'; 4740 var script = _document.getElementsByTagName('script')[0]; 4741 script.parentNode.insertBefore(tag, script); 4742 }(window, document); 4743 4744 console.log("Outbrain script loaded"); 4745 4746 // Original tracking calls 4747 obApi('track', 'PAGE_VIEW'); 4748 console.log("Outbrain: Tracked PAGE_VIEW"); 4749 4750 obApi('track', 'Visita'); 4751 console.log("Outbrain: Tracked 'Visita'"); 4752 4753 } catch(e) { 4754 console.error("Error in Outbrain tracking script:", e); 4755 } 4756 })(); 4757 </script>
4757<script> 4758 window._tfa = window._tfa || []; 4759 window._tfa.push({notify: 'event', name: 'page_view', id: 1798403}); 4760 !function (t, f, a, x) { 4761 if (!document.getElementById(x)) { 4762 t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f); 4763 } 4764 }(document.createElement('script'), 4765 document.getElementsByTagName('script')[0], 4766 '//cdn.taboola.com/libtrc/unip/1798403/tfa.js', 4767 'tb_tfa_script'); 4768 </script>
4768<script> 4769 var awMastertag = document.createElement("script"); 4770 awMastertag.setAttribute("defer", "defer"); 4771 awMastertag.src = "https://www.dwin1.com/49403.js"; 4772 awMastertag.type = "text/javascript"; 4773 document.getElementsByTagName("body")[0].appendChild(awMastertag); 4774 </script>
4774</template>
4774<script> 4775 /* Inyector de terceros diferidos: recrea los scripts inertes del template de 4776 arriba (Convert, Aggle, Outbrain, Taboola, AWIN) fuera del critical path de 4777 LCP. GTM, FB, TriplePixel y Klaviyo quedan EAGER por ser criticos. Dispara en 4778 la primera interaccion o, sin interaccion, en el primer idle tras 4779 DOMContentLoaded (techo 2.5s). Reversible: borra este bloque y el template 4780 y vuelve a dejar los scripts como estaban. */ 4781 (function () { 4782 var fired = false; 4783 var evs = ['pointerdown', 'keydown', 'touchstart', 'scroll', 'mousemove']; 4784 function cleanup() { 4785 evs.forEach(function (e) { window.removeEventListener(e, go, { passive: true }); }); 4786 } 4787 function go() { 4788 if (fired) return; 4789 fired = true; 4790 cleanup(); 4791 var tpl = document.getElementById('cocunat-deferred-3p'); 4792 if (!tpl || !tpl.content) return; 4793 var scripts = tpl.content.querySelectorAll('script'); 4794 for (var i = 0; i < scripts.length; i++) { 4795 var old = scripts[i]; 4796 var s = document.createElement('script'); 4797 for (var j = 0; j < old.attributes.length; j++) { 4798 s.setAttribute(old.attributes[j].name, old.attributes[j].value); 4799 } 4800 if (!old.src) s.text = old.textContent; 4801 document.body.appendChild(s); 4802 } 4803 } 4804 evs.forEach(function (e) { window.addEventListener(e, go, { passive: true }); }); 4805 function schedule() { 4806 if ('requestIdleCallback' in window) requestIdleCallback(go, { timeout: 2500 }); 4807 else setTimeout(go, 2000); 4808 } 4809 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', schedule); 4810 else schedule(); 4811 })(); 4812</script>
4812<script> 4813 setTimeout(() => { 4814 try{ 4815 const waitForAxon = (callback, maxAttempts = 10, interval = 1000) => { 4816 let attempts = 0; 4817 const tryAxon = () => { 4818 if (typeof axon !== 'undefined') { 4819 callback(); 4820 } else if (attempts < maxAttempts) { 4821 attempts++; 4822 setTimeout(tryAxon, interval); 4823 } else { 4824 console.error('Axon failed to load after maximum attempts'); 4825 } 4826 }; 4827 tryAxon(); 4828 }; 4829 waitForAxon(() => { 4830 axon("track", "page_view", {}); 4831 }); 4832 }catch(e){ 4833 console.error("Error in Axon tracking script:", e); 4834 } 4835 }, 500); 4836 </script>
4836<script> 4837(function (w, d) { 4838 w.addEventListener("load", function () { 4839 var s = d.createElement("script"); 4840 s.src = "https://rum.corewebvitals.io/cwv/69b29c1d4f2b3f56f02bf58d.js"; 4841 d.head.appendChild(s); 4842 }); 4843})(window, document); 4844</script>
4844<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">
4844<script> 4845 // KLAVIYO POPUP FORM 4846 window._klOnsite = window._klOnsite || []; 4847 4848 // Helper functions for cookie management 4849 function getCookie(name) { 4850 const value = `; ${document.cookie}`; 4851 const parts = value.split(`; ${name}=`); 4852 if (parts.length === 2) return parts.pop().split(';').shift(); 4853 return null; 4854 } 4855 4856 function setCookie(name, value, days) { 4857 const expires = new Date(); 4858 expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000)); 4859 document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=/`; 4860 } 4861 4862 // Check if user is on mobile based on screen width only 4863 function isMobile() { 4864 return window.innerWidth <= 768; 4865 } 4866 4867 // Function to set up form listeners 4868 function setupKlaviyoFormListeners() { 4869 const waitForForm = setInterval(function() { 4870 const formButtons = document.querySelectorAll('form.klaviyo-form button'); 4871 4872 if (formButtons.length > 0) { 4873 // Add click listener to all buttons in the Klaviyo form 4874 formButtons.forEach(function(button) { 4875 button.addEventListener('click', function() { 4876 // Set cookie to block popup for 5 days 4877 setCookie('klaviyo_popup_blocked', 'true', 5); 4878 }); 4879 }); 4880 4881 // Also check for close button (X) if it exists 4882 const closeButton = document.querySelector('.klaviyo-close-form'); 4883 if (closeButton) { 4884 closeButton.addEventListener('click', function() { 4885 setCookie('klaviyo_popup_blocked', 'true', 5); 4886 }); 4887 } 4888 4889 clearInterval(waitForForm); 4890 } 4891 }, 100); // Check every 100ms 4892 4893 // Clear interval after 10 seconds to prevent memory leak 4894 setTimeout(function() { 4895 clearInterval(waitForForm); 4896 }, 10000); 4897 } 4898 4899 // Check if popup was blocked by user 4900 const popupBlocked = getCookie('klaviyo_popup_blocked'); 4901 4902 // Check if URL contains "/en-" 4903 const isEnglishMarket = window.location.pathname.includes('/en-'); 4904 4905 // Show popup on English markets and if not blocked 4906 if (isEnglishMarket && !popupBlocked && 1 == 2) { 4907 // Wait 6 seconds before showing popup 4908 setTimeout(function() { 4909 // Double-check the blocked cookie in case it was set during the wait 4910 if (!getCookie('klaviyo_popup_blocked')) { 4911 // Show different form based on device type 4912 const formId = isMobile() ? 'XDKSbu' : 'Xvkubh'; 4913 window._klOnsite.push(['openForm', formId]); 4914 4915 // Set up form listeners after opening the form 4916 setupKlaviyoFormListeners(); 4917 } 4918 }, 6000); // 6 seconds delay 4919 } 4920 4921 /*<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>*/ 4922 </script>
4922 <!-- 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> 4923Parece 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. 4924</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> 4925SÃ, soy de Canarias 4926</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> 4927No, continuar 4928</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>
4928<script>(function(){const product = {"title":"CLINICAL BEAUTY FILLER","child_title":"1 month","handle":"clinical-beauty-filler","subtitle":"Anti-aging serum + micro-infusion","routine_step_title":"","thumbnail":null,"thumbnail_ugc":null,"short_description":"<p>The new generation of skincare: <u>JUST ONE APPLICATION PER MONTH, and in</u><strong><u> 3 hours, 25,1% fewer wrinkles.</u></strong></p>","long_description":"<p><strong>1 APPLICATION, -25.1% WRINKLES.</strong></p><p>Aesthetic medicine at home.</p><p>Anti-aging treatment that combines an ultra-concentrated serum applied with the micro-infusion technique. Its delivery system reaches where creams can't: <u>30 times deeper</u>.</p><p><br><strong><u>GREATER PENETRATION = BETTER RESULTS.</u></strong></p><p>Painless. Easy. Safe.</p><p><br>It contains <u>Hyaluronic Acid</u> of 3 molecular weights and Peptides inspired by aesthetic medicine, such as Matrixyl® (filler) that fills wrinkles, and Argireline® (botox-like). This combination visibly tightens, reduces, and fills wrinkles, with immediate and lasting results in 3 hours:<br></p><p>â¢<strong> At 3 hours </strong>post-application, wrinkles decrease by <strong>25,1%</strong>*</p><p>â¢<strong> At 24 hours</strong>, elasticity<strong> </strong>increases by <strong>24.2%</strong>*</p><p>â¢<strong> At 14 days </strong>post-application,<strong> </strong>firmness increases by <strong>33.3%</strong>* </p><p></p><p><em><small class=\"cocunat-wysiwyg-small\">*Results from an independent clinical test over 14 days, one application, on 30 volunteers. </small></em></p><p><em><small class=\"cocunat-wysiwyg-small\">^Argireline® is a trademark of Lubrizol Advanced Materials, Inc., or its affiliates.</small></em><br><br><strong>FILLS. SMOOTHES. FIRMS.</strong></p><p>At home. <u>In 5 minutes</u>.</p>","is_indicated_for_me":"","subscription_claim":"","hide_search":0,"banner_one_url":"","cross_selling_title":"","upsells_json":[],"child_products":{"skus":["233","23611"],"default_sku":"233"},"sku":"218","platform_variant_id":"gid://shopify/ProductVariant/47765267644762","price":{"amount":169.95,"currency":"USD","market":"us"},"ingredients":"INGREDIENTS / INGREDIENTES: INGREDIENTS / INGREDIENTES: AQUA (WATER), PROPANEDIOL, PENTYLENE GLYCOL, GLYCERIN, ACETYL HEXAPEPTIDE-8, PALMITOYL TRIPEPTIDE-38*, SODIUM HYALURONATE, HYDROLYZED HYALURONIC ACID, SODIUM ACETYLATED HYALURONATE, SQUALENE, BETA-SITOSTEROL, LEVULINIC ACID, CELLULOSE GUM, GLYCERYL CAPRYLATE, HYDROGENATED PHOSPHATIDYLCHOLINE, LYSOLECITHIN, LECITHIN, CHONDRUS CRISPUS (CARRAGEENAN) POWDER, CERATONIA SILIQUA GUM, SODIUM PHYTATE, GLUCOSE, HYDROXYPROPYL CYCLODEXTRIN, CAPRYLYL GLYCOL, SODIUM BENZOATE, TOCOPHEROL, CITRIC ACID, POTASSIUM SORBATE, PHYTIC ACID\n\n*Ingredient from sustainable farming. RSPO/MB / Ingrediente procedente de cultivo sostenible. RSPO/MB","ingredients_title":"","ingredients_description":"<p></p>","new_ingredients_headings":[{"value":"99.87%","label":"Naturally Derived Ingredients"}],"new_ingredients_lists":[{"name":"Argireline® Peptide","description":"Botox Like - Lifting effect, firmer skin and collagen stimulation."},{"name":"Matrixyl® (Péptido)","description":"Wrinkle filler. Ensures optimal tissue architecture."},{"name":"Rebuilder Active","description":"It's a biomimetic vesicle that recovers firmness and elasticity."},{"name":"Hyaluronic Acidcomplex","description":"a combination of 3 hyaluronic acids of different molecular weights â Hydrates, fills and tightens."}],"new_ingredients_note":"","ingredients_image":"","ingredients_old_image1":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/INT-Ingredientes-Infografia-CBF_01.jpg?v=1706190484","ingredients_old_image2":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/INT-Ingredientes-Infografia-CBF_02.jpg?v=1706190484","benefits_list":"2,5,14,15,17","gallery_preview":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/CBF_1.jpg?v=1726497416","before_image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f0f5c4f-d7fc-463c-ad51-6bad32b8f7f0.jpg?v=1779900061","after_image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6f64b27f-e667-458f-9dad-6a067a33273a.jpg?v=1779900068","reviews_stars":5,"reviews_count":10,"before_after_title":"PROVEN CLINICAL RESULTS","before_after_description":"","before_after_claims":[{"stats":"25.1%","description":"WRINKLES DECREASE AT 3H"},{"stats":"24.2%","description":"ELASTICITY INCREASES AT 24 H"},{"stats":"33.3%","description":"FIRMNESS INCREASES AT 14 DAYS"}
4928],"variant_id":200,"invoice_short_description":"","invoice_long_description":"Iluminating face serum","invoice_fda":"","invoice_content":"5ml / 0,17 fl. Oz + 5ml / 0,17 fl. Oz","invoice_hscode":"3304.99.99","invoice_envase":"Tube","invoice_pack_breakdown":false,"weight_grams":0,"keywords":"clinical beauty filler, anti-aging microneedling serum, monthly anti-aging treatment, microneedle hyaluronic serum, at-home microneedling device, peptide wrinkle filler serum, hyaluronic acid multi-molecular serum, rapid wrinkle reduction serum, high-penetration skincare, professional-grade microneedling serum, botox alternative peptide serum, long-lasting anti-wrinkle treatment, skin tightening microneedle serum, advanced microneedling applicator, concentrated anti-aging serum","pdp_info_note":"","listing_type":"regular","countdown_date":null,"product_importance":"empty","product_tags_image_list":"1","view_counter":0,"low_stock":0,"out_of_stock":0,"subscription_type":"none","gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013","https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4"],"gallery_images":[{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f40c2ba5-9d5a-4622-9c90-093a72635f82.png?v=1761921606","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6d15af64-717c-4be0-9dd5-0b1ea5176cbf.jpg?v=1772440582","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/bca4a5d7-a3b0-40a2-9b26-3510c8b7d31f.jpg?v=1772440601","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7668ab0c-eda3-46ba-836c-f3d4a1143e42.jpg?v=1772441333","category":"before_and_after"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6969a971-bcce-4a7b-9b8a-e46c24767592.jpg?v=1772441341","category":"before_and_after"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/dcc4a5c2-7784-43d8-acae-7b11ca227899.jpg?v=1751539989","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/04b75628-82c0-427e-9389-a67c95fc2d7b.jpg?v=1751539998","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d6a26a41-cf77-491b-ac75-a704e74769f3.jpg?v=1751540006","category":"producto"},{"url":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/884fd71d-50b2-4a51-a3b4-d31d36a35290.jpg?v=1751540013","category":"producto"},{"url":"https://cdn.shopify.com/videos/c/vp/30ae70f0521f4c59bac56ce5478bd870/30ae70f0521f4c59bac56ce5478bd870.SD-480p-0.9Mbps-83313716.mp4","category":"video"}],"banners":[{"type":"component-base","title":"STAR <s><i>INGREDIENT</i></s>","description":"<p><strong><u>INTRAEPIDERMAL PENETRATION APPLICATOR</u></strong><br></p><img src=\"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5f519afa-789a-4ff0-aeca-533bce1e7e27.gif?v=1735034992&width=1200&format=webp\"><p></p><p>With CLINICAL BEAUTY FILLER, we've <em>\"<u>Democratized aesthetic medicine</u>\"</em> for this, we've combined the benefits of the microneedling technique with direct intraepidermal penetration. Each press transports the serum, achieving absorption <u>30 times greater than</u> any other cream. <br><br>GREATER PENETRATION â BETTER RESULTS<br> <br>Its device works on several fronts:</p><ul><li><p><strong>COLLAGEN BIO-STIMULATOR</strong>: With its medical-grade hollow needles, pathways are created that trigger an increase in collagen and elastin production, leading to <u>more firmness and fewer wrinkles</u>.</p></li><li><p><strong>ACTIVE INGREDIENT PENETRATION:</strong> Its ultra-fine hollow needles transport the concentrated serum to the skin, accelerating the absorption of active ingredients and thus increasing their efficacy. </p></li></ul><p><strong>Results:</strong></p><p><u>30X </u>+ penetration than the application of any other cream or serum </p><p><u>15X </u>+ absorption than any other microneedling treatment </p><p><u>15X</u> + economical than the average price of an aesthetic procedure</p><p>
4928⢠At <strong>3 hours</strong> post-application, wrinkles decrease by <strong>25,1%</strong></p><p>⢠At <strong>24 hours</strong>, elasticity increases by <strong>24.2%</strong></p><p>⢠At <strong>14 days</strong> post-application, firmness increases by <strong>33.3%</strong></p>","image-mobile":"","image-desktop":"","styles":{},"title-styles":{}}],"video_reviews":[{"placeholder":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Group_89.png?v=1720784331","video_url":"https://cdn.shopify.com/videos/c/o/v/425e381635f1475d97d967a9fb824a02.mp4"},{"placeholder":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/Group_88.png?v=1720784331","video_url":"https://cdn.shopify.com/videos/c/o/v/f451c53df2b74390b0c8d467166329b7.mp4"}],"featured_review":{"name":"SANDRA M.","review":"My face was melting, but this has solved it COMPLETELY.","stars":5},"reviews":[{"name":"SANDRA M.","review":"My face was melting, but this has solved it COMPLETELY.","stars":5},{"name":"ELISA N.","review":"Simply WOW, I can't stop touching my face! It's incredibly soft, juicy and best of all, I look younger.","stars":5},{"name":"RAQUEL P.","review":"It has changed my life. I feel young and confident again.","stars":5},{"name":"ANA M. ","review":"At first, I was skeptical, but I decided to give it a try. Honestly, I can't believe the difference. My wrinkles have noticeably softened, and my skin is more radiant.","stars":5},{"name":"KATHY P.","review":"I no longer have the need to wear a thousand layers of makeup. I see it more illuminated than ever.","stars":5},{"name":"MARÃA V.","review":"Finally SOMETHING THAT WORKS!","stars":5},{"name":"ELISA O.","review":"It is the best anti wrinkle I have ever tried.","stars":5},{"name":"JENNY A.","review":"Nothing has ever succeeded in reducing my wrinkles until now. I feel like I'm 10 years younger.","stars":5},{"name":"TERESA M.","review":"I tried it because I am tired of spending a fortune on clinics and it was the best decision. I confirm that it has better results and AT A BETTER PRICE.","stars":5},{"name":"PENNY A.","review":"I'm amazed at how quickly I've seen results. After half an hour I could feel less wrinkles.","stars":5}],"faqs":[{"question":"After the treatment, can I use my usual routine?","answer":"Yes, although it is not necessary. Once we have performed the treatment, we will spread the remaining serum over the skin to enhance its absorption over the face, neck, and décolleté.\nAfter 12 hours, you can apply your usual routine and makeup. IMPORTANT: On the day we use CLINICAL BEAUTY FILLER, we will not use CHEMICAL PEELINGS (CLINICAL AHA COMPLEX 10%) nor RETINOIDS (CLINICAL RETINAL 0.1) nor vitamin C (CLINICAL THE REAL C) on our skin for 48H. Importantly, remember that for the remaining 29 days, you should continue with your supportive skincare routine"},{"question":"Does the treatment hurt?","answer":"Absolutely NOT.\nCLINICAL BEAUTY FILLER is a painless treatment; you may experience minimal discomfort. The ultrafine micro-needles are thinner than human hair, so it's more akin to a tickle. CLINICAL BEAUTY FILLER has been designed so that you can use it at home easily and completely painlessly. Remember that thousands of women worldwide already use it without any problem."},{"question":"Is the product safe?","answer":"CLINICAL BEAUTY FILLER is a 100% safe treatment. It contains a single-use sterilized head and has been designed for a painless application that can be done from home with total peace of mind. It also meets all the necessary and mandatory tests required by regulation to be a 100% safe cosmetic."},{"question":"What is the difference between CLINICAL BEAUTY FILLER and other microinfusion, microneedling, or roller-blading treatments?","answer":"The main differentiation is that the rest of the microneedling devices have opaque needles. Instead, CLINICAL BEAUTY FILLER has 0.5mm hollow needles that transport the serum into the skin with each press.\nThat's why this treatment, unlike any other, has multiplying results such as:\nâ Penetration 30 times greater than the application of any cream.\nâ Absorption 15 times greater than other treatments.\nâ 15 times more economical than the average price in aesthetics.\n\nWe also indicate the difference with basic microneedling devices that claim to infuse.\nBelow, I list the key differences:\n⢠Size of the application area\nBasic devices have a much smaller area, which limits coverage and effectiveness with each application.\nIn contrast, CLINICAL BEAUTY FILLER allows for more efficient surface coverage by having a larger area of application.\n⢠Ease of use and position\nBasic devices depen
4928d on gravity for the serum to slide: for the serum to flow, you must place yourself in uncomfortable positions, especially in areas like the cheekbones or jawline.\nWith CLINICAL BEAUTY FILLER, a pump drives the serum even against gravity, making it easy to use in any position.\n⢠Type of needles\nThe needles of basic devices are not hollow, which forces the serum to slide on the surface, losing efficacy.\nThe hollow needles of CLINICAL BEAUTY FILLER transport the serum directly through them, achieving 30 times greater penetration than any other system.\n⢠Sterilization and safety of Basic devices are often purchased on platforms like AliExpress and arrive unsterilized, usually open and without sanitary control.\nCLINICAL BEAUTY FILLER guarantees safety: its head comes in an individual bag, completely sterilized and ready to use, protecting your skin and your health.\n⢠Efficiency and results\nWhile basic devices have limited absorption, the CLINICAL BEAUTY FILLER system allows 15 times greater absorption than other microneedling.\nMoreover, its ergonomic design makes it simple and effective, achieving results like 18.9% fewer wrinkles in 3 hours and 33.3% more firmness in 14 days, backed by independent clinical studies.\n\nIn summary, although basic devices may seem economical, you get what you pay for. CLINICAL BEAUTY FILLER combines technology, safety, and effectiveness, offering a superior solution for your skincare."}],"scientific_claim_type":"show_default","scientific_claims":[{"image":"https://shopify-cdn.cocunat.com/3e4e39ff-37f9-4c8d-8adf-0474bd967a31.webp","description":"âMicroneedling delivers active ingredients where a cream canât reach. Clinical results in three hours and progressively firmer skin.â","doctor_name":"Anna Puigdollers","work_place":"Dermatologist · Teknon, Grupo Pedro Jaén"},{"image":"https://shopify-cdn.cocunat.com/ffb9ce8d-90d0-4fa0-9254-fcdeb7990d48.webp","description":"âIn 8 years as a dermatologist, I had never seen anything like this. From the very first use: fewer wrinkles, more firmness and radiance with 1 application per month.â","doctor_name":"Dra. Alejandra Reolid","work_place":"Dermatologist MD, PhD · Hospital La Princesa"},{"image":"https://shopify-cdn.cocunat.com/d1b62674-932c-48f7-806e-5f8550999ddf.jpg","description":"","doctor_name":"Dr. Garcia Legaz","work_place":"Dermatologist"}],"video_testimonials_type":"show_default","video_testimonials":{"title":"+150,000 women have integrated it into their daily routine","videos":[{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-1.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-01.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-01.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-2.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-02.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-02.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-3.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-03.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-03.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-4.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-04.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-04.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-5.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-05.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-05.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-6.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-06.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-06.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-7.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-07.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-07.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-8.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-08.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-08.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-9.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-09.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-09.webp","product_id":null,"product":null},{"video_url":"https://microsites-chi.vercel.app/videos/cbf/videowall-10.mp4","thumbnail_url":"/images/cbf/video-wall/thumb-10.webp","thumbnail_mobile_url":"/images/cbf/mobile/vw-thumb-10.webp","product_id":null,"product":null}]},"video_testimonials_default_id":null,"clinical_results":{"introduction":"<p><u>CLINICAL TEST OBJECTIVE:</u></p><p>Evaluate the anti-aging, densifying, and firming efficacy of this cosmetic product on a minimum of <u>30 volunteers (ages 40-60)</u> with signs of aging, over 14 days, under specified normal conditions, a single application of the product and <u>the evaluation of results over 14 days</u>. </p><p>The gel is formulated to improve signs of aging, such as Loss of firmness, elasticity, facial volume, sagging, wrinkles, and loss of hydration.</p>","results":[{"title":"","image":"","content":"<p><u>INDEPENDENT TEST RESULTS:</u></p><p>EVALUATION OF <strong>FIRMING</strong> EFFICACY</p><ul><li><p>At <strong>10 hours</strong> post-application, there is an increase in firmness (<strong>25,1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in firmness (<strong>26%</strong>)</p></li><li><p>At <strong>
49287 days</strong> post-application, there is an increase in firmness (<strong>26.1%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is an increase in firmness (<strong>33.3%</strong>)</p></li></ul>"},{"title":"","image":"","content":"<p>EVALUATION OF<strong> ELASTICITY</strong> EFFICACY</p><ul><li><p>At <strong>3 hours</strong> post-application, there is an increase in elasticity (<strong>13.8%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is an increase in elasticity (<strong>24.0%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is an increase in elasticity (<strong>24.2%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is an increase in elasticity (<strong>18.9%</strong>)</p></li></ul>"},{"title":"","image":"","content":"<p>EVALUATION OF THE <strong>REDUCTION OF TRANSEPIDERMAL WATER LOSS</strong> (TEWL)</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At<strong> 24 hours</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>13.8%</strong>)</p></li><li><p>At <strong>14 days</strong> post-application, there is a decrease in transepidermal water loss (<strong>22%</strong>)</p></li></ul>"},{"title":"","image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/7b9e12ab-1bf8-41f8-b19c-5f87ee38206f.jpg?v=1734686374","content":"<p><strong>ANTI-WRINKLE</strong> EVALUATION</p><ul><li><p>At <strong>3 hours</strong> post-application, there is a decrease in wrinkles (<strong>25,1%</strong>)</p></li><li><p>At <strong>10 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.1%</strong>)</p></li><li><p>At <strong>24 hours</strong> post-application, there is a decrease in wrinkles (<strong>16.4%</strong>)</p></li><li><p>At <strong>7 days</strong> post-application, there is a decrease in wrinkles (<strong>17.9%</strong>)</p></li><li><p><strong>14 days</strong> after a single application of the product, there is a decrease in wrinkles (<strong>11.4%</strong>)</p></li></ul>"}],"conclusion":"<p>TEST TIME & OPERATION:<br><br>To evaluate the product's efficacy, the following biometric measurements are used:</p><ul><li><p><strong>Firming/elasticity/anti-fatigue efficacy:</strong> measuring the mechanical deformation of the skin with the dual MPA 580 Cutometer® probe (Courage & Khazaka electronic),</p></li><li><p><strong>Barrier function efficacy:</strong> measuring the water evaporation density gradient from the skin with the Tewameter® TM 300 probe (Courage & Khazaka electronic).</p></li><li><p><strong>Moisturizing efficacy</strong>: measuring the hydration distribution near the surface and skin microtopography with MoistureMap MM 100.</p></li><li><p><strong>Anti-wrinkle efficacy:</strong> measuring the skin topography with AEVA3D-HE2 VisioHOP (Eotech).</p></li><li><p>As visual support, facial photographs of participants are taken with AEVA3D-HE2 VisioHOP (EOTECH) and VisioFace® 1000 D (Courage + Khazaka electronic GmbH). Additionally, to measure the subjective efficacy and tolerability of the product, volunteers participating in the trial completed a subjective questionnaire at the end of the study. The tolerability and safety of the product were also monitored by recording any possible undesirable symptoms and signs that could appear from continued product use, which were dermatologically evaluated at the end of the trial.</p></li></ul>"},"tutorial":[{"title":"","content":"<p></p>","image":"https://cdn.shopify.com/s/files/1/0619/1693/8405/files/4c818bdc-7d07-40dc-a345-f9a0bbcf1a14.jpg?v=1735025189"},{"title":"SUPPORT CARE ROUTINE","content":"<p><strong>DAY ROUTINE:</strong></p><ol><li><p>Cleansing (PAMPER GEL)</p></li><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Vitamin C Serum (CLINICAL THE REAL C)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p><p></p></li></ol><p><strong>NIGHT ROUTINE:</strong></p><ol start=\"5\"><li><p>Cleansing â Makeup removal (PAMPER GEL / TOTAL CLEANSING MILK)</p></li></ol><ol start=\"6\"><li><p>Eye contour (THE ARCHITECT)</p></li><li><p>Retinoid (CLINICAL RETINAL 0.1)</p></li><li><p>Anti-aging cream (THE ABSOLUTE)</p></li></ol>","image":""},{"title":"PRECAUTIONS","content":"<ul><li><p>The heads are for single use only. They cannot be reused and must be disposed of after application.</p></li><li><p>This procedure may leave the skin reddened but should not hurt; if you feel pain, you may be applying too much pressure or incorrectly.</p></li><li><p>It is normal to feel a slight tingling. These symptoms should disappear shortly. If you have a special event, we recommend applying CLINICAL BEAUTY FILLER the night before or a few nights before.</p></li><li><p>Carefully follow the mode of use.</p></li><li><p>Do not apply it on wounds, scars, or pimples.</p></li><li><p>Avoid contact with eyes and mucous membranes.</p></li><li><p>Do not apply makeup to your face until 12 hours have passed.</p></li><li><p>Do not use CLINICAL BEAUTY FILLER in case of infectious skin diseases, uncontrolled diabetes complications, severe and uncontrolled diseases, metal allergies, in the case of keloids or hypertrophic scars, in the presence of rosacea, inflammation, cysts, skin excrescences, wounds, dermatitis and eczema.</p></li></ul>","image":""}
4928],"template":"pdp1","products_skus_inside":"","routine_day_skus":"218,53093,273","routine_night_skus":"","products_inside":[],"subscription_price":null,"subscription_selling_plans":[],"subscription_widget_type":"none","gtin":"8436570023217","mpn":"218","feed_active":true,"google_product_category":"2958","product_type":"Cosmética ClÃnica > Skin > Dispositivos y CBF","is_bundle":false,"custom_label_0":"Skin","custom_label_1":"CBF","custom_label_2":"Top","custom_label_3":null,"custom_label_4":null,"feed_article_type":"single","feed_multipack_qty":null,"feed_content_value":5,"feed_content_unit":"ml","feed_item_group":null,"feed_excluded_destinations":[],"feed_image":null,"feed_title":"Anti-Wrinkle Skin Booster Serum - Clinical Beauty Filler Cocunat - For Microneedling - Hyaluronic Acid & Peptides - 1 Month 0.17 fl oz (5 ml)","feed_short_title":null,"feed_description":"Cocunat Clinical Beauty Filler is a monthly anti-wrinkle skin booster serum for microneedling with a filler effect, formulated with Regenix technology, a precision rebuilding system that works on the loss of firmness, structure and skin quality. It combines hyaluronic acid of 3 molecular weights, Matrixyl, the Argireline peptide and Rebuilder Active to visibly reduce the look of wrinkles, firm the skin and support cell renewal, with results visible from the first hours that last throughout the month. It is an intensive anti-aging skin booster designed for the moment when the skin stops responding to creams. How to use: once a month, wash your hands and cleanse the area with soap or micellar water, remove the cap, press the plunger so the product falls into your hand and spread it over the whole face, massaging until fully absorbed. Format: 1 application of 0.17 fl oz (5 ml), a 1-month supply.","feed_highlights":[],"feed_issues":[],"cross_sells":[{"id":478,"product_sku":"218","cross_sell_sku":"273","created_at":"2026-07-02 13:21:38","updated_at":"2026-07-02 13:21:38","title":"CLINICAL MOLECULAR THERAPY","handle":"clinical-molecular-therapy","subtitle":"Firming anti-ageing cream","variant_id":271,"short_description":"<p>Molecular Therapy with <strong>11 active molecules</strong> that targets the 5 signs of aging: <u>wrinkles, luminosity, spots, texture, and sagging</u>.</p>","long_description":"<p><u>TIGHTENS, FIRMS, RESTORES</u>. <br><br>Anti-aging firming cream, designed to provide a <strong>360º treatment</strong>, combat signs of aging, and address the effects of pre-, peri-, and menopause.<br><br>It is a unique <u>Molecular Therapy</u> with <strong>11 active molecules</strong> that improve communication between the skin cells to target the 5 signs directly involved in aging, such as <u>wrinkles, luminosity, spots, texture, and sagging</u>.<br><br>Independent clinical results:</p><p>After 14 days:</p><p>â Firmness increases by <strong>29.06%</strong></p><p>â Elasticity increases by <strong>24.42%</strong></p><p>After 28 days:</p><p>â Restores barrier function by <strong>25.43%</strong>.</p><p><br><em>*Result of the independent clinical test after 14 and 28 days, on 30 volunteers.</em></p>","price":{"amount":164.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b1ec5cfa-3488-4630-8e04-da81d78bab7a.png?v=1758793623","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5874860d-0a8f-4623-9ecd-48be2e51c8e6.jpg?v=1758793683","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/cc612f25-a1f7-4764-9945-31faaf8b258e.jpg?v=1758793698","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b6c92147-9574-4f4f-b959-2026879a44de.jpg?v=1758793707","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/d2ff2abe-2147-419e-98df-bdafba0556c5.jpg?v=1758793716","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/5375404f-cb45-4969-8c55-a150ef7a995a.jpg?v=1758793732"]},{"id":479,"product_sku":"218","cross_sell_sku":"219","created_at":"2026-07-02 13:21:38","updated_at":"2026-07-02 13:21:38","title":"Clinical Retinal 0.1","handle":"retinal","subtitle":"Nighttime Regenerative Facial Serum","variant_id":215,"short_description":"<p>Retinal multiplies its effectiveness, being 11 times faster and 3 times more potent than Retinol.</p>","long_description":"<p>Enhance your nighttime routine with a 0.1% Retinal cell renewal. Thanks to its SMART DELIVERY TECHNOLOGY system, its effectiveness has increased 11 times faster and 3 times more potent than Retinol. Niacinamide and Hyaluronic Acid hydrate, reduce wrinkles and spots, stimulate collagen, and transform the skin into radiant and smooth. </p><p>Independent clinical results:</p><ul><li><p>Up to 86.4% increase in elasticity*</p></li><li><p>Up to 44.9% reduction in wrinkles*</p></li><li><p>Up to 51.9% better cellular renewal*</p></li></ul><p>*Results of an independent clinical test over 28 and 56 days on 30 volunteers.</p>","price":{"amount":97.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/275ae69e-63a8-48f8-9f38-a6efdc5e77a5.jpg?v=1734608001","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/f0d22ee0-06b4-4d7a-974a-5e977ff6ddd7.jpg?v=1734608012","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b4884fff-abdc-4e31-935b-b3b011134bd5.jpg?v=1734608022","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/222226fd-04b0-4147-b9aa-b7ceef219c3b.jpg?v=1734608030","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/52031b59-256c-4fc9-bc31-0160c31ef5c2.jpg?v=1734608051","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b06a0d9c-e497-4c26-bc8f-d7d787a3de46.jpg?v=1734608061","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/93e1256d-ecb5-431e-a3cf-a37160a3e27e.jpg?v=1734608070","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/692cd91a-a762-4754-8397-a613268542a3.jpg?v=1734608082"]},{"id":477,"product_sku":"218","cross_sell_sku":"427","created_at":"2026-07-02 13:21:37","updated_at":"2026-07-02 13:21:37","title":"CLINICAL EXOSOMES","handle":"clinical-exosomes","subtitle":"V-Lifting Serum 8 weeks","variant_id":359,"short_description":"<p>Exosome serum that redefines<strong> your facial contours</strong> with <strong>V-LIFTING</strong>. Eliminates wrinkles and restores firmness.</p>","long_description":"<p><strong>REACTIVATES CELLULAR COMMUNICATION.<br>REDEFINES YOUR CONTOURS.<br><br></strong>Serum with <strong>exosomes </strong>that<strong> redefines your contours</strong>, achieving <strong>V-LIFTING</strong> in 8 weeks. Over time, our cells stop communicating effectively, accelerating ageing and causing sagging, wrinkles, etc. <strong>Exosomes act as intelligent youth capsules</strong> that restore this cellular dialogue and restore firmness to the face. <br><br><u>CLINICAL EXOSOMES</u> reprogram the skin to regain its natural definition, reducing wrinkles and restoring firmness, elasticity and tension to the facial oval.<br><br>Independent clinical results:<br>⢠<strong>+47% </strong>REDEFINITION of the facial oval.<br>â¢<strong> 100%</strong> of cases with less visible wrinkles.<br>⢠Up to <strong>65%</strong> less deep wrinkles.<br><em>*Results of independent clinical testing over 28 and 56 days on 30 volunteers.</em></p>","price":{"amount":106.95,"currency":"USD","market":"us"},"gallery":["https://cdn.shopify.com/s/files/1/0619/1693/8405/files/8142f7d0-2265-4766-8eee-16fa3bdb0a91.png?v=1763654416","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/b5c6b5ee-7b12-4d37-931e-903d23fffd87.jpg?v=1758792427","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/6e32bbe0-af4d-4956-bb11-413f26f827d1.jpg?v=1758792438","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/e375c39d-1a0b-4ad4-870f-cd439de88408.jpg?v=1758792448","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/9a8b5b36-6ef3-450a-837e-f391f2ee0eb8.jpg?v=1758792457","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/fabc832c-d37a-4f25-89e5-a38535328b6a.jpg?v=1758792465","https://cdn.shopify.com/s/files/1/0619/1693/8405/files/965cc103-6ffd-4efb-88de-064af2ecfe95.jpg?v=1758792474"]}]}; 4929 4930 document.addEventListener('DOMContentLoaded', () => { 4931 let itemList = []; 4932 setTimeout(() => { 4933 let fullPrice = product.price.amount; 4934 let finalPrice = fullPrice; 4935 if(document.querySelector('#product-fold .price span')){ 4936 let finalPriceWithCurrency = document.querySelector('#product-fold .price span')?.innerHTML; 4937 finalPrice = finalPriceWithCurrency?.replace(/[^0-9.,]/g, ''); 4938 } 4939 itemList.push({ 4940 internal_id: product.variant_id, 4941 item_id: product.sku, 4942 item_name: product.title, 4943 currency: product.price.currency, 4944 discount: Math.round(parseFloat(fullPrice) - parseFloat(finalPrice)), 4945 index: 0, 4946 price: parseFloat(finalPrice), 4947 original_price: parseFloat(fullPrice), 4948 quantity: 1, 4949 free_shipping: false, 4950 discount_percentage: parseFloat(((parseFloat(fullPrice) - parseFloat(finalPrice)) / parseFloat(fullPrice) * 100).toFixed(2)) 4951 });
4952 try{ 4953 const currentUrl = new URL(window.location.href); 4954 document.dispatchEvent(new CustomEvent('EventViewItem', { 4955 detail: { 4956 market: currentUrl.pathname.split('/')[1].replace("/", ""), 4957 url: window.location.href, 4958 item_list_id: "product_" + product.sku, 4959 item_list_name: "Product - " + product.title, 4960 items: itemList 4961 } 4962 })); 4963 }catch(e){ 4964 console.error(e); 4965 } 4966 }, 1000); 4967 }); 4968})();</script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.