1<!doctype html> 2<html class="no-touch page-loading" lang="en"> 3 <head><meta charset="utf-8"> 4<meta http-equiv="X-UA-Compatible" content="IE=edge"> 5<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0"> 6<link rel="canonical" href="https://skinformulas.ie/pages/retail-store"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preload" as="font" href="//skinformulas.ie/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//skinformulas.ie/cdn/fonts/rubik/rubik_n5.46f1bf0063ef6b3840ba0b9b71e86033a15b4466.woff2" type="font/woff2" crossorigin><link rel="preload" as="image" href="//skinformulas.ie/cdn/shop/t/32/assets/loading.svg?v=91665432863842511931784814401"><style data-shopify> 7 8 html:not(.page-loading) .loading-overlay { opacity: 0; visibility: hidden; pointer-events: none; animation: fadeOut 1s ease; transition: visibility 0s linear 1s; } 9 10 .loading-overlay { position: fixed; top: 0; left: 0; z-index: 99999; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--overlay-bg, var(--COLOR-BLACK-WHITE)); }</style><style data-shopify>.loader__image__holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; display: none; align-items: center; justify-content: center; animation: pulse-loading 2s infinite ease-in-out; } 11 .loader__image__holder:has(.loader__image--fallback) { animation: none; } 12 .loading-image .loader__image__holder { display: flex; } 13 .loader__image { max-width: 150px; height: auto; object-fit: contain; } 14 .loading-image .loader__image--fallback { width: 150px; height: 150px; max-width: 150px; mask: var(--loading-svg) center center/contain no-repeat; background: var(--overlay-bg-svg, var(--COLOR-WHITE-BLACK)); }</style>
14<script> 15 const loadingAppearance = "once"; 16 const loaded = sessionStorage.getItem('loaded'); 17 18 if (loadingAppearance === 'once') { 19 if (loaded === null) { 20 sessionStorage.setItem('loaded', true); 21 document.documentElement.classList.add('loading-image'); 22 } 23 } else { 24 document.documentElement.classList.add('loading-image'); 25 } 26 </script>
26<link rel="shortcut icon" href="//skinformulas.ie/cdn/shop/files/SFICON_32x32.png?v=1700560110" type="image/png"> 27<title>Retail Store 28 29 30 – Skin Formulas</title><meta name="description" content=""> 31 32<meta property="og:site_name" content="Skin Formulas"> 33<meta property="og:url" content="https://skinformulas.ie/pages/retail-store"> 34<meta property="og:title" content="Retail Store"> 35<meta property="og:type" content="website"> 36<meta property="og:description" content="We craft clinically proven, results-driven skincare that you can trust will have an impact, all while being truly beautiful and luxurious in their application."><meta property="og:image" content="http://skinformulas.ie/cdn/shop/files/SFICON_8a1571ea-ec2d-4977-ae2b-ca25f3d0ea4c.png?v=1706058057"> 37 <meta property="og:image:secure_url" content="https://skinformulas.ie/cdn/shop/files/SFICON_8a1571ea-ec2d-4977-ae2b-ca25f3d0ea4c.png?v=1706058057"> 38 <meta property="og:image:width" content="1200"> 39 <meta property="og:image:height" content="1200"><meta name="twitter:card" content="summary_large_image"> 40<meta name="twitter:title" content="Retail Store"> 41<meta name="twitter:description" content="We craft clinically proven, results-driven skincare that you can trust will have an impact, all while being truly beautiful and luxurious in their application."><style data-shopify>@font-face { 42 font-family: Rubik; 43 font-weight: 500; 44 font-style: normal; 45 font-display: swap; 46 src: url("//skinformulas.ie/cdn/fonts/rubik/rubik_n5.46f1bf0063ef6b3840ba0b9b71e86033a15b4466.woff2") format("woff2"), 47 url("//skinformulas.ie/cdn/fonts/rubik/rubik_n5.c73c6e4dcc7dfb4852265eb6e0e59860278f8b84.woff") format("woff"); 48} 49 50 @font-face { 51 font-family: "Work Sans"; 52 font-weight: 400; 53 font-style: normal; 54 font-display: swap; 55 src: url("//skinformulas.ie/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"), 56 url("//skinformulas.ie/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff"); 57} 58 59 @font-face { 60 font-family: "Space Mono"; 61 font-weight: 400; 62 font-style: normal; 63 font-display: swap; 64 src: url("//skinformulas.ie/cdn/fonts/space_mono/spacemono_n4.9ee60bbbb57a3b43dbcb22a7f53e18140cb3b40f.woff2") format("woff2"), 65 url("//skinformulas.ie/cdn/fonts/space_mono/spacemono_n4.0c1ebe3659065af9a832b4a469bdd1fdc9521024.woff") format("woff"); 66} 67 68 @font-face { 69 font-family: Pacifico; 70 font-weight: 400; 71 font-style: normal; 72 font-display: swap; 73 src: url("//skinformulas.ie/cdn/fonts/pacifico/pacifico_n4.70d15be9aa2255257fe626d87fbc1ed38436b047.woff2") format("woff2"), 74 url("//skinformulas.ie/cdn/fonts/pacifico/pacifico_n4.a3007cff6385e4e75c208a720cd121ff3558d293.woff") format("woff"); 75} 76 77 78 79 @font-face { 80 font-family: Rubik; 81 font-weight: 600; 82 font-style: normal; 83 font-display: swap; 84 src: url("//skinformulas.ie/cdn/fonts/rubik/rubik_n6.67aea03a872140ecba69ec8f230a6b23b75ea115.woff2") format("woff2"), 85 url("//skinformulas.ie/cdn/fonts/rubik/rubik_n6.68bdcdd14ff1017f6af9d9be50d3740fc083b3fd.woff") format("woff"); 86} 87 88 89 90 91 @font-face { 92 font-family: Rubik; 93 font-weight: 300; 94 font-style: normal; 95 font-display: swap; 96 src: url("//skinformulas.ie/cdn/fonts/rubik/rubik_n3.28109fbcae8bc8da2127ed6af6c67e4379561eae.woff2") format("woff2"), 97 url("//skinformulas.ie/cdn/fonts/rubik/rubik_n3.942906c434ddf3af9a94498663613ee37f663688.woff") format("woff"); 98} 99 100 101 102 103 @font-face { 104 font-family: Rubik; 105 font-weight: 700; 106 font-style: normal; 107 font-display: swap; 108 src: url("//skinformulas.ie/cdn/fonts/rubik/rubik_n7.9ddb1ff19ac4667369e1c444a6663062e115e651.woff2") format("woff2"), 109 url("//skinformulas.ie/cdn/fonts/rubik/rubik_n7.2f2815a4763d5118fdb49ad25ccceea3eafcae92.woff") format("woff"); 110} 111 112 113 114 115 @font-face { 116 font-family: "Work Sans"; 117 font-weight: 100; 118 font-style: normal; 119 font-display: swap; 120 src: url("//skinformulas.ie/cdn/fonts/work_sans/worksans_n1.3b5d001dd20dab2308442816b302d59109fb4702.woff2") format("woff2"), 121 url("//skinformulas.ie/cdn/fonts/work_sans/worksans_n1.71f6bc2e8994a3e5ec539617cc389f6c083552ad.woff") format("woff"); 122} 123 124 125 126 127 @font-face { 128 font-family: "Work Sans"; 129 font-weight: 500; 130 font-style: normal; 131 font-display: swap; 132 src: url("//skinformulas.ie/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"), 133 url("//skinformulas.ie/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff"); 134} 135 136 137 138 139 @font-face { 140 font-family: "Work Sans"; 141 font-weight: 400; 142 font-style: italic; 143 font-display: swap; 144 src: url("//skinformulas.ie/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"), 145 url("//skinformulas.ie/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff"); 146} 147 148 149 150 151 @font-face { 152 font-family: "Work Sans"; 153 font-weight: 700; 154 font-style: italic; 155 font-display: swap; 156 src: url("//skinformulas.ie/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"), 157 url("//skinformulas.ie/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff"); 158} 159 160 161 162 163 @font-face { 164 font-family: "Space Mono"; 165 font-weight: 700; 166 font-style: normal; 167 font-display: swap; 168 src: url("//skinformulas.ie/cdn/fonts/space_mono/spacemono_n7.508dbd51f810465f80674aa16b57dbed9d939476.woff2") format("woff2"), 169 url("//skinformulas.ie/cdn/fonts/space_mono/spacemono_n7.33dc758a163f8921951e545f3e66fea4986535cf.woff") format("woff"); 170} 171 172 173 174 175 176 177 :root, 178 .color-scheme-1 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 179 --COLOR-PRIMARY-OPPOSITE: #ffffff; 180 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(47, 47, 47, 0.2); 181 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(47, 47, 47, 0.3); 182 183 --PRIMARY-BUTTONS-COLOR-BG: #151515; 184 --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff; 185 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 186 --PRIMARY-BUTTONS-COLOR-BORDER: #151515; 187 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(255, 255, 255, 0.2); 188 189 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #2f2f2f; 190 191 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(21, 21, 21, 0.05); 192 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(21, 21, 21, 0.1); 193 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(21, 21, 21, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 194 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 195 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(230, 230, 230, 0.2); 196 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(230, 230, 230, 0.3); 197 198 --SECONDARY-BUTTONS-COLOR-BG: #ffffff; 199 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 200 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 201 --SECONDARY-BUTTONS-COLOR-BORDER: #ffffff; 202 203 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 255, 255, 0.05); 204 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 255, 255, 0.1); 205 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 255, 255, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 206 --OUTLINE-BUTTONS-PRIMARY-TEXT: #151515; 207 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(21, 21, 21, 0.1); 208 --OUTLINE-BUTTONS-PRIMARY-BORDER: #151515; 209 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(47, 47, 47, 0.2); 210 211 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 212 --OUTLINE-BUTTONS-SECONDARY-TEXT: #ffffff; 213 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 214 --OUTLINE-BUTTONS-SECONDARY-BORDER: #ffffff; 215 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(230, 230, 230, 0.2); 216 217 --OUTLINE-BUTTONS-WHITE-BG: transparent; 218 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 219 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 220 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 221 222 --OUTLINE-BUTTONS-BLACK-BG: transparent; 223 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 224 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 225 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #151515; 226 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff; 227 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 228 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff; 229 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2); 230 231 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #ffffff; 232 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 233 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 234 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 235 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 236 237 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 238 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 239 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 240 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 241 242 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 243 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 244 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 245 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #151515; 246 --COLOR-TEXT: #151515; 247 --COLOR-TEXT-DARKEN: #000000; 248 --COLOR-TEXT-LIGHTEN: #484848; 249 --COLOR-TEXT-ALPHA-5: rgba(21, 21, 21, 0.05); 250 --COLOR-TEXT-ALPHA-8: rgba(21, 21, 21, 0.08); 251 --COLOR-TEXT-ALPHA-10: rgba(21, 21, 21, 0.1); 252 --COLOR-TEXT-ALPHA-15: rgba(21, 21, 21, 0.15); 253 --COLOR-TEXT-ALPHA-20: rgba(21, 21, 21, 0.2); 254 --COLOR-TEXT-ALPHA-25: rgba(21, 21, 21, 0.25); 255 --COLOR-TEXT-ALPHA-50: rgba(21, 21, 21, 0.5); 256 --COLOR-TEXT-ALPHA-60: rgba(21, 21, 21, 0.6); 257 --COLOR-TEXT-ALPHA-85: rgba(21, 21, 21, 0.85); 258
259 --COLOR-BG-RGB: 255, 255, 255; 260 --COLOR-BG-GRADIENT: #ffffff; 261 --COLOR-BG: #ffffff; 262 --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); 263 --COLOR-BG-ALPHA-35: rgba(255, 255, 255, 0.35); 264 --COLOR-BG-ALPHA-60: rgba(255, 255, 255, 0.6); 265 --COLOR-BG-ALPHA-65: rgba(255, 255, 255, 0.65); 266 --COLOR-BG-ALPHA-85: rgba(255, 255, 255, 0.85); 267 --COLOR-BG-DARKEN: #e6e6e6; 268 --COLOR-BG-LIGHTEN-DARKEN: #e6e6e6; 269 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #fafafa; 270 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #f5f5f5; 271 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 272 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #f7f7f7; 273 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #d9d9d9; 274 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #cccccc; 275 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #e6e6e6; 276 --COLOR-BG-LIGHTEN-DARKEN-2: #cdcdcd; 277 --COLOR-BG-LIGHTEN-DARKEN-3: #c0c0c0; 278 --COLOR-BG-LIGHTEN-DARKEN-4: #b3b3b3; 279 --COLOR-BG-LIGHTEN-DARKEN-5: #a6a6a6; 280 --COLOR-BG-LIGHTEN-DARKEN-6: #9a9a9a; 281 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #b3b3b3; 282 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #a6a6a6; 283 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #999999; 284 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #8c8c8c; 285 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #808080; 286 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #737373; 287 288 --COLOR-INPUT-BG: #ffffff; 289 290 --COLOR-ACCENT: #fff7f2; 291 --COLOR-ACCENT-TEXT: #000; 292 --COLOR-ACCENT-OPPOSITE: #000000; 293 --COLOR-ACCENT-MIX-ALPHA: rgba(128, 124, 121, 0.25); 294 295 --COLOR-BORDER: #000000bd; 296 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 297 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 298 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 299 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 300 --COLOR-BORDER-LIGHTEN-DARKEN: rgba(77, 77, 77, 0.74); 301 --COLOR-BORDER-HAIRLINE: #f7f7f7; 302 --COLOR-LINK: #000000; 303 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 304 --COLOR-QUICK-ADD-TEXT: #151515;--COLOR-UPSELLS-BG: #f7f6f4; 305 --COLOR-UPSELLS-TEXT: #151515; 306 --COLOR-UPSELLS-TEXT-LIGHTEN: #484848; 307 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(21, 21, 21, 0.45); 308 --UPSELLS-HEIGHT: 110px; 309 --UPSELLS-IMAGE-WIDTH: 30%; 310 311 --COLOR-DISABLED-GREY: rgba(21, 21, 21, 0.05); 312 --COLOR-DISABLED-GREY-DARKEN: rgba(21, 21, 21, 0.45); 313 314 /* Dynamic color variables */ 315 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 316 --text: var(--COLOR-TEXT); 317 --heading: var(--COLOR-HEADING); 318 --accent: var(--COLOR-ACCENT); 319 --border: var(--COLOR-BORDER); 320 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 321 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 322 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 323 --bg-darken: var(--COLOR-BG-DARKEN); 324 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 325 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 326 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 327 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 328 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 329 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 330 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 331 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 332 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 333 --overlay: #0000004d; 334 --bg-overlay: rgba(255, 255, 255, 0.5); 335 --link: var(--COLOR-LINK); 336 --text-darken: var(--COLOR-TEXT-DARKEN); 337 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 338 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 339 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 340 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 341 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 342 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 343 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 344 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 345 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 346 --accent-text: var(--COLOR-ACCENT-TEXT); 347 --sale-bg: var(--COLOR-SALE-BG); 348 --sale-text: var(--COLOR-SALE-TEXT); 349 --custom-bg: var(--COLOR-CUSTOM-BG); 350 --custom-text: var(--COLOR-CUSTOM-TEXT); 351 --sold-bg: var(--COLOR-SOLD-BG); 352 --sold-text: var(--COLOR-SOLD-TEXT); 353 --preorder-bg: var(--COLOR-PREORDER-BG); 354 --preorder-text: var(--COLOR-PREORDER-TEXT); 355 --input-bg: var(--COLOR-INPUT-BG); 356 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 357 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 358 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50);
359 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 360 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 361 --hairline: var(--COLOR-BORDER-HAIRLINE); 362 --error: var(--COLOR-ERROR); 363 --error-bg: var(--COLOR-ERROR-BG); 364 --success: var(--COLOR-SUCCESS); 365 --success-bg: var(--COLOR-SUCCESS-BG); 366 --disabled-grey: var(--COLOR-DISABLED-GREY); 367 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 368 --white: var(--COLOR-WHITE); 369 --white-darken: var(--COLOR-WHITE-DARKEN); 370 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 371 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 372 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 373 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 374 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 375 --black: var(--COLOR-BLACK); 376 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 377 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 378 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 379 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 380 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 381 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 382 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 383 --upsells-bg: var(--COLOR-UPSELLS-BG); 384 --upsells-text: var(--COLOR-UPSELLS-TEXT); 385 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 386 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 387 } 388 389 390 .color-scheme-2 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 391 --COLOR-PRIMARY-OPPOSITE: #ffffff; 392 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(26, 26, 26, 0.2); 393 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(26, 26, 26, 0.3); 394 395 --PRIMARY-BUTTONS-COLOR-BG: #000000; 396 --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff; 397 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 398 --PRIMARY-BUTTONS-COLOR-BORDER: #000000; 399 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(255, 255, 255, 0.5); 400 401 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #1a1a1a; 402 403 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(0, 0, 0, 0.05); 404 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(0, 0, 0, 0.1); 405 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(0, 0, 0, 0.5);--COLOR-SECONDARY-OPPOSITE: #ffffff; 406 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(255, 255, 255, 0.2); 407 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(37, 37, 37, 0.2); 408 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(37, 37, 37, 0.3); 409 410 --SECONDARY-BUTTONS-COLOR-BG: #0b0b0b; 411 --SECONDARY-BUTTONS-COLOR-TEXT: #ffffff; 412 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 413 --SECONDARY-BUTTONS-COLOR-BORDER: #0b0b0b; 414 415 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(11, 11, 11, 0.05); 416 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(11, 11, 11, 0.1); 417 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(11, 11, 11, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 418 --OUTLINE-BUTTONS-PRIMARY-TEXT: #000000; 419 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 420 --OUTLINE-BUTTONS-PRIMARY-BORDER: #000000; 421 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(26, 26, 26, 0.2); 422 423 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 424 --OUTLINE-BUTTONS-SECONDARY-TEXT: #0b0b0b; 425 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 426 --OUTLINE-BUTTONS-SECONDARY-BORDER: #0b0b0b; 427 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(37, 37, 37, 0.2); 428 429 --OUTLINE-BUTTONS-WHITE-BG: transparent; 430 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 431 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 432 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 433 434 --OUTLINE-BUTTONS-BLACK-BG: transparent; 435 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 436 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 437 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #000000; 438 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff; 439 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 440 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff; 441 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2); 442 443 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #0b0b0b; 444 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #ffffff; 445 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 446 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #ffffff; 447 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(255, 255, 255, 0.2); 448 449 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 450 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 451 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 452 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 453 454 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 455 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 456 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 457 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #000000; 458 --COLOR-TEXT: #000000; 459 --COLOR-TEXT-DARKEN: #000000; 460 --COLOR-TEXT-LIGHTEN: #333333; 461 --COLOR-TEXT-ALPHA-5: rgba(0, 0, 0, 0.05); 462 --COLOR-TEXT-ALPHA-8: rgba(0, 0, 0, 0.08); 463 --COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 464 --COLOR-TEXT-ALPHA-15: rgba(0, 0, 0, 0.15); 465 --COLOR-TEXT-ALPHA-20: rgba(0, 0, 0, 0.2); 466 --COLOR-TEXT-ALPHA-25: rgba(0, 0, 0, 0.25); 467 --COLOR-TEXT-ALPHA-50: rgba(0, 0, 0, 0.5); 468 --COLOR-TEXT-ALPHA-60: rgba(0, 0, 0, 0.6); 469 --COLOR-TEXT-ALPHA-85: rgba(0, 0, 0, 0.85); 470 471 --COLOR-BG-RGB: 247, 246, 244; 472 --COLOR-BG-GRADIENT: #f7f6f4; 473 --COLOR-BG: #f7f6f4;
474 --COLOR-BG-ALPHA-25: rgba(247, 246, 244, 0.25); 475 --COLOR-BG-ALPHA-35: rgba(247, 246, 244, 0.35); 476 --COLOR-BG-ALPHA-60: rgba(247, 246, 244, 0.6); 477 --COLOR-BG-ALPHA-65: rgba(247, 246, 244, 0.65); 478 --COLOR-BG-ALPHA-85: rgba(247, 246, 244, 0.85); 479 --COLOR-BG-DARKEN: #e2ded6; 480 --COLOR-BG-LIGHTEN-DARKEN: #e2ded6; 481 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #f3f1ee; 482 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #eeece8; 483 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 484 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #f1efeb; 485 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #d7d2c8; 486 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #ccc6b9; 487 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #e2ded6; 488 --COLOR-BG-LIGHTEN-DARKEN-2: #cdc6b8; 489 --COLOR-BG-LIGHTEN-DARKEN-3: #c2baa9; 490 --COLOR-BG-LIGHTEN-DARKEN-4: #b8ae9a; 491 --COLOR-BG-LIGHTEN-DARKEN-5: #ada28b; 492 --COLOR-BG-LIGHTEN-DARKEN-6: #a3967c; 493 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #b7ae9b; 494 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #aca18d; 495 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #a1957e; 496 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #96896f; 497 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #897c63; 498 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #7a6f59; 499 500 --COLOR-INPUT-BG: #f7f6f4; 501 502 --COLOR-ACCENT: #d02e2e; 503 --COLOR-ACCENT-TEXT: #fff; 504 --COLOR-ACCENT-OPPOSITE: #ffffff; 505 --COLOR-ACCENT-MIX-ALPHA: rgba(104, 23, 23, 0.1); 506 507 --COLOR-BORDER: #000000; 508 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 509 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 510 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 511 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 512 --COLOR-BORDER-LIGHTEN-DARKEN: #4d4d4d; 513 --COLOR-BORDER-HAIRLINE: #f1efeb;
514 --COLOR-LINK: #000000; 515 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 516 --COLOR-QUICK-ADD-TEXT: #000000;--COLOR-UPSELLS-BG: #fff7f2; 517 --COLOR-UPSELLS-TEXT: #000000; 518 --COLOR-UPSELLS-TEXT-LIGHTEN: #333333; 519 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(0, 0, 0, 0.45); 520 --UPSELLS-HEIGHT: 110px; 521 --UPSELLS-IMAGE-WIDTH: 30%; 522 523 --COLOR-DISABLED-GREY: rgba(0, 0, 0, 0.05); 524 --COLOR-DISABLED-GREY-DARKEN: rgba(0, 0, 0, 0.45); 525 526 /* Dynamic color variables */ 527 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 528 --text: var(--COLOR-TEXT); 529 --heading: var(--COLOR-HEADING); 530 --accent: var(--COLOR-ACCENT); 531 --border: var(--COLOR-BORDER); 532 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 533 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 534 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 535 --bg-darken: var(--COLOR-BG-DARKEN); 536 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 537 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 538 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 539 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 540 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 541 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 542 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 543 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 544 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 545 --overlay: #0000004d; 546 --bg-overlay: rgba(255, 255, 255, 0.5); 547 --link: var(--COLOR-LINK); 548 --text-darken: var(--COLOR-TEXT-DARKEN); 549 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 550 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 551 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 552 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 553 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 554 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 555 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 556 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 557 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 558 --accent-text: var(--COLOR-ACCENT-TEXT); 559 --sale-bg: var(--COLOR-SALE-BG); 560 --sale-text: var(--COLOR-SALE-TEXT); 561 --custom-bg: var(--COLOR-CUSTOM-BG); 562 --custom-text: var(--COLOR-CUSTOM-TEXT); 563 --sold-bg: var(--COLOR-SOLD-BG); 564 --sold-text: var(--COLOR-SOLD-TEXT); 565 --preorder-bg: var(--COLOR-PREORDER-BG); 566 --preorder-text: var(--COLOR-PREORDER-TEXT); 567 --input-bg: var(--COLOR-INPUT-BG); 568 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 569 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 570 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50); 571 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 572 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 573 --hairline: var(--COLOR-BORDER-HAIRLINE); 574 --error: var(--COLOR-ERROR); 575 --error-bg: var(--COLOR-ERROR-BG); 576 --success: var(--COLOR-SUCCESS); 577 --success-bg: var(--COLOR-SUCCESS-BG); 578 --disabled-grey: var(--COLOR-DISABLED-GREY); 579 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 580 --white: var(--COLOR-WHITE); 581 --white-darken: var(--COLOR-WHITE-DARKEN); 582 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 583 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 584 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 585 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 586 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 587 --black: var(--COLOR-BLACK); 588 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 589 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 590 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 591 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 592 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 593 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 594 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 595 --upsells-bg: var(--COLOR-UPSELLS-BG); 596 --upsells-text: var(--COLOR-UPSELLS-TEXT); 597 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 598 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 599 } 600 601 602 .color-scheme-3 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(255, 255, 255, 0.25); 603 --COLOR-PRIMARY-OPPOSITE: #000000; 604 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(255, 221, 191, 0.2); 605 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(255, 221, 191, 0.3); 606 607 --PRIMARY-BUTTONS-COLOR-BG: #fff8f2; 608 --PRIMARY-BUTTONS-COLOR-TEXT: #000000; 609 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 610 --PRIMARY-BUTTONS-COLOR-BORDER: #fff8f2; 611 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(0, 0, 0, 0.2); 612 613 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #ffddbf; 614 615 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 248, 242, 0.05); 616 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 248, 242, 0.1); 617 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 248, 242, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 618 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 619 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(226, 222, 214, 0.2); 620 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(226, 222, 214, 0.3); 621 622 --SECONDARY-BUTTONS-COLOR-BG: #f7f6f4; 623 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 624 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 625 --SECONDARY-BUTTONS-COLOR-BORDER: #f7f6f4; 626 627 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(247, 246, 244,
6270.05); 628 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(247, 246, 244, 0.1); 629 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(247, 246, 244, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 630 --OUTLINE-BUTTONS-PRIMARY-TEXT: #fff8f2; 631 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 248, 242, 0.1); 632 --OUTLINE-BUTTONS-PRIMARY-BORDER: #fff8f2; 633 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 221, 191, 0.2); 634 635 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 636 --OUTLINE-BUTTONS-SECONDARY-TEXT: #f7f6f4; 637 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(247, 246, 244, 0.1); 638 --OUTLINE-BUTTONS-SECONDARY-BORDER: #f7f6f4; 639 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(226, 222, 214, 0.2); 640 641 --OUTLINE-BUTTONS-WHITE-BG: transparent; 642 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 643 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 644 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 645 646 --OUTLINE-BUTTONS-BLACK-BG: transparent; 647 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 648 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 649 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #fff8f2; 650 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #000000; 651 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 652 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #000000; 653 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(0, 0, 0, 0.2); 654 655 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #f7f6f4; 656 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 657 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 658 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 659 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 660 661 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 662 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 663 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 664 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 665 666 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 667 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 668 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 669 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #ffffff; 670 --COLOR-TEXT: #ffffff; 671 --COLOR-TEXT-DARKEN: #cccccc; 672 --COLOR-TEXT-LIGHTEN: #ffffff; 673 --COLOR-TEXT-ALPHA-5: rgba(255, 255, 255, 0.05); 674 --COLOR-TEXT-ALPHA-8: rgba(255, 255, 255, 0.08); 675 --COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 676 --COLOR-TEXT-ALPHA-15: rgba(255, 255, 255, 0.15); 677 --COLOR-TEXT-ALPHA-20: rgba(255, 255, 255, 0.2); 678 --COLOR-TEXT-ALPHA-25: rgba(255, 255, 255, 0.25); 679 --COLOR-TEXT-ALPHA-50: rgba(255, 255, 255, 0.5); 680 --COLOR-TEXT-ALPHA-60: rgba(255, 255, 255, 0.6); 681 --COLOR-TEXT-ALPHA-85: rgba(255, 255, 255, 0.85); 682 683 --COLOR-BG-RGB: 21, 21, 21; 684 --COLOR-BG-GRADIENT: #151515; 685 --COLOR-BG: #151515; 686 --COLOR-BG-ALPHA-25: rgba(21, 21, 21, 0.25); 687 --COLOR-BG-ALPHA-35: rgba(21, 21, 21, 0.35); 688 --COLOR-BG-ALPHA-60: rgba(21, 21, 21, 0.6); 689 --COLOR-BG-ALPHA-65: rgba(21, 21, 21, 0.65); 690 --COLOR-BG-ALPHA-85: rgba(21, 21, 21, 0.85); 691 --COLOR-BG-DARKEN: #000000; 692 --COLOR-BG-LIGHTEN-DARKEN: #2f2f2f; 693 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #222222; 694 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #272727; 695 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #ffffff; 696 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #2f2f2f; 697 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #3b3b3b; 698 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #484848; 699 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #2f2f2f; 700 --COLOR-BG-LIGHTEN-DARKEN-2: #161616; 701 --COLOR-BG-LIGHTEN-DARKEN-3: #090909; 702 --COLOR-BG-LIGHTEN-DARKEN-4: #000000; 703 --COLOR-BG-LIGHTEN-DARKEN-5: #000000; 704 --COLOR-BG-LIGHTEN-DARKEN-6: #000000; 705 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #626262; 706 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #6e6e6e; 707 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #7b7b7b; 708 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #888888; 709 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #959595; 710 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #a1a1a1; 711 712 --COLOR-INPUT-BG: #151515; 713 714 --COLOR-ACCENT: #fff7f2; 715 --COLOR-ACCENT-TEXT: #000; 716 --COLOR-ACCENT-OPPOSITE: #000000; 717 --COLOR-ACCENT-MIX-ALPHA: rgba(255, 251, 249, 0.25); 718 719 --COLOR-BORDER: #f7f6f4;
720 --COLOR-BORDER-ALPHA-15: rgba(247, 246, 244, 0.15); 721 --COLOR-BORDER-ALPHA-30: rgba(247, 246, 244, 0.3); 722 --COLOR-BORDER-ALPHA-50: rgba(247, 246, 244, 0.5); 723 --COLOR-BORDER-ALPHA-65: rgba(247, 246, 244, 0.65); 724 --COLOR-BORDER-LIGHTEN-DARKEN: #b7ae9b; 725 --COLOR-BORDER-HAIRLINE: #0d0d0d; 726 --COLOR-LINK: #ffffff; 727 --COLOR-BG-OVERLAY: rgba(255, 255, 255, 0.15);--COLOR-QUICK-ADD-BG: #000000; 728 --COLOR-QUICK-ADD-TEXT: #ffffff;--COLOR-UPSELLS-BG: #0b0b0b; 729 --COLOR-UPSELLS-TEXT: #ffffff; 730 --COLOR-UPSELLS-TEXT-LIGHTEN: #ffffff; 731 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(255, 255, 255, 0.45); 732 --UPSELLS-HEIGHT: 110px; 733 --UPSELLS-IMAGE-WIDTH: 30%; 734 735 --COLOR-DISABLED-GREY: rgba(255, 255, 255, 0.05); 736 --COLOR-DISABLED-GREY-DARKEN: rgba(255, 255, 255, 0.45); 737 738 /* Dynamic color variables */ 739 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 740 --text: var(--COLOR-TEXT); 741 --heading: var(--COLOR-HEADING); 742 --accent: var(--COLOR-ACCENT); 743 --border: var(--COLOR-BORDER); 744 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 745 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 746 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 747 --bg-darken: var(--COLOR-BG-DARKEN); 748 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 749 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 750 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 751 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 752 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 753 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 754 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 755 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 756 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 757 --overlay: #ffffff4d; 758 --bg-overlay: rgba(0, 0, 0, 0.5); 759 --link: var(--COLOR-LINK); 760 --text-darken: var(--COLOR-TEXT-DARKEN); 761 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 762 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 763 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 764 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 765 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 766 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 767 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 768 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 769 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 770 --accent-text: var(--COLOR-ACCENT-TEXT); 771 --sale-bg: var(--COLOR-SALE-BG); 772 --sale-text: var(--COLOR-SALE-TEXT); 773 --custom-bg: var(--COLOR-CUSTOM-BG); 774 --custom-text: var(--COLOR-CUSTOM-TEXT); 775 --sold-bg: var(--COLOR-SOLD-BG); 776 --sold-text: var(--COLOR-SOLD-TEXT); 777 --preorder-bg: var(--COLOR-PREORDER-BG); 778 --preorder-text: var(--COLOR-PREORDER-TEXT); 779 --input-bg: var(--COLOR-INPUT-BG); 780 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 781 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 782 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50); 783 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 784 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 785 --hairline: var(--COLOR-BORDER-HAIRLINE); 786 --error: var(--COLOR-ERROR); 787 --error-bg: var(--COLOR-ERROR-BG); 788 --success: var(--COLOR-SUCCESS); 789 --success-bg: var(--COLOR-SUCCESS-BG); 790 --disabled-grey: var(--COLOR-DISABLED-GREY); 791 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 792 --white: var(--COLOR-WHITE); 793 --white-darken: var(--COLOR-WHITE-DARKEN); 794 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 795 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 796 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 797 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 798 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 799 --black: var(--COLOR-BLACK); 800 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 801 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 802 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 803 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 804 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 805 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 806 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 807 --upsells-bg: var(--COLOR-UPSELLS-BG); 808 --upsells-text: var(--COLOR-UPSELLS-TEXT); 809 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 810 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 811 } 812 813 814 .color-scheme-4 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 815 --COLOR-PRIMARY-OPPOSITE: #ffffff; 816 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(230, 130, 130, 0.2); 817 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(230, 130, 130, 0.3); 818 819 --PRIMARY-BUTTONS-COLOR-BG: #de5757; 820 --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff; 821 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 822 --PRIMARY-BUTTONS-COLOR-BORDER: #de5757; 823 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(255, 255, 255, 0.2); 824 825 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #e68282; 826 827 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(222, 87, 87, 0.05); 828 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(222, 87, 87, 0.1); 829 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(222, 87, 87, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 830 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 831 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(230, 230, 230, 0.2); 832 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(230, 230, 230, 0.3); 833 834 --SECONDARY-BUTTONS-COLOR-BG: #ffffff; 835 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 836 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 837 --SECONDARY-BUTTONS-COLOR-BORDER: #ffffff; 838 839 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 255, 255, 0.05); 840 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 255, 255, 0.1); 841 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 255, 255, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 842 --OUTLINE-BUTTONS-PRIMARY-TEXT: #de5757; 843 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(222, 87, 87, 0.1); 844 --OUTLINE-BUTTONS-PRIMARY-BORDER: #de5757; 845 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(230, 130, 130, 0.2); 846 847 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 848 --OUTLINE-BUTTONS-SECONDARY-TEXT: #ffffff; 849 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 850 --OUTLINE-BUTTONS-SECONDARY-BORDER: #ffffff; 851 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(230, 230, 230, 0.2); 852 853 --OUTLINE-BUTTONS-WHITE-BG: transparent; 854 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 855 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 856 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 857 858 --OUTLINE-BUTTONS-BLACK-BG: transparent; 859 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 860 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 861 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #de5757; 862 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff; 863 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 864 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff; 865 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2); 866 867 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #ffffff; 868 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 869 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 870 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 871 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 872 873 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 874 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 875 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 876 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 877 878 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 879 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 880 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 881 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #0b0b0b; 882 --COLOR-TEXT: #0b0b0b; 883 --COLOR-TEXT-DARKEN: #000000; 884 --COLOR-TEXT-LIGHTEN: #3e3e3e; 885 --COLOR-TEXT-ALPHA-5: rgba(11, 11, 11, 0.05); 886 --COLOR-TEXT-ALPHA-8: rgba(11, 11, 11, 0.08); 887 --COLOR-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 888 --COLOR-TEXT-ALPHA-15: rgba(11, 11, 11, 0.15); 889 --COLOR-TEXT-ALPHA-20: rgba(11, 11, 11, 0.2); 890 --COLOR-TEXT-ALPHA-25: rgba(11, 11, 11, 0.25); 891 --COLOR-TEXT-ALPHA-50: rgba(11, 11, 11, 0.5); 892 --COLOR-TEXT-ALPHA-60: rgba(11, 11, 11, 0.6); 893 --COLOR-TEXT-ALPHA-85: rgba(11, 11, 11, 0.85); 894
895 --COLOR-BG-RGB: 255, 243, 242; 896 --COLOR-BG-GRADIENT: #fff3f2; 897 --COLOR-BG: #fff3f2; 898 --COLOR-BG-ALPHA-25: rgba(255, 243, 242, 0.25); 899 --COLOR-BG-ALPHA-35: rgba(255, 243, 242, 0.35); 900 --COLOR-BG-ALPHA-60: rgba(255, 243, 242, 0.6); 901 --COLOR-BG-ALPHA-65: rgba(255, 243, 242, 0.65); 902 --COLOR-BG-ALPHA-85: rgba(255, 243, 242, 0.85); 903 --COLOR-BG-DARKEN: #ffc4bf; 904 --COLOR-BG-LIGHTEN-DARKEN: #ffc4bf; 905 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #ffeae8; 906 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #ffe0de; 907 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 908 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #ffe5e3; 909 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #ffaca6; 910 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #ff958c; 911 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #ffc4bf; 912 --COLOR-BG-LIGHTEN-DARKEN-2: #ff958c; 913 --COLOR-BG-LIGHTEN-DARKEN-3: #ff7d72; 914 --COLOR-BG-LIGHTEN-DARKEN-4: #ff6659; 915 --COLOR-BG-LIGHTEN-DARKEN-5: #ff4e40; 916 --COLOR-BG-LIGHTEN-DARKEN-6: #ff3726; 917 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #ff6659; 918 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #ff4e40; 919 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #ff3726; 920 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #ff1f0d; 921 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #f21300; 922 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #d91100; 923 924 --COLOR-INPUT-BG: #fff3f2; 925 926 --COLOR-ACCENT: #de5757; 927 --COLOR-ACCENT-TEXT: #fff; 928 --COLOR-ACCENT-OPPOSITE: #ffffff; 929 --COLOR-ACCENT-MIX-ALPHA: rgba(111, 44, 44, 0.1); 930 931 --COLOR-BORDER: #000000; 932 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 933 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 934 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 935 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 936 --COLOR-BORDER-LIGHTEN-DARKEN: #4d4d4d; 937 --COLOR-BORDER-HAIRLINE: #ffe5e3; 938 --COLOR-LINK: #000000; 939 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 940 --COLOR-QUICK-ADD-TEXT: #000000;--COLOR-UPSELLS-BG: #fff3f2; 941 --COLOR-UPSELLS-TEXT: #0b0b0b; 942 --COLOR-UPSELLS-TEXT-LIGHTEN: #3e3e3e; 943 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 944 --UPSELLS-HEIGHT: 110px; 945 --UPSELLS-IMAGE-WIDTH: 30%; 946 947 --COLOR-DISABLED-GREY: rgba(11, 11, 11, 0.05); 948 --COLOR-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 949 950 /* Dynamic color variables */ 951 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 952 --text: var(--COLOR-TEXT); 953 --heading: var(--COLOR-HEADING); 954 --accent: var(--COLOR-ACCENT); 955 --border: var(--COLOR-BORDER); 956 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 957 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 958 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 959 --bg-darken: var(--COLOR-BG-DARKEN); 960 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 961 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 962 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 963 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 964 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 965 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 966 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 967 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 968 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 969 --overlay: #0000004d; 970 --bg-overlay: rgba(255, 255, 255, 0.5); 971 --link: var(--COLOR-LINK); 972 --text-darken: var(--COLOR-TEXT-DARKEN); 973 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 974 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 975 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 976 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 977 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 978 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 979 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 980 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 981 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 982 --accent-text: var(--COLOR-ACCENT-TEXT); 983 --sale-bg: var(--COLOR-SALE-BG); 984 --sale-text: var(--COLOR-SALE-TEXT); 985 --custom-bg: var(--COLOR-CUSTOM-BG); 986 --custom-text: var(--COLOR-CUSTOM-TEXT); 987 --sold-bg: var(--COLOR-SOLD-BG); 988 --sold-text: var(--COLOR-SOLD-TEXT); 989 --preorder-bg: var(--COLOR-PREORDER-BG); 990 --preorder-text: var(--COLOR-PREORDER-TEXT); 991 --input-bg: var(--COLOR-INPUT-BG); 992 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 993 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 994 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50);
995 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 996 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 997 --hairline: var(--COLOR-BORDER-HAIRLINE); 998 --error: var(--COLOR-ERROR); 999 --error-bg: var(--COLOR-ERROR-BG); 1000 --success: var(--COLOR-SUCCESS); 1001 --success-bg: var(--COLOR-SUCCESS-BG); 1002 --disabled-grey: var(--COLOR-DISABLED-GREY); 1003 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 1004 --white: var(--COLOR-WHITE); 1005 --white-darken: var(--COLOR-WHITE-DARKEN); 1006 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 1007 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 1008 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 1009 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 1010 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 1011 --black: var(--COLOR-BLACK); 1012 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 1013 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 1014 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 1015 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 1016 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 1017 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 1018 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 1019 --upsells-bg: var(--COLOR-UPSELLS-BG); 1020 --upsells-text: var(--COLOR-UPSELLS-TEXT); 1021 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 1022 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 1023 } 1024 1025 1026 .color-scheme-5 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 1027 --COLOR-PRIMARY-OPPOSITE: #000000; 1028 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(214, 167, 167, 0.2); 1029 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(214, 167, 167, 0.3); 1030 1031 --PRIMARY-BUTTONS-COLOR-BG: #e6caca; 1032 --PRIMARY-BUTTONS-COLOR-TEXT: #000000; 1033 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1034 --PRIMARY-BUTTONS-COLOR-BORDER: #e6caca; 1035 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(0, 0, 0, 0.2); 1036 1037 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #d6a7a7; 1038 1039 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(230, 202, 202, 0.05); 1040 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(230, 202, 202, 0.1); 1041 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(230, 202, 202, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 1042 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 1043 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(229, 193, 193, 0.2); 1044 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(229, 193, 193, 0.3); 1045 1046 --SECONDARY-BUTTONS-COLOR-BG: #f4e5e5; 1047 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 1048 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1049 --SECONDARY-BUTTONS-COLOR-BORDER: #f4e5e5; 1050 1051 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(244, 229, 229, 0.05); 1052 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(244, 229, 229, 0.1); 1053 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(244, 229, 229, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 1054 --OUTLINE-BUTTONS-PRIMARY-TEXT: #e6caca; 1055 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(230, 202, 202, 0.1); 1056 --OUTLINE-BUTTONS-PRIMARY-BORDER: #e6caca; 1057 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(214, 167, 167, 0.2); 1058 1059 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 1060 --OUTLINE-BUTTONS-SECONDARY-TEXT: #f4e5e5; 1061 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(244, 229, 229, 0.1); 1062 --OUTLINE-BUTTONS-SECONDARY-BORDER: #f4e5e5; 1063 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(229, 193, 193, 0.2); 1064 1065 --OUTLINE-BUTTONS-WHITE-BG: transparent; 1066 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 1067 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1068 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 1069 1070 --OUTLINE-BUTTONS-BLACK-BG: transparent; 1071 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 1072 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1073 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #e6caca; 1074 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #000000; 1075 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1076 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #000000; 1077 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(0, 0, 0, 0.2); 1078 1079 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #f4e5e5; 1080 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 1081 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1082 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 1083 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 1084 1085 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 1086 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 1087 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1088 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 1089 1090 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 1091 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 1092 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1093 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #0b0b0b; 1094 --COLOR-TEXT: #0b0b0b; 1095 --COLOR-TEXT-DARKEN: #000000; 1096 --COLOR-TEXT-LIGHTEN: #3e3e3e; 1097 --COLOR-TEXT-ALPHA-5: rgba(11, 11, 11, 0.05); 1098 --COLOR-TEXT-ALPHA-8: rgba(11, 11, 11, 0.08); 1099 --COLOR-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 1100 --COLOR-TEXT-ALPHA-15: rgba(11, 11, 11, 0.15); 1101 --COLOR-TEXT-ALPHA-20: rgba(11, 11, 11, 0.2); 1102 --COLOR-TEXT-ALPHA-25: rgba(11, 11, 11, 0.25); 1103 --COLOR-TEXT-ALPHA-50: rgba(11, 11, 11, 0.5); 1104 --COLOR-TEXT-ALPHA-60: rgba(11, 11, 11, 0.6); 1105 --COLOR-TEXT-ALPHA-85: rgba(11, 11, 11, 0.85); 1106
1107 --COLOR-BG-RGB: 255, 247, 242; 1108 --COLOR-BG-GRADIENT: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 247, 242, 1) 100%); 1109 --COLOR-BG: #fff7f2; 1110 --COLOR-BG-ALPHA-25: rgba(255, 247, 242, 0.25); 1111 --COLOR-BG-ALPHA-35: rgba(255, 247, 242, 0.35); 1112 --COLOR-BG-ALPHA-60: rgba(255, 247, 242, 0.6); 1113 --COLOR-BG-ALPHA-65: rgba(255, 247, 242, 0.65); 1114 --COLOR-BG-ALPHA-85: rgba(255, 247, 242, 0.85); 1115 --COLOR-BG-DARKEN: #ffd8bf; 1116 --COLOR-BG-LIGHTEN-DARKEN: #ffd8bf; 1117 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #fff1e8; 1118 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #ffeade; 1119 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 1120 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #ffeee3; 1121 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #ffc8a6; 1122 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #ffb88c; 1123 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #ffd8bf; 1124 --COLOR-BG-LIGHTEN-DARKEN-2: #ffb98c; 1125 --COLOR-BG-LIGHTEN-DARKEN-3: #ffa972; 1126 --COLOR-BG-LIGHTEN-DARKEN-4: #ff9a59; 1127 --COLOR-BG-LIGHTEN-DARKEN-5: #ff8a40; 1128 --COLOR-BG-LIGHTEN-DARKEN-6: #ff7b26; 1129 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #ff9959; 1130 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #ff8940; 1131 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #ff7926; 1132 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #ff6a0d; 1133 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #f25d00; 1134 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #d95300; 1135 1136 --COLOR-INPUT-BG: #fff7f2; 1137 1138 --COLOR-ACCENT: #fff7f2; 1139 --COLOR-ACCENT-TEXT: #000; 1140 --COLOR-ACCENT-OPPOSITE: #000000; 1141 --COLOR-ACCENT-MIX-ALPHA: rgba(128, 124, 121, 0.25); 1142 1143 --COLOR-BORDER: #000000; 1144 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 1145 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 1146 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 1147 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 1148 --COLOR-BORDER-LIGHTEN-DARKEN: #4d4d4d; 1149 --COLOR-BORDER-HAIRLINE: #ffeee3; 1150 --COLOR-LINK: #000000; 1151 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 1152 --COLOR-QUICK-ADD-TEXT: #000000;--COLOR-UPSELLS-BG: #ffffff; 1153 --COLOR-UPSELLS-TEXT: #0b0b0b; 1154 --COLOR-UPSELLS-TEXT-LIGHTEN: #3e3e3e; 1155 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1156 --UPSELLS-HEIGHT: 110px; 1157 --UPSELLS-IMAGE-WIDTH: 30%; 1158 1159 --COLOR-DISABLED-GREY: rgba(11, 11, 11, 0.05); 1160 --COLOR-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1161 1162 /* Dynamic color variables */ 1163 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1164 --text: var(--COLOR-TEXT); 1165 --heading: var(--COLOR-HEADING); 1166 --accent: var(--COLOR-ACCENT); 1167 --border: var(--COLOR-BORDER); 1168 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 1169 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 1170 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 1171 --bg-darken: var(--COLOR-BG-DARKEN); 1172 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 1173 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 1174 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 1175 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 1176 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 1177 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 1178 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 1179 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 1180 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 1181 --overlay: #0000004d; 1182 --bg-overlay: rgba(255, 255, 255, 0.5); 1183 --link: var(--COLOR-LINK); 1184 --text-darken: var(--COLOR-TEXT-DARKEN); 1185 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 1186 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 1187 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 1188 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 1189 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 1190 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 1191 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 1192 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 1193 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 1194 --accent-text: var(--COLOR-ACCENT-TEXT); 1195 --sale-bg: var(--COLOR-SALE-BG); 1196 --sale-text: var(--COLOR-SALE-TEXT); 1197 --custom-bg: var(--COLOR-CUSTOM-BG); 1198 --custom-text: var(--COLOR-CUSTOM-TEXT); 1199 --sold-bg: var(--COLOR-SOLD-BG); 1200 --sold-text: var(--COLOR-SOLD-TEXT); 1201 --preorder-bg: var(--COLOR-PREORDER-BG); 1202 --preorder-text: var(--COLOR-PREORDER-TEXT); 1203 --input-bg: var(--COLOR-INPUT-BG); 1204 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 1205 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 1206 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50);
1207 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 1208 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 1209 --hairline: var(--COLOR-BORDER-HAIRLINE); 1210 --error: var(--COLOR-ERROR); 1211 --error-bg: var(--COLOR-ERROR-BG); 1212 --success: var(--COLOR-SUCCESS); 1213 --success-bg: var(--COLOR-SUCCESS-BG); 1214 --disabled-grey: var(--COLOR-DISABLED-GREY); 1215 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 1216 --white: var(--COLOR-WHITE); 1217 --white-darken: var(--COLOR-WHITE-DARKEN); 1218 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 1219 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 1220 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 1221 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 1222 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 1223 --black: var(--COLOR-BLACK); 1224 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 1225 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 1226 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 1227 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 1228 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 1229 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 1230 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 1231 --upsells-bg: var(--COLOR-UPSELLS-BG); 1232 --upsells-text: var(--COLOR-UPSELLS-TEXT); 1233 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 1234 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 1235 } 1236 1237 1238 .color-scheme-6 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 1239 --COLOR-PRIMARY-OPPOSITE: #ffffff; 1240 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(152, 133, 255, 0.2); 1241 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(152, 133, 255, 0.3); 1242 1243 --PRIMARY-BUTTONS-COLOR-BG: #6d52ff; 1244 --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff; 1245 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1246 --PRIMARY-BUTTONS-COLOR-BORDER: #6d52ff; 1247 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(255, 255, 255, 0.2); 1248 1249 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #9885ff; 1250 1251 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(109, 82, 255, 0.05); 1252 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(109, 82, 255, 0.1); 1253 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(109, 82, 255, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 1254 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 1255 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(255, 196, 191, 0.2); 1256 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(255, 196, 191, 0.3); 1257 1258 --SECONDARY-BUTTONS-COLOR-BG: #fff3f2; 1259 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 1260 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1261 --SECONDARY-BUTTONS-COLOR-BORDER: #fff3f2; 1262 1263 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 243, 242, 0.05); 1264 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 243, 242, 0.1); 1265 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 243, 242, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 1266 --OUTLINE-BUTTONS-PRIMARY-TEXT: #6d52ff; 1267 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(109, 82, 255, 0.1); 1268 --OUTLINE-BUTTONS-PRIMARY-BORDER: #6d52ff; 1269 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(152, 133, 255, 0.2); 1270 1271 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 1272 --OUTLINE-BUTTONS-SECONDARY-TEXT: #fff3f2; 1273 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(255, 243, 242, 0.1); 1274 --OUTLINE-BUTTONS-SECONDARY-BORDER: #fff3f2; 1275 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(255, 196, 191, 0.2); 1276 1277 --OUTLINE-BUTTONS-WHITE-BG: transparent; 1278 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 1279 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1280 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 1281 1282 --OUTLINE-BUTTONS-BLACK-BG: transparent; 1283 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 1284 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1285 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #6d52ff; 1286 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff; 1287 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1288 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff; 1289 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2); 1290 1291 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #fff3f2; 1292 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 1293 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1294 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 1295 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 1296 1297 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 1298 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 1299 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1300 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 1301 1302 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 1303 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 1304 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1305 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #0b0b0b; 1306 --COLOR-TEXT: #0b0b0b; 1307 --COLOR-TEXT-DARKEN: #000000; 1308 --COLOR-TEXT-LIGHTEN: #3e3e3e; 1309 --COLOR-TEXT-ALPHA-5: rgba(11, 11, 11, 0.05); 1310 --COLOR-TEXT-ALPHA-8: rgba(11, 11, 11, 0.08); 1311 --COLOR-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 1312 --COLOR-TEXT-ALPHA-15: rgba(11, 11, 11, 0.15); 1313 --COLOR-TEXT-ALPHA-20: rgba(11, 11, 11, 0.2); 1314 --COLOR-TEXT-ALPHA-25: rgba(11, 11, 11, 0.25); 1315 --COLOR-TEXT-ALPHA-50: rgba(11, 11, 11, 0.5); 1316 --COLOR-TEXT-ALPHA-60: rgba(11, 11, 11, 0.6); 1317 --COLOR-TEXT-ALPHA-85: rgba(11, 11, 11, 0.85); 1318 1319 --COLOR-BG-RGB: 247, 246, 244; 1320 --COLOR-BG-GRADIENT: #f7f6f4; 1321 --COLOR-BG: #f7f6f4;
1322 --COLOR-BG-ALPHA-25: rgba(247, 246, 244, 0.25); 1323 --COLOR-BG-ALPHA-35: rgba(247, 246, 244, 0.35); 1324 --COLOR-BG-ALPHA-60: rgba(247, 246, 244, 0.6); 1325 --COLOR-BG-ALPHA-65: rgba(247, 246, 244, 0.65); 1326 --COLOR-BG-ALPHA-85: rgba(247, 246, 244, 0.85); 1327 --COLOR-BG-DARKEN: #e2ded6; 1328 --COLOR-BG-LIGHTEN-DARKEN: #e2ded6; 1329 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #f3f1ee; 1330 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #eeece8; 1331 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 1332 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #f1efeb; 1333 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #d7d2c8; 1334 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #ccc6b9; 1335 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #e2ded6; 1336 --COLOR-BG-LIGHTEN-DARKEN-2: #cdc6b8; 1337 --COLOR-BG-LIGHTEN-DARKEN-3: #c2baa9; 1338 --COLOR-BG-LIGHTEN-DARKEN-4: #b8ae9a; 1339 --COLOR-BG-LIGHTEN-DARKEN-5: #ada28b; 1340 --COLOR-BG-LIGHTEN-DARKEN-6: #a3967c; 1341 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #b7ae9b; 1342 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #aca18d; 1343 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #a1957e; 1344 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #96896f; 1345 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #897c63; 1346 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #7a6f59; 1347 1348 --COLOR-INPUT-BG: #f7f6f4; 1349 1350 --COLOR-ACCENT: #6d52ff; 1351 --COLOR-ACCENT-TEXT: #fff; 1352 --COLOR-ACCENT-OPPOSITE: #ffffff; 1353 --COLOR-ACCENT-MIX-ALPHA: rgba(55, 41, 128, 0.1); 1354 1355 --COLOR-BORDER: #000000; 1356 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 1357 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 1358 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 1359 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 1360 --COLOR-BORDER-LIGHTEN-DARKEN: #4d4d4d; 1361 --COLOR-BORDER-HAIRLINE: #f1efeb;
1362 --COLOR-LINK: #000000; 1363 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 1364 --COLOR-QUICK-ADD-TEXT: #000000;--COLOR-UPSELLS-BG: #f7f6f4; 1365 --COLOR-UPSELLS-TEXT: #0b0b0b; 1366 --COLOR-UPSELLS-TEXT-LIGHTEN: #3e3e3e; 1367 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1368 --UPSELLS-HEIGHT: 110px; 1369 --UPSELLS-IMAGE-WIDTH: 30%; 1370 1371 --COLOR-DISABLED-GREY: rgba(11, 11, 11, 0.05); 1372 --COLOR-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1373 1374 /* Dynamic color variables */ 1375 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1376 --text: var(--COLOR-TEXT); 1377 --heading: var(--COLOR-HEADING); 1378 --accent: var(--COLOR-ACCENT); 1379 --border: var(--COLOR-BORDER); 1380 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 1381 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 1382 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 1383 --bg-darken: var(--COLOR-BG-DARKEN); 1384 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 1385 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 1386 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 1387 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 1388 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 1389 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 1390 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 1391 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 1392 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 1393 --overlay: #0000004d; 1394 --bg-overlay: rgba(255, 255, 255, 0.5); 1395 --link: var(--COLOR-LINK); 1396 --text-darken: var(--COLOR-TEXT-DARKEN); 1397 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 1398 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 1399 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 1400 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 1401 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 1402 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 1403 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 1404 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 1405 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 1406 --accent-text: var(--COLOR-ACCENT-TEXT); 1407 --sale-bg: var(--COLOR-SALE-BG); 1408 --sale-text: var(--COLOR-SALE-TEXT); 1409 --custom-bg: var(--COLOR-CUSTOM-BG); 1410 --custom-text: var(--COLOR-CUSTOM-TEXT); 1411 --sold-bg: var(--COLOR-SOLD-BG); 1412 --sold-text: var(--COLOR-SOLD-TEXT); 1413 --preorder-bg: var(--COLOR-PREORDER-BG); 1414 --preorder-text: var(--COLOR-PREORDER-TEXT); 1415 --input-bg: var(--COLOR-INPUT-BG); 1416 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 1417 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 1418 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50); 1419 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 1420 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 1421 --hairline: var(--COLOR-BORDER-HAIRLINE); 1422 --error: var(--COLOR-ERROR); 1423 --error-bg: var(--COLOR-ERROR-BG); 1424 --success: var(--COLOR-SUCCESS); 1425 --success-bg: var(--COLOR-SUCCESS-BG); 1426 --disabled-grey: var(--COLOR-DISABLED-GREY); 1427 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 1428 --white: var(--COLOR-WHITE); 1429 --white-darken: var(--COLOR-WHITE-DARKEN); 1430 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 1431 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 1432 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 1433 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 1434 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 1435 --black: var(--COLOR-BLACK); 1436 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 1437 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 1438 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 1439 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 1440 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 1441 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 1442 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 1443 --upsells-bg: var(--COLOR-UPSELLS-BG); 1444 --upsells-text: var(--COLOR-UPSELLS-TEXT); 1445 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 1446 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 1447 } 1448 1449 1450 .color-scheme-7 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 1451 --COLOR-PRIMARY-OPPOSITE: #ffffff; 1452 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(37, 37, 37, 0.2); 1453 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(37, 37, 37, 0.3); 1454 1455 --PRIMARY-BUTTONS-COLOR-BG: #0b0b0b; 1456 --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff; 1457 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1458 --PRIMARY-BUTTONS-COLOR-BORDER: #0b0b0b; 1459 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(255, 255, 255, 0.2); 1460 1461 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #252525; 1462 1463 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(11, 11, 11, 0.05); 1464 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(11, 11, 11, 0.1); 1465 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(11, 11, 11, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 1466 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 1467 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(230, 230, 230, 0.2); 1468 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(230, 230, 230, 0.3); 1469 1470 --SECONDARY-BUTTONS-COLOR-BG: #ffffff; 1471 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 1472 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1473 --SECONDARY-BUTTONS-COLOR-BORDER: #ffffff; 1474 1475 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 255, 255, 0.05); 1476 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 255, 255, 0.1); 1477 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 255, 255, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 1478 --OUTLINE-BUTTONS-PRIMARY-TEXT: #0b0b0b; 1479 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 1480 --OUTLINE-BUTTONS-PRIMARY-BORDER: #0b0b0b; 1481 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(37, 37, 37, 0.2); 1482 1483 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 1484 --OUTLINE-BUTTONS-SECONDARY-TEXT: #ffffff; 1485 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1486 --OUTLINE-BUTTONS-SECONDARY-BORDER: #ffffff; 1487 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(230, 230, 230, 0.2); 1488 1489 --OUTLINE-BUTTONS-WHITE-BG: transparent; 1490 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 1491 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1492 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 1493 1494 --OUTLINE-BUTTONS-BLACK-BG: transparent; 1495 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 1496 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1497 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #0b0b0b; 1498 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff; 1499 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1500 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff; 1501 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2); 1502 1503 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #ffffff; 1504 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 1505 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1506 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 1507 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 1508 1509 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 1510 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 1511 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1512 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 1513 1514 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 1515 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 1516 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1517 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #0b0b0b; 1518 --COLOR-TEXT: #0b0b0b; 1519 --COLOR-TEXT-DARKEN: #000000; 1520 --COLOR-TEXT-LIGHTEN: #3e3e3e; 1521 --COLOR-TEXT-ALPHA-5: rgba(11, 11, 11, 0.05); 1522 --COLOR-TEXT-ALPHA-8: rgba(11, 11, 11, 0.08); 1523 --COLOR-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 1524 --COLOR-TEXT-ALPHA-15: rgba(11, 11, 11, 0.15); 1525 --COLOR-TEXT-ALPHA-20: rgba(11, 11, 11, 0.2); 1526 --COLOR-TEXT-ALPHA-25: rgba(11, 11, 11, 0.25); 1527 --COLOR-TEXT-ALPHA-50: rgba(11, 11, 11, 0.5); 1528 --COLOR-TEXT-ALPHA-60: rgba(11, 11, 11, 0.6); 1529 --COLOR-TEXT-ALPHA-85: rgba(11, 11, 11, 0.85); 1530
1531 --COLOR-BG-RGB: 255, 255, 255; 1532 --COLOR-BG-GRADIENT: radial-gradient(rgba(244, 227, 226, 1), rgba(255, 255, 255, 1) 100%); 1533 --COLOR-BG: #ffffff; 1534 --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); 1535 --COLOR-BG-ALPHA-35: rgba(255, 255, 255, 0.35); 1536 --COLOR-BG-ALPHA-60: rgba(255, 255, 255, 0.6); 1537 --COLOR-BG-ALPHA-65: rgba(255, 255, 255, 0.65); 1538 --COLOR-BG-ALPHA-85: rgba(255, 255, 255, 0.85); 1539 --COLOR-BG-DARKEN: #e6e6e6; 1540 --COLOR-BG-LIGHTEN-DARKEN: #e6e6e6; 1541 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #fafafa; 1542 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #f5f5f5; 1543 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 1544 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #f7f7f7; 1545 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #d9d9d9; 1546 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #cccccc; 1547 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #e6e6e6; 1548 --COLOR-BG-LIGHTEN-DARKEN-2: #cdcdcd; 1549 --COLOR-BG-LIGHTEN-DARKEN-3: #c0c0c0; 1550 --COLOR-BG-LIGHTEN-DARKEN-4: #b3b3b3; 1551 --COLOR-BG-LIGHTEN-DARKEN-5: #a6a6a6; 1552 --COLOR-BG-LIGHTEN-DARKEN-6: #9a9a9a; 1553 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #b3b3b3; 1554 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #a6a6a6; 1555 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #999999; 1556 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #8c8c8c; 1557 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #808080; 1558 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #737373; 1559 1560 --COLOR-INPUT-BG: #ffffff; 1561 1562 --COLOR-ACCENT: #fff7f2; 1563 --COLOR-ACCENT-TEXT: #000; 1564 --COLOR-ACCENT-OPPOSITE: #000000; 1565 --COLOR-ACCENT-MIX-ALPHA: rgba(128, 124, 121, 0.25); 1566 1567 --COLOR-BORDER: #000000; 1568 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 1569 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 1570 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 1571 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 1572 --COLOR-BORDER-LIGHTEN-DARKEN: #4d4d4d; 1573 --COLOR-BORDER-HAIRLINE: #f7f7f7; 1574 --COLOR-LINK: #ffffff; 1575 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 1576 --COLOR-QUICK-ADD-TEXT: #000000;--COLOR-UPSELLS-BG: #f7f6f4; 1577 --COLOR-UPSELLS-TEXT: #0b0b0b; 1578 --COLOR-UPSELLS-TEXT-LIGHTEN: #3e3e3e; 1579 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1580 --UPSELLS-HEIGHT: 110px; 1581 --UPSELLS-IMAGE-WIDTH: 30%; 1582 1583 --COLOR-DISABLED-GREY: rgba(11, 11, 11, 0.05); 1584 --COLOR-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1585 1586 /* Dynamic color variables */ 1587 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1588 --text: var(--COLOR-TEXT); 1589 --heading: var(--COLOR-HEADING); 1590 --accent: var(--COLOR-ACCENT); 1591 --border: var(--COLOR-BORDER); 1592 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 1593 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 1594 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 1595 --bg-darken: var(--COLOR-BG-DARKEN); 1596 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 1597 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 1598 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 1599 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 1600 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 1601 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 1602 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 1603 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 1604 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 1605 --overlay: #00000005; 1606 --bg-overlay: rgba(255, 255, 255, 0.5); 1607 --link: var(--COLOR-LINK); 1608 --text-darken: var(--COLOR-TEXT-DARKEN); 1609 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 1610 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 1611 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 1612 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 1613 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 1614 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 1615 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 1616 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 1617 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 1618 --accent-text: var(--COLOR-ACCENT-TEXT); 1619 --sale-bg: var(--COLOR-SALE-BG); 1620 --sale-text: var(--COLOR-SALE-TEXT); 1621 --custom-bg: var(--COLOR-CUSTOM-BG); 1622 --custom-text: var(--COLOR-CUSTOM-TEXT); 1623 --sold-bg: var(--COLOR-SOLD-BG); 1624 --sold-text: var(--COLOR-SOLD-TEXT); 1625 --preorder-bg: var(--COLOR-PREORDER-BG); 1626 --preorder-text: var(--COLOR-PREORDER-TEXT); 1627 --input-bg: var(--COLOR-INPUT-BG); 1628 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 1629 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 1630 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50);
1631 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 1632 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 1633 --hairline: var(--COLOR-BORDER-HAIRLINE); 1634 --error: var(--COLOR-ERROR); 1635 --error-bg: var(--COLOR-ERROR-BG); 1636 --success: var(--COLOR-SUCCESS); 1637 --success-bg: var(--COLOR-SUCCESS-BG); 1638 --disabled-grey: var(--COLOR-DISABLED-GREY); 1639 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 1640 --white: var(--COLOR-WHITE); 1641 --white-darken: var(--COLOR-WHITE-DARKEN); 1642 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 1643 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 1644 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 1645 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 1646 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 1647 --black: var(--COLOR-BLACK); 1648 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 1649 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 1650 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 1651 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 1652 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 1653 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 1654 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 1655 --upsells-bg: var(--COLOR-UPSELLS-BG); 1656 --upsells-text: var(--COLOR-UPSELLS-TEXT); 1657 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 1658 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 1659 } 1660 1661 1662 .color-scheme-8 {--COLOR-BODY-BG-OPPOSITE-ALPHA-25: rgba(0, 0, 0, 0.25); 1663 --COLOR-PRIMARY-OPPOSITE: #ffffff; 1664 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-20: rgba(37, 37, 37, 0.2); 1665 --COLOR-PRIMARY-LIGHTEN-DARKEN-ALPHA-30: rgba(37, 37, 37, 0.3); 1666 1667 --PRIMARY-BUTTONS-COLOR-BG: #0b0b0b; 1668 --PRIMARY-BUTTONS-COLOR-TEXT: #ffffff; 1669 --PRIMARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1670 --PRIMARY-BUTTONS-COLOR-BORDER: #0b0b0b; 1671 --PRIMARY-BUTTONS-COLOR-HOVER: rgba(255, 255, 255, 0.2); 1672 1673 --PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN: #252525; 1674 1675 --PRIMARY-BUTTONS-COLOR-ALPHA-05: rgba(11, 11, 11, 0.05); 1676 --PRIMARY-BUTTONS-COLOR-ALPHA-10: rgba(11, 11, 11, 0.1); 1677 --PRIMARY-BUTTONS-COLOR-ALPHA-50: rgba(11, 11, 11, 0.5);--COLOR-SECONDARY-OPPOSITE: #000000; 1678 --COLOR-SECONDARY-OPPOSITE-ALPHA-20: rgba(0, 0, 0, 0.2); 1679 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-20: rgba(230, 230, 230, 0.2); 1680 --COLOR-SECONDARY-LIGHTEN-DARKEN-ALPHA-30: rgba(230, 230, 230, 0.3); 1681 1682 --SECONDARY-BUTTONS-COLOR-BG: #ffffff; 1683 --SECONDARY-BUTTONS-COLOR-TEXT: #000000; 1684 --SECONDARY-BUTTONS-COLOR-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1685 --SECONDARY-BUTTONS-COLOR-BORDER: #ffffff; 1686 1687 --SECONDARY-BUTTONS-COLOR-ALPHA-05: rgba(255, 255, 255, 0.05); 1688 --SECONDARY-BUTTONS-COLOR-ALPHA-10: rgba(255, 255, 255, 0.1); 1689 --SECONDARY-BUTTONS-COLOR-ALPHA-50: rgba(255, 255, 255, 0.5);--OUTLINE-BUTTONS-PRIMARY-BG: transparent; 1690 --OUTLINE-BUTTONS-PRIMARY-TEXT: #0b0b0b; 1691 --OUTLINE-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 1692 --OUTLINE-BUTTONS-PRIMARY-BORDER: #0b0b0b; 1693 --OUTLINE-BUTTONS-PRIMARY-BG-HOVER: rgba(37, 37, 37, 0.2); 1694 1695 --OUTLINE-BUTTONS-SECONDARY-BG: transparent; 1696 --OUTLINE-BUTTONS-SECONDARY-TEXT: #ffffff; 1697 --OUTLINE-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1698 --OUTLINE-BUTTONS-SECONDARY-BORDER: #ffffff; 1699 --OUTLINE-BUTTONS-SECONDARY-BG-HOVER: rgba(230, 230, 230, 0.2); 1700 1701 --OUTLINE-BUTTONS-WHITE-BG: transparent; 1702 --OUTLINE-BUTTONS-WHITE-TEXT: #ffffff; 1703 --OUTLINE-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1704 --OUTLINE-BUTTONS-WHITE-BORDER: #ffffff; 1705 1706 --OUTLINE-BUTTONS-BLACK-BG: transparent; 1707 --OUTLINE-BUTTONS-BLACK-TEXT: #000000; 1708 --OUTLINE-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1709 --OUTLINE-BUTTONS-BLACK-BORDER: #000000;--OUTLINE-SOLID-BUTTONS-PRIMARY-BG: #0b0b0b; 1710 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT: #ffffff; 1711 --OUTLINE-SOLID-BUTTONS-PRIMARY-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1712 --OUTLINE-SOLID-BUTTONS-PRIMARY-BORDER: #ffffff; 1713 --OUTLINE-SOLID-BUTTONS-PRIMARY-BG-HOVER: rgba(255, 255, 255, 0.2); 1714 1715 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG: #ffffff; 1716 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT: #000000; 1717 --OUTLINE-SOLID-BUTTONS-SECONDARY-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1718 --OUTLINE-SOLID-BUTTONS-SECONDARY-BORDER: #000000; 1719 --OUTLINE-SOLID-BUTTONS-SECONDARY-BG-HOVER: rgba(0, 0, 0, 0.2); 1720 1721 --OUTLINE-SOLID-BUTTONS-WHITE-BG: #ffffff; 1722 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT: #000000; 1723 --OUTLINE-SOLID-BUTTONS-WHITE-TEXT-ALPHA-10: rgba(0, 0, 0, 0.1); 1724 --OUTLINE-SOLID-BUTTONS-WHITE-BORDER: #000000; 1725 1726 --OUTLINE-SOLID-BUTTONS-BLACK-BG: #000000; 1727 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT: #ffffff; 1728 --OUTLINE-SOLID-BUTTONS-BLACK-TEXT-ALPHA-10: rgba(255, 255, 255, 0.1); 1729 --OUTLINE-SOLID-BUTTONS-BLACK-BORDER: #ffffff;--COLOR-HEADING: #0b0b0b; 1730 --COLOR-TEXT: #0b0b0b; 1731 --COLOR-TEXT-DARKEN: #000000; 1732 --COLOR-TEXT-LIGHTEN: #3e3e3e; 1733 --COLOR-TEXT-ALPHA-5: rgba(11, 11, 11, 0.05); 1734 --COLOR-TEXT-ALPHA-8: rgba(11, 11, 11, 0.08); 1735 --COLOR-TEXT-ALPHA-10: rgba(11, 11, 11, 0.1); 1736 --COLOR-TEXT-ALPHA-15: rgba(11, 11, 11, 0.15); 1737 --COLOR-TEXT-ALPHA-20: rgba(11, 11, 11, 0.2); 1738 --COLOR-TEXT-ALPHA-25: rgba(11, 11, 11, 0.25); 1739 --COLOR-TEXT-ALPHA-50: rgba(11, 11, 11, 0.5); 1740 --COLOR-TEXT-ALPHA-60: rgba(11, 11, 11, 0.6); 1741 --COLOR-TEXT-ALPHA-85: rgba(11, 11, 11, 0.85); 1742
1743 --COLOR-BG-RGB: 255, 255, 255; 1744 --COLOR-BG-GRADIENT: linear-gradient(180deg, rgba(255, 247, 242, 1), rgba(255, 255, 255, 1) 50%, rgba(255, 247, 242, 1) 100%); 1745 --COLOR-BG: #ffffff; 1746 --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); 1747 --COLOR-BG-ALPHA-35: rgba(255, 255, 255, 0.35); 1748 --COLOR-BG-ALPHA-60: rgba(255, 255, 255, 0.6); 1749 --COLOR-BG-ALPHA-65: rgba(255, 255, 255, 0.65); 1750 --COLOR-BG-ALPHA-85: rgba(255, 255, 255, 0.85); 1751 --COLOR-BG-DARKEN: #e6e6e6; 1752 --COLOR-BG-LIGHTEN-DARKEN: #e6e6e6; 1753 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG: #fafafa; 1754 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT: #f5f5f5; 1755 --COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT: #000000; 1756 --COLOR-BG-LIGHTEN-DARKEN-FOREGROUND: #f7f7f7; 1757 --COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT: #d9d9d9; 1758 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER: #cccccc; 1759 --COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE: #e6e6e6; 1760 --COLOR-BG-LIGHTEN-DARKEN-2: #cdcdcd; 1761 --COLOR-BG-LIGHTEN-DARKEN-3: #c0c0c0; 1762 --COLOR-BG-LIGHTEN-DARKEN-4: #b3b3b3; 1763 --COLOR-BG-LIGHTEN-DARKEN-5: #a6a6a6; 1764 --COLOR-BG-LIGHTEN-DARKEN-6: #9a9a9a; 1765 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST: #b3b3b3; 1766 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-2: #a6a6a6; 1767 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-3: #999999; 1768 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-4: #8c8c8c; 1769 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-5: #808080; 1770 --COLOR-BG-LIGHTEN-DARKEN-CONTRAST-6: #737373; 1771 1772 --COLOR-INPUT-BG: #ffffff; 1773 1774 --COLOR-ACCENT: #e6caca; 1775 --COLOR-ACCENT-TEXT: #000; 1776 --COLOR-ACCENT-OPPOSITE: #000000; 1777 --COLOR-ACCENT-MIX-ALPHA: rgba(115, 101, 101, 0.1); 1778 1779 --COLOR-BORDER: #000000; 1780 --COLOR-BORDER-ALPHA-15: rgba(0, 0, 0, 0.15); 1781 --COLOR-BORDER-ALPHA-30: rgba(0, 0, 0, 0.3); 1782 --COLOR-BORDER-ALPHA-50: rgba(0, 0, 0, 0.5); 1783 --COLOR-BORDER-ALPHA-65: rgba(0, 0, 0, 0.65); 1784 --COLOR-BORDER-LIGHTEN-DARKEN: #4d4d4d; 1785 --COLOR-BORDER-HAIRLINE: #f7f7f7; 1786 --COLOR-LINK: #000000; 1787 --COLOR-BG-OVERLAY: rgba(0, 0, 0, 0.15);--COLOR-QUICK-ADD-BG: #ffffff; 1788 --COLOR-QUICK-ADD-TEXT: #000000;--COLOR-UPSELLS-BG: #f2f2f2; 1789 --COLOR-UPSELLS-TEXT: #0b0b0b; 1790 --COLOR-UPSELLS-TEXT-LIGHTEN: #3e3e3e; 1791 --COLOR-UPSELLS-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1792 --UPSELLS-HEIGHT: 110px; 1793 --UPSELLS-IMAGE-WIDTH: 30%; 1794 1795 --COLOR-DISABLED-GREY: rgba(11, 11, 11, 0.05); 1796 --COLOR-DISABLED-GREY-DARKEN: rgba(11, 11, 11, 0.45); 1797 1798 /* Dynamic color variables */ 1799 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1800 --text: var(--COLOR-TEXT); 1801 --heading: var(--COLOR-HEADING); 1802 --accent: var(--COLOR-ACCENT); 1803 --border: var(--COLOR-BORDER); 1804 --bg-alpha-25: var(--COLOR-BG-ALPHA-25); 1805 --bg-alpha-35: var(--COLOR-BG-ALPHA-35); 1806 --bg-alpha-60: var(--COLOR-BG-ALPHA-60); 1807 --bg-darken: var(--COLOR-BG-DARKEN); 1808 --bg-lighten-darken: var(--COLOR-BG-LIGHTEN-DARKEN); 1809 --bg-lighten-darken-shimmer-bg: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-BG); 1810 --bg-lighten-darken-shimmer-effect: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-EFFECT); 1811 --bg-lighten-darken-shimmer-enhancement: var(--COLOR-BG-LIGHTEN-DARKEN-SHIMMER-ENHANCEMENT); 1812 --bg-lighten-darken-foreground: var(--COLOR-BG-LIGHTEN-DARKEN-FOREGROUND); 1813 --bg-lighten-darken-highlight: var(--COLOR-BG-LIGHTEN-DARKEN-HIGHLIGHT); 1814 --bg-lighten-darken-search-loader: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER); 1815 --bg-lighten-darken-search-loader-line: var(--COLOR-BG-LIGHTEN-DARKEN-SEARCH-LOADER-LINE); 1816 --bg-lighten-darken-contrast: var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST); 1817 --overlay: #0000004d; 1818 --bg-overlay: rgba(255, 255, 255, 0.5); 1819 --link: var(--COLOR-LINK); 1820 --text-darken: var(--COLOR-TEXT-DARKEN); 1821 --text-lighten: var(--COLOR-TEXT-LIGHTEN); 1822 --text-alpha-5: var(--COLOR-TEXT-ALPHA-5); 1823 --text-alpha-8: var(--COLOR-TEXT-ALPHA-8); 1824 --text-alpha-10: var(--COLOR-TEXT-ALPHA-10); 1825 --text-alpha-15: var(--COLOR-TEXT-ALPHA-15); 1826 --text-alpha-25: var(--COLOR-TEXT-ALPHA-25); 1827 --text-alpha-50: var(--COLOR-TEXT-ALPHA-50); 1828 --text-alpha-60: var(--COLOR-TEXT-ALPHA-60); 1829 --text-alpha-85: var(--COLOR-TEXT-ALPHA-85); 1830 --accent-text: var(--COLOR-ACCENT-TEXT); 1831 --sale-bg: var(--COLOR-SALE-BG); 1832 --sale-text: var(--COLOR-SALE-TEXT); 1833 --custom-bg: var(--COLOR-CUSTOM-BG); 1834 --custom-text: var(--COLOR-CUSTOM-TEXT); 1835 --sold-bg: var(--COLOR-SOLD-BG); 1836 --sold-text: var(--COLOR-SOLD-TEXT); 1837 --preorder-bg: var(--COLOR-PREORDER-BG); 1838 --preorder-text: var(--COLOR-PREORDER-TEXT); 1839 --input-bg: var(--COLOR-INPUT-BG); 1840 --border-alpha-15: var(--COLOR-BORDER-ALPHA-15); 1841 --border-alpha-30: var(--COLOR-BORDER-ALPHA-30); 1842 --border-alpha-50: var(--COLOR-BORDER-ALPHA-50);
1843 --border-alpha-65: var(--COLOR-BORDER-ALPHA-65); 1844 --border-lighten-darken: var(--COLOR-BORDER-LIGHTEN-DARKEN); 1845 --hairline: var(--COLOR-BORDER-HAIRLINE); 1846 --error: var(--COLOR-ERROR); 1847 --error-bg: var(--COLOR-ERROR-BG); 1848 --success: var(--COLOR-SUCCESS); 1849 --success-bg: var(--COLOR-SUCCESS-BG); 1850 --disabled-grey: var(--COLOR-DISABLED-GREY); 1851 --disabled-grey-darken: var(--COLOR-DISABLED-GREY-DARKEN); 1852 --white: var(--COLOR-WHITE); 1853 --white-darken: var(--COLOR-WHITE-DARKEN); 1854 --white-alpha-10: var(--COLOR-WHITE-ALPHA-10); 1855 --white-alpha-20: var(--COLOR-WHITE-ALPHA-20); 1856 --white-alpha-25: var(--COLOR-WHITE-ALPHA-25); 1857 --white-alpha-50: var(--COLOR-WHITE-ALPHA-50); 1858 --white-alpha-60: var(--COLOR-WHITE-ALPHA-60); 1859 --black: var(--COLOR-BLACK); 1860 --black-lighten: var(--COLOR-BLACK-LIGHTEN); 1861 --black-alpha-05: var(--COLOR-BLACK-ALPHA-05); 1862 --black-alpha-10: var(--COLOR-BLACK-ALPHA-10); 1863 --black-alpha-20: var(--COLOR-BLACK-ALPHA-20); 1864 --black-alpha-25: var(--COLOR-BLACK-ALPHA-25); 1865 --black-alpha-50: var(--COLOR-BLACK-ALPHA-50); 1866 --black-alpha-60: var(--COLOR-BLACK-ALPHA-60); 1867 --upsells-bg: var(--COLOR-UPSELLS-BG); 1868 --upsells-text: var(--COLOR-UPSELLS-TEXT); 1869 --upsells-text-lighten: var(--COLOR-UPSELLS-TEXT-LIGHTEN); 1870 --upsells-disabled-grey-darken: var(--COLOR-UPSELLS-DISABLED-GREY-DARKEN); 1871 } 1872 1873 1874 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8 { 1875 color: var(--text); 1876 background: var(--bg); 1877 }:root { 1878 --COLOR-SALE-BG: #D9BBB3; 1879 --COLOR-SALE-TEXT: #000000; 1880 --COLOR-CUSTOM-BG: #d9bbb3; 1881 --COLOR-CUSTOM-TEXT: #000000; 1882 --COLOR-SOLD-BG: #f2f2f2; 1883 --COLOR-SOLD-TEXT: #000000; 1884 --COLOR-PREORDER-BG: #444444; 1885 --COLOR-PREORDER-TEXT: #ffffff; 1886 1887 --COLOR-WHITE-BLACK: #fff; 1888 --COLOR-BLACK-WHITE: #000; 1889 --COLOR-BLACK-WHITE-ALPHA-25: rgba(0, 0, 0, 0.25); 1890 --COLOR-BLACK-WHITE-ALPHA-34: rgba(0, 0, 0, 0.34);--COLOR-MENU-BG: #ffffff; 1891 --COLOR-MENU-LINK: #000000; 1892 --COLOR-MENU-LINK-OPPOSITE: rgba(255, 255, 255, 0.15); 1893 --COLOR-MENU-TRANSPARENT-LINK: #000000; 1894 --COLOR-MENU-TEXT-ALPHA-5: rgba(0, 0, 0, 0.05); 1895 --COLOR-MENU-BG-ALPHA-10: rgba(255, 255, 255, 0.1); 1896 --COLOR-MENU-BG-INPUT: #ffffff; 1897 --COLOR-MENU-BG-LIGHTEN-DARKEN-FOREGROUND: #f7f7f7; 1898 1899 --COLOR-ERROR: #D02E2E; 1900 --COLOR-ERROR-BG: #f3cbcb; 1901 --COLOR-SUCCESS: #56AD6A; 1902 --COLOR-SUCCESS-BG: #ECFEF0; 1903 --COLOR-WARN: #ECBD5E; 1904 --COLOR-TRANSPARENT: rgba(255, 255, 255, 0); 1905 1906 --COLOR-WHITE: #ffffff; 1907 --COLOR-WHITE-DARKEN: #f2f2f2; 1908 --COLOR-WHITE-ALPHA-10: rgba(255, 255, 255, 0.1); 1909 --COLOR-WHITE-ALPHA-20: rgba(255, 255, 255, 0.2); 1910 --COLOR-WHITE-ALPHA-25: rgba(255, 255, 255, 0.25); 1911 --COLOR-WHITE-ALPHA-50: rgba(255, 255, 255, 0.5); 1912 --COLOR-WHITE-ALPHA-60: rgba(255, 255, 255, 0.6); 1913 --COLOR-BLACK: #000000; 1914 --COLOR-BLACK-LIGHTEN: #1a1a1a; 1915 --COLOR-BLACK-ALPHA-05: rgba(0, 0, 0, 0.05); 1916 --COLOR-BLACK-ALPHA-10: rgba(0, 0, 0, 0.1); 1917 --COLOR-BLACK-ALPHA-20: rgba(0, 0, 0, 0.2); 1918 --COLOR-BLACK-ALPHA-25: rgba(0, 0, 0, 0.25); 1919 --COLOR-BLACK-ALPHA-50: rgba(0, 0, 0, 0.5); 1920 --COLOR-BLACK-ALPHA-60: rgba(0, 0, 0, 0.6);--FONT-STACK-BODY: "Work Sans", sans-serif; 1921 --FONT-STYLE-BODY: normal; 1922 --FONT-STYLE-BODY-ITALIC: italic; 1923 --FONT-ADJUST-BODY: 0.9; 1924 1925 --FONT-WEIGHT-BODY: 400; 1926 --FONT-WEIGHT-BODY-LIGHT: 100; 1927 --FONT-WEIGHT-BODY-MEDIUM: 700; 1928 --FONT-WEIGHT-BODY-BOLD: 500; 1929 1930 --FONT-STACK-HEADING: Rubik, sans-serif; 1931 --FONT-STYLE-HEADING: normal; 1932 --FONT-STYLE-HEADING-ITALIC: italic; 1933 --FONT-ADJUST-HEADING: 0.8; 1934 1935 --FONT-WEIGHT-HEADING: 500; 1936 --FONT-WEIGHT-HEADING-LIGHT: 300; 1937 --FONT-WEIGHT-HEADING-MEDIUM: 700; 1938 --FONT-WEIGHT-HEADING-BOLD: 600; 1939 1940 --FONT-STACK-NAV: "Work Sans", sans-serif; 1941 --FONT-STYLE-NAV: normal; 1942 --FONT-STYLE-NAV-ITALIC: italic; 1943 --FONT-ADJUST-NAV: 0.9; 1944 --FONT-ADJUST-NAV-TOP-LEVEL: 0.8; 1945 1946 --FONT-WEIGHT-NAV: 400; 1947 --FONT-WEIGHT-NAV-LIGHT: 100; 1948 --FONT-WEIGHT-NAV-MEDIUM: 700; 1949 --FONT-WEIGHT-NAV-BOLD: 500; 1950 1951 --FONT-ADJUST-PRODUCT-GRID: 1.1; 1952 --FONT-ADJUST-PRODUCT-GRID-HEADING: 0.95; 1953 1954 --FONT-ADJUST-BADGES: 1.1; 1955 1956 --FONT-STACK-BUTTON: "Work Sans", sans-serif; 1957 --FONT-STYLE-BUTTON: normal; 1958 --FONT-STYLE-BUTTON-ITALIC: italic; 1959 --FONT-ADJUST-SMALL-BUTTON: 0.9; 1960 --FONT-ADJUST-MEDIUM-BUTTON: 0.9; 1961 --FONT-ADJUST-LARGE-BUTTON: 0.9; 1962 1963 --FONT-WEIGHT-BUTTON: 500; 1964 --FONT-WEIGHT-BUTTON-MEDIUM: 700; 1965 --FONT-WEIGHT-BUTTON-BOLD: 500; 1966 1967 --FONT-STACK-SUBHEADING: "Space Mono", monospace; 1968 --FONT-STYLE-SUBHEADING: normal; 1969 --FONT-ADJUST-SUBHEADING: 0.8; 1970 1971 --FONT-WEIGHT-SUBHEADING: 400; 1972 --FONT-WEIGHT-SUBHEADING-BOLD: 700; 1973 1974 --FONT-STACK-LABEL: "Work Sans", sans-serif; 1975 --FONT-STYLE-LABEL: normal; 1976 --FONT-ADJUST-LABEL: 0.65; 1977 1978 --FONT-STACK-HIGHLIGHT: Pacifico, cursive; 1979 --FONT-STYLE-HIGHLIGHT: normal; 1980 --FONT-WEIGHT-HIGHLIGHT: 400; 1981 1982 --FONT-WEIGHT-LABEL: 500; 1983 1984 --LETTER-SPACING-NAV: 0.05em; 1985 --LETTER-SPACING-HEADING: 0.0em; 1986 --LETTER-SPACING-SUBHEADING: 0.1em; 1987 --LETTER-SPACING-BUTTON: 0.075em; 1988 --LETTER-SPACING-LABEL: 0.05em; 1989 1990 --BUTTON-TEXT-CAPS: uppercase; 1991 --HEADING-TEXT-CAPS: none; 1992 --SUBHEADING-TEXT-CAPS: uppercase; 1993 --LABEL-TEXT-CAPS: uppercase;--FONT-SIZE-INPUT: 1rem;--RADIUS: 0px; 1994 --RADIUS-SMALL: 0px; 1995 --RADIUS-TINY: 0px; 1996 --RADIUS-CHECKBOX: 0px; 1997 --RADIUS-TEXTAREA: 0px;--RADIUS-BADGE: 0px;--PRODUCT-MEDIA-PADDING-TOP: 100%;--BORDER-WIDTH: 1px;--STROKE-WIDTH: 12px;--SITE-WIDTH: 1440px; 1998 --SITE-WIDTH-NARROW: 840px; 1999 2000 2001 --SMALL-BUTTON-WIDTH: 50px; 2002 --MEDIUM-BUTTON-WIDTH: 150px; 2003 --LARGE-BUTTON-WIDTH: 200px; 2004 --SMALL-BUTTON-HEIGHT: 20px; 2005 --MEDIUM-BUTTON-HEIGHT: 20px; 2006 --LARGE-BUTTON-HEIGHT: 20px;
2006--ICON-ARROW-RIGHT: url( "//skinformulas.ie/cdn/shop/t/32/assets/icon-chevron-right.svg?v=115618353204357621731784814401" );--loading-svg: url( "//skinformulas.ie/cdn/shop/t/32/assets/loading.svg?v=91665432863842511931784814401" ); 2007 --icon-check: url( "//skinformulas.ie/cdn/shop/t/32/assets/icon-check.svg?v=175316081881880408121784814401" ); 2008 --icon-check-swatch: url( "//skinformulas.ie/cdn/shop/t/32/assets/icon-check-swatch.svg?v=131897745589030387781784814401" ); 2009 --icon-zoom-in: url( "//skinformulas.ie/cdn/shop/t/32/assets/icon-zoom-in.svg?v=157433013461716915331784814401" ); 2010 --icon-zoom-out: url( "//skinformulas.ie/cdn/shop/t/32/assets/icon-zoom-out.svg?v=164909107869959372931784814401" );--collection-sticky-bar-height: 0px; 2011 --collection-image-padding-top: 60%; 2012 2013 --drawer-width: 400px; 2014 --drawer-transition: transform 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);--gutter: 60px; 2015 --gutter-mobile: 20px; 2016 --grid-gutter: 20px; 2017 --grid-gutter-mobile: 35px;--inner: 20px; 2018 --inner-tablet: 18px; 2019 --inner-mobile: 16px;--grid: repeat(4, minmax(0, 1fr)); 2020 --grid-tablet: repeat(3, minmax(0, 1fr)); 2021 --grid-mobile: repeat(2, minmax(0, 1fr)); 2022 --megamenu-grid: repeat(4, minmax(0, 1fr)); 2023 --grid-row: 1 / span 4;--scrollbar-width: 0px;--swatch-width: 38px; 2024 --swatch-height: 26px; 2025 --swatch-size: 32px; 2026 --swatch-size-mobile: 30px; 2027 --swatch-width-grid: 16px; 2028 --swatch-height-grid: 16px; 2029 --swatch-width-grid-rectangle: 24px; 2030 --swatch-height-grid-rectangle: 14px; 2031 --swatch-size-filter: 24px; 2032 --siblings-size: 32px; 2033 --siblings-width: 38px; 2034 --siblings-height: 26px; 2035 2036 2037 --move-offset: 20px; 2038 2039 2040 --autoplay-speed: 2200ms; 2041 } 2042 2043 2044</style><link href="//skinformulas.ie/cdn/shop/t/32/assets/theme.css?v=130487764381380402881784814401" rel="stylesheet" type="text/css" media="all" /><link href="//skinformulas.ie/cdn/shop/t/32/assets/dialogs.css?v=54076633373807272771784814401" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"><style> 2045 .swatches{--swatch-default: #e5e5e5;--ink: #696969;--ash: #a3a3a3;--sky: #4cbbb8;--pop: #e43e23;--red: #d13b38;--jet: #000000;--gum: #eb5799;--hot: #ff0073;--mud: #4a342c;--fig: #F4E4FF;--tan: #d2b48c;--sea: #006699;--ruby: #e32040;--envy: #0e986b;--jade: #1b5c1d;--vert: #489c4a;--bone: #dedbbf;--aqua: #00ffff;--blue: #1d5caa;--cyan: #00ffff;--dirt: #a54400;--gold: #D4AF37;--gray: #808080;--grey: #808080;--lime: #00ff00;--navy: #273854;--nude: #E3BC9A;--rose: #e37fa0;--mint: #b6e4d0;--milk: #f6f2e8;--wine: #533230;--coal: #060d11;--snow: #f7f7f7;--dash: #234d90;--moss: #40592f;--peel: #ffd322;--sand: #e0c389;--onyx: #323737;--silk: #d1c4bb;--peru: #cd853f;--pink: #e79fab;--plum: #8a3340;--rust: #b7410e;--teal: #008080;--tile: #b9b6a1;--aloe: #D9EFD9;--azure: #f0ffff;--beige: #f5f5dc;--black: #000000;--brown: #804020;--cream: #ddd7cb;--terra: #b7a282;--slate: #4f4f4f;--olive: #40483f;--ocean: #E1E5F6;--camel: #a98d74;--clean: #F6F4EA;--coral: #ff7f50;--green: #008000;--ivory: #f5ecda;--khaki: #f0e68c;--linen: #faf0e6;--mauve: #e0b0ff;--wheat: #f5deb3;--white: #fafafa;--sienna: #9f6a51;--coffee: #2d2114;--bisque: #ffe4c4;--indigo: #4b0082;--maroon: #800000;--orange: #e5990e;--orchid: #da70d6;--purple: #800080;--tartan: #21a0ad;--salmon: #fa8072;--silver: #c0c0c0;--shadow: #5c534f;--tomato: #ff6347;--violet: #ee82ee;--yellow: #ffff00;--natural: #b7ac9a;--saffron: #FFE4DF;--crimson: #dc143c;--neutral: #c6bda6;--fuchsia: #ff00ff;--magenta: #ff00ff;--thistle: #d8bfd8;--hot-pink: #ff69b4;--sky-blue: #87ceeb;--dark-red: #8b0000;--cornsilk: #fff8dc;--honeydew: #f0fff0;--metallic: #b2b0ab;--lavender: #e6e6fa;--moccasin: #ffe4b5;--midnight: #383863;--seashell: #fff5ee;--sea-green: #2e8b57;--rose-gold: #cf9fa6;--dark-blue: #00008b;--dark-cyan: #008b8b;--cool-grey: #b9c1c9;--dark-gray: #a9a9a9;--dark-grey: #a9a9a9;--deep-pink: #ff1493;--chocolate: #d2691e;--gainsboro: #dcdcdc;--steelblue: #4682b4;--turquoise: #40e0d0;--alabaster: #e8e7df;--dark-green: #006400;--dark-khaki: #bdb76b;--light-blue: #add8e6;--light-cyan: #e0ffff;--light-gray: #d3d3d3;--light-grey: #d3d3d3;--light-pink: #ffb6c1;--lime-green: #32cd32;--mint-cream: #f5fffa;--royal-blue: #4169e1;--slate-blue: #6a5acd;--slate-gray: #708090;--slate-grey: #708090;--aquamarine: #7fffd4;--chartreuse: #7fff00;--dark-orange: #ff8c00;--dark-salmon: #e9967a;
2045--dark-violet: #9400d3;--light-coral: #f08080;--light-green: #90ee90} 2046/*# sourceMappingURL=/s/files/1/3031/9728/t/92/assets/swatches.css.map?v=80340345938156021151787696695 */ 2047 2048 </style><style data-shopify>.swatches { 2049 --black: #000000;--white: #fafafa;--blank: url(//skinformulas.ie/cdn/shop/files/blank_small.gif?v=19431);--almond: #D3BCA6;--aqua: #A9C1C3;--baby-blue: #7D9ABC;--berry: #AF275E;--champagne: #DFD0B5;--chocolate: #40302C;--cream: #E9DDCF;--dark-green: #354C37;--denim: #7F9BB3;--pale-pink: #eee0de;--terracota: #bf6045;--almond-checkered: url(//skinformulas.ie/cdn/shop/files/almond-checkered_small.jpg?v=19431);--baby-blue-checkered: url(//skinformulas.ie/cdn/shop/files/baby-blue-checkered_small.jpg?v=19431);--kaleidoscope-red: url(//skinformulas.ie/cdn/shop/files/kaleidoscope-red_small.jpg?v=19431);--black-floral: url(//skinformulas.ie/cdn/shop/files/black-floral_small.jpg?v=19431);--checkered: url(//skinformulas.ie/cdn/shop/files/checkered_small.jpg?v=19431);--checks: url(//skinformulas.ie/cdn/shop/files/checks_small.jpg?v=19431);--floral: url(//skinformulas.ie/cdn/shop/files/floral_small.jpg?v=19431);--kaleidoscope-blue: url(//skinformulas.ie/cdn/shop/files/kaleidoscope-blue_small.jpg?v=19431);--monogram: url(//skinformulas.ie/cdn/shop/files/monogram_small.png?v=19431);--safari: url(//skinformulas.ie/cdn/shop/files/safari_small.png?v=19431);--lilac: #b19fc4;--camel: #b96f51;--jade-green: #647c76;--sheer: url(//skinformulas.ie/cdn/shop/files/sheer_small.png?v=19431);--jelly: url(//skinformulas.ie/cdn/shop/files/jelly_small.png?v=19431);--pink-waves: url(//skinformulas.ie/cdn/shop/files/pink-waves_small.png?v=19431);--blue-waves: url(//skinformulas.ie/cdn/shop/files/blue-waves_small.png?v=19431);--yellow-waves: url(//skinformulas.ie/cdn/shop/files/yellow-waves_small.png?v=19431); 2050 }</style>
2051<script 2052 type="text/javascript" 2053> 2054 let root = '/'; 2055 if (root[root.length - 1] !== '/') { 2056 root = `${root}/`; 2057 } 2058 2059 window.theme = { 2060 routes: { 2061 root: root, 2062 cart_url: "\/cart", 2063 cart_add_url: "\/cart\/add", 2064 cart_change_url: "\/cart\/change", 2065 cart_update_url: "\/cart\/update", 2066 shop_url: "https:\/\/skinformulas.ie", 2067 searchUrl: '/search', 2068 predictiveSearchUrl: '/search/suggest', 2069 product_recommendations_url: "\/recommendations\/products" 2070 }, 2071 assets: { 2072 photoswipe: '//skinformulas.ie/cdn/shop/t/32/assets/photoswipe.js?v=162613001030112971491784814401', 2073 no_image: "//skinformulas.ie/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_1024x.gif", 2074 base: "//skinformulas.ie/cdn/shop/t/32/assets/" 2075 }, 2076 strings: { 2077 add_to_cart: "Add to Cart", 2078 cart_acceptance_error: "You must accept our terms and conditions.", 2079 cart_empty: "Your cart is currently empty.", 2080 cart_price: "Price", 2081 cart_quantity: "Quantity", 2082 cart_items_one: "{{ count }} item", 2083 cart_items_many: "{{ count }} items", 2084 cart_title: "Cart", 2085 cart_total: "Total", 2086 discount_not_applicable: "Discount not applicable", 2087 shipping_discounts_at_checkout: "Shipping discounts are shown at checkout after adding an address", 2088 discount_already_applied: "Discount already applied", 2089 continue_shopping: "Continue Shopping", 2090 free: "Free", 2091 limit_error: "Sorry, looks like we don\u0026#39;t have enough of this product.", 2092 preorder: "Pre-Order Now", 2093 remove: "Remove", 2094 sale_badge_text: "Sale", 2095 saving_badge: "Save {{ discount }}", 2096 saving_up_to_badge: "Save up to {{ discount }}", 2097 sold_out: "Sold Out", 2098 unavailable: "Unavailable", 2099 unit_price_label: "Unit price", 2100 unit_price_separator: "per", 2101 zero_qty_error: "Quantity must be greater than 0.", 2102 delete_confirm: "Are you sure you wish to delete this address?" 2103 }, 2104 icons: { 2105 close: '<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>' 2106 }, 2107 settings: { 2108 animationsEnabled: true, 2109 cartType: "drawer", 2110 enableAcceptTerms: false, 2111 enableInfinityScroll: false,
2112 enablePaymentButton: false, 2113 gridImageSize: "contain", 2114 gridImageAspectRatio: 1, 2115 mobileMenuBehaviour: "link", 2116 productGridHover: "image", 2117 savingBadgeType: "percentage", 2118 showSaleBadge: true, 2119 showSoldBadge: true, 2120 showSavingBadge: true, 2121 quickBuy: "quick_buy", 2122 suggestArticles: false, 2123 suggestCollections: false, 2124 suggestProducts: true, 2125 suggestPages: false, 2126 suggestionsResultsLimit: 5, 2127 currency_code_enable: false, 2128 hideInventoryCount: true, 2129 colorSwatchesType: "theme", 2130 atcButtonShowPrice: true, 2131 buynowButtonColor: "btn--white", 2132 buynowButtonStyle: "btn--solid-border", 2133 buynowButtonSize: "btn--medium", 2134 mobileMenuType: "new", 2135 collectionSwatchStyle: "text-slider", 2136 }, 2137 sizes: { 2138 mobile: 480, 2139 small: 768, 2140 large: 1024, 2141 widescreen: 1440 2142 }, 2143 moneyFormat: "â¬{{amount_with_comma_separator}}", 2144 moneyWithCurrencyFormat: "â¬{{amount_with_comma_separator}} EUR", 2145 subtotal: 0, 2146 current_iso_code: "EUR", 2147 info: { 2148 name: 'Palo Alto', 2149 version: '9.1.0', 2150 role: 'main' 2151 }, 2152 }; 2153 window.PaloAlto = window.PaloAlto || {}; 2154 window.slate = window.slate || {}; 2155 window.isHeaderTransparent = false; 2156 window.stickyHeaderHeight = 60; 2157 window.lastWindowWidth = window.innerWidth || document.documentElement.clientWidth; 2158</script>
2158<script src="//skinformulas.ie/cdn/shop/t/32/assets/vendor.js?v=42276325216716451771784814401" defer="defer"></script>
vendor: 1 bytes, line 2158
2158
2159<script src="//skinformulas.ie/cdn/shop/t/32/assets/theme.js?v=939066324693240641784814401" defer="defer"></script>
2159<script src="//skinformulas.ie/cdn/shop/t/32/assets/product-info.js?v=103073590035009644131784814401" defer="defer"></script>
2159 2160
2160<script src="//skinformulas.ie/cdn/shop/t/32/assets/subscription-price-updater.js?v=87970864822698175971784814401" defer="defer"></script>
2160<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2160<meta name="google-site-verification" content="iLbJBcMlBNS7nptkwMQHocPXs3WqccELS9QUyX5caCc"> 2161<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70534037771/digital_wallets/dialog"> 2162<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
2162<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=68616459"></script>
2162 2163<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
2164<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=68616459&shop_id=70534037771" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2164
2164
2165<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":70534037771,"countryCode":"IE","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/70534037771","merchantName":"Skin Formulas","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Skin Formulas","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 2165
2165
2166<script id="shopify-features" type="application/json">{"accessToken":"c4e7ef6b9da7ae789911c75e992ed287","betas":["rich-media-storefront-analytics"],"domain":"skinformulas.ie","predictiveSearch":true,"shopId":70534037771,"locale":"en"}</script>
vendor: 1 bytes, line 2166
2166
2167<script>var Shopify = Shopify || {}; 2168Shopify.shop = "909ba2-2.myshopify.com"; 2169Shopify.locale = "en"; 2170Shopify.currency = {"active":"EUR","rate":"1.0"}; 2171Shopify.country = "GB"; 2172Shopify.theme = {"name":"Pre-Order","id":181618868491,"schema_name":"Palo Alto","schema_version":"9.1.0","theme_store_id":777,"role":"main"}; 2173Shopify.theme.handle = "null"; 2174Shopify.theme.style = {"id":null,"handle":null}; 2175Shopify.cdnHost = "skinformulas.ie/cdn"; 2176Shopify.routes = Shopify.routes || {}; 2177Shopify.routes.root = "/"; 2178Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 2179Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 2180Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 2181Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2181
2181
2182<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2182
2182
2183<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 2183
2183
2184<script> 2185 window.ShopifyPay = window.ShopifyPay || {}; 2186 window.ShopifyPay.apiHost = "shop.app\/pay"; 2187 window.ShopifyPay.redirectState = null; 2188</script>
vendor: 1 bytes, line 2188
2188
2189<script> 2190 window.Shopify = window.Shopify || {}; 2191 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 2192 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 2193 window.Shopify.SignInWithShop.eligible = true; 2194</script>
vendor: 1 bytes, line 2194
2194
2195<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 2195
2195
2196<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 2196
2196
2197<script type="module"> 2198 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 2199 2200 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 2201 2202</script>
vendor: 1 bytes, line 2202
2202
2203<script> 2204 window.Shopify = window.Shopify || {}; 2205 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 2206 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 2207</script>
vendor: 1 bytes, line 2207
2207
2208<script>(function() { 2209 var isLoaded = false; 2210 function asyncLoad() { 2211 if (isLoaded) return; 2212 isLoaded = true; 2213 var urls = ["https:\/\/loox.io\/widget\/D7svkdtdAn\/loox.1704380763735.js?shop=909ba2-2.myshopify.com","https:\/\/cdn-app.cart-bot.net\/public\/js\/append.js?shop=909ba2-2.myshopify.com","https:\/\/admin.revenuehunt.com\/embed.js?shop=909ba2-2.myshopify.com"]; 2214 for (var i = 0; i < urls.length; i++) { 2215 var s = document.createElement('script'); 2216 s.type = 'text/javascript'; 2217 s.async = true; 2218 s.src = urls[i]; 2219 var x = document.getElementsByTagName('script')[0]; 2220 x.parentNode.insertBefore(s, x); 2221 } 2222 }; 2223 if(window.attachEvent) { 2224 window.attachEvent('onload', asyncLoad); 2225 } else { 2226 window.addEventListener('load', asyncLoad, false); 2227 } 2228})();</script>
vendor: 1 bytes, line 2228
2228
2229<script id="__st">var __st={"a":70534037771,"offset":3600,"reqid":"0bd0d688-37b5-48af-8604-cd2e09e4173e-1791296169","pageurl":"skinformulas.ie\/pages\/retail-store","s":"pages-129141309707","u":"40b055849a53","p":"page","rtyp":"page","rid":129141309707};</script>
vendor: 1 bytes, line 2229
2229
2230<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2230
2230
2231<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 2231
2231
2232<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//skinformulas.ie/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2232
2232
2233<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//skinformulas.ie/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
2233<script crossorigin="anonymous" defer="defer" src="//skinformulas.ie/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 2233
2233
2234<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 2234
2234
2235<script> 2236 window.Shopify = window.Shopify || {}; 2237 window.Shopify.MCP = window.Shopify.MCP || {}; 2238 window.Shopify.MCP.enabled = true; 2239 window.Shopify.MCP.shop = "909ba2-2.myshopify.com"; 2240 window.Shopify.MCP.mcpEndpoint = "https:\/\/skinformulas.ie\/api\/mcp"; 2241 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 2242</script>
vendor: 1 bytes, line 2242
2242
2243<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/skinformulas.ie\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 2244</script>
vendor: 1 bytes, line 2244
2244
2245<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://skinformulas.ie/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 2246</script>
vendor: 1 bytes, line 2246
2246
2247<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 2248 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 2249</script>
vendor: 1 bytes, line 2249
2249
2250<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 2251</script>
vendor: 1 bytes, line 2251
2251
2252<script id='scb4127' type='text/javascript' async='' src='https://skinformulas.ie/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
2252<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://skinformulas.ie/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 2253<style id="shopify-accelerated-checkout-cart"> 2254 #shopify-buyer-consent { 2255 margin-top: 1em; 2256 display: inline-block; 2257 width: 100%; 2258} 2259 2260#shopify-buyer-consent.hidden { 2261 display: none; 2262} 2263 2264#shopify-subscription-policy-button { 2265 background: none; 2266 border: none; 2267 padding: 0; 2268 text-decoration: underline; 2269 font-size: inherit; 2270 cursor: pointer; 2271} 2272 2273#shopify-subscription-policy-button::before { 2274 box-shadow: none; 2275} 2276 2277 </style> 2278
2279<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2279 2280 <!-- BEGIN app block: shopify://apps/loyalty-rewards-and-referrals/blocks/embed-sdk/6f172e67-4106-4ac0-89c5-b32a069b3101 --> 2281 2282<style 2283 type='text/css' 2284 data-lion-app-styles='main' 2285 data-lion-app-styles-settings='{"disableBundledCSS":false,"disableBundledFonts":false,"useClassIsolator":false}' 2286></style> 2287 2288<!-- loyaltylion.snippet.version=5e5f3131a0+13179 --> 2289 2290
2291<script> 2292 2293 !function(t,n){function o(n){var o=t.getElementsByTagName("script")[0],i=t.createElement("script");i.src=n,i.crossOrigin="",o.parentNode.insertBefore(i,o)}if(!n.isLoyaltyLion){window.loyaltylion=n,void 0===window.lion&&(window.lion=n),n.version=2,n.isLoyaltyLion=!0;var i=new Date,e=i.getFullYear().toString()+i.getMonth().toString()+i.getDate().toString();o("https://sdk.loyaltylion.net/static/2/loader.js?t="+e);var r=!1;n.init=function(t){if(r)throw new Error("Cannot call lion.init more than once");r=!0;var a=n._token=t.token;if(!a)throw new Error("Token must be supplied to lion.init");for(var l=[],s="_push configure bootstrap shutdown on removeListener authenticateCustomer".split(" "),c=0;c<s.length;c+=1)!function(t,n){t[n]=function(){l.push([n,Array.prototype.slice.call(arguments,0)])}}(n,s[c]);o("https://sdk.loyaltylion.net/sdk/start/"+a+".js?t="+e+i.getHours().toString()),n._initData=t,n._buffer=l}}}(document,window.loyaltylion||[]); 2294 2295 2296 2297 loyaltylion.init( 2298 { token: "fbec08b6edd829dc73d29918b2284dc0" } 2299 ); 2300 2301 2302 2303 loyaltylion.configure({ 2304 disableBundledCSS: false, 2305 disableBundledFonts: false, 2306 useClassIsolator: false, 2307 }) 2308 2309 2310</script>
2310 2311 2312 2313 2314<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327
2327<script async src="https://static.klaviyo.com/onsite/js/HZtDWY/klaviyo.js?company_id=HZtDWY"></script>
2327 2328
2328<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2328 2329 2330 2331 2332 2333 2334 2335
2335<script> 2336 window.klaviyoReviewsProductDesignMode = false 2337 </script>
2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347<!-- END app block --><link href="https://cdn.shopify.com/extensions/019fb7e2-2026-7e06-8c06-f2783d04c6c1/storekicker-52/assets/swipecart.css" rel="stylesheet" type="text/css" media="all">
2348<script src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-selleasy.js" type="text/javascript" defer="defer"></script>
2348 2349<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2350<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 70534037771,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2350
2350
2351<script> 2352 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2353</script>
vendor: 1 bytes, line 2353
2353
2354<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2354).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 70534037771,storefrontBaseUrl: "https://skinformulas.ie",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://skinformulas.ie/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2904064267","configuration":"{\"pixelCode\":\"D8PDLUJC77U4IS6DA6D0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"2854617355","configuration":"{\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a9a83cf44fb282052ff936f7ab101058","type":"APP","apiClientId":4539653,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2354,"dataSharingState":"unrestricted"},{"id":"2830762251","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\",\\\"GT-WVG5KXJD\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/TwA5CLy3t5scEKi2vvko\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/pz2LCMi3t5scEKi2vvko\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-0HWRQSKPTZ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/GW7eCMW3t5scEKi2vvko\\\",\\\"MC-LD9YF3XLH5\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-0HWRQSKPTZ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/QDTjCLm3t5scEKi2vvko\\\",\\\"MC-LD9YF3XLH5\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/DLtxCMK3t5scEKi2vvko\\\",\\\"MC-LD9YF3XLH5\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-0HWRQSKPTZ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/dXOQCMu3t5scEKi2vvko\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-0HWRQSKPTZ\\\",\\\"AW-10992196392\\\/mITHCL-3t5scEKi2vvko\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-0HWRQSKPTZ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2645426443","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2485944587","configuration":"{\"accountID\":\"HZtDWY\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2372108555","configuration":"{\"description\":\"Avada Joy referral conversion tracking pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1407bdd9f0589334d5b86a8b8502a91b","type":"APP","apiClientId":3373963,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"502333707","configuration":"{\"shopId\":\"909ba2-2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"470941963","configuration":"{\"pixel_id\":\"714349632550577\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"294912267","configuration":"{\"shopId\":\"137055\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2354,"dataSharingState":"unrestricted"},{"id":"78315787","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Ads Purchase Tracking"},{"id":"115704075","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM with GA4 Tracking"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Skin Formulas","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"909ba2-2.myshopify.com","countryCode":"IE","storefrontUrl":"https:\/\/skinformulas.ie"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8386515370251","handle":"skin-consultation-one-to-one-advice-and-personalised-routine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44752671244555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11050949574923","handle":"online-exclusive-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53400606540043","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://skinformulas.ie/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"181618868491","themeStoreId":"777","themePublished":"true","eventMetadataId":"43c87e7c-b1e0-43f6-a947-49782391fd95","pageType":"page","resourceId":"129141309707","shopId":"70534037771","storefrontBaseUrl":"https:\/\/skinformulas.ie","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
2354<script> 2355 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2356 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2357 window.ShopifyAnalytics.meta.currency = 'EUR'; 2358 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":129141309707,"requestId":"0bd0d688-37b5-48af-8604-cd2e09e4173e-1791296169"}}; 2359 for (var attr in meta) { 2360 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2361 } 2362</script>
vendor: 1 bytes, line 2362
2362
2363<script class="analytics"> 2364 (function () { 2365 var customDocumentWrite = function(content) { 2366 var jquery = null; 2367 2368 if (window.jQuery) { 2369 jquery = window.jQuery; 2370 } else if (window.Checkout && window.Checkout.$) { 2371 jquery = window.Checkout.$; 2372 } 2373 2374 if (jquery) { 2375 jquery('body').append(content); 2376 } 2377 }; 2378 2379 var hasLoggedConversion = function(token) { 2380 if (token) { 2381 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2382 } 2383 return false; 2384 } 2385 2386 var setCookieIfConversion = function(token) { 2387 if (token) { 2388 var twoMonthsFromNow = new Date(Date.now()); 2389 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2390 2391 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2392 } 2393 } 2394 2395 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2396 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2397 if (trekkie.integrations) { 2398 return; 2399 } 2400 trekkie.methods = [ 2401 'identify', 2402 'page', 2403 'ready', 2404 'track', 2405 'trackForm', 2406 'trackLink' 2407 ]; 2408 trekkie.factory = function(method) { 2409 return function() { 2410 var args = Array.prototype.slice.call(arguments); 2411 args.unshift(method); 2412 trekkie.push(args); 2413 if (method == 'track' || method == 'page') { 2414 var pageUrl; 2415 try { 2416 pageUrl = window.location.href; 2417 } catch (e) {} 2418 var pageReferrer; 2419 try { 2420 pageReferrer = document.referrer; 2421 } catch (e) {} 2422 try { 2423 if (window.__TREKKIE_SHIM_QUEUE == null) { 2424 window.__TREKKIE_SHIM_QUEUE = []; 2425 } 2426 window.__TREKKIE_SHIM_QUEUE.push({ 2427 from: 'trekkie-stub', 2428 method: method, 2429 args: args.slice(1), 2430 pageContext: { 2431 url: pageUrl, 2432 referrer: pageReferrer 2433 } 2434 }); 2435 } catch (e) { 2436 // no-op 2437 } 2438 } 2439 return trekkie; 2440 }; 2441 }; 2442 for (var i = 0; i < trekkie.methods.length; i++) { 2443 var key = trekkie.methods[i]; 2444 trekkie[key] = trekkie.factory(key); 2445 } 2446 trekkie.load = function(config) { 2447 trekkie.config = config || {}; 2448 trekkie.config.initialDocumentCookie = document.cookie; 2449 var first = document.getElementsByTagName('script')[0]; 2450var script = document.createElement('script'); 2451script.type = 'text/javascript'; 2452script.onerror = function(e) { 2453 var scriptFallback = document.createElement('script'); 2454 scriptFallback.type = 'text/javascript'; 2455 scriptFallback.onerror = function(error) { 2456 var Monorail = { 2457 produce: function produce(monorailDomain, schemaId, payload) { 2458 var currentMs = new Date().getTime(); 2459 var event = { 2460 schema_id: schemaId, 2461 payload: payload, 2462 metadata: { 2463 event_created_at_ms: currentMs, 2464 event_sent_at_ms: currentMs 2465 } 2466 }; 2467 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2468 }, 2469 sendRequest: function sendRequest(endpointUrl, payload) { 2470 // Try the sendBeacon API 2471 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2472 var blobData = new window.Blob([payload], { 2473 type: 'text/plain' 2474 }); 2475 2476 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2477 return true; 2478 } // sendBeacon was not successful 2479 2480 } // XHR beacon 2481 2482 var xhr = new XMLHttpRequest(); 2483 2484 try { 2485 xhr.open('POST', endpointUrl); 2486 xhr.setRequestHeader('Content-Type', 'text/plain'); 2487 xhr.send(payload); 2488 } catch (e) { 2489 console.log(e); 2490 } 2491 2492 return false; 2493 }, 2494 isIos12: function isIos12() { 2495 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2496 } 2497 }; 2498 Monorail.produce('monorail-edge.shopifysvc.com', 2499 'trekkie_storefront_load_errors/1.1', 2500 {shop_id: 70534037771, 2501 theme_id: 181618868491, 2502 app_name: "storefront", 2503 context_url: window.location.href, 2504 source_url: "//skinformulas.ie/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 2505 2506 }; 2507 scriptFallback.async = true; 2508 scriptFallback.src = '//skinformulas.ie/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2509 first.parentNode.insertBefore(scriptFallback, first); 2510}; 2511script.async = true; 2512script.src = '//skinformulas.ie/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 2513first.parentNode.insertBefore(script, first); 2514 2515 }; 2516 trekkie.load( 2517 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70534037771,"isMerchantRequest":null,"themeId":181618868491,"themeCityHash":"6350060105938966631","contentLanguage":"en","currency":"EUR","eventMetadataId":"43c87e7c-b1e0-43f6-a947-49782391fd95"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2518 ); 2519 2520 var loaded = false;
2521 trekkie.ready(function() { 2522 if (loaded) return; 2523 loaded = true; 2524 2525 window.ShopifyAnalytics.lib = window.trekkie; 2526 2527 var originalDocumentWrite = document.write; 2528 document.write = customDocumentWrite; 2529 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2530 document.write = originalDocumentWrite; 2531 2532 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2533 var token = match? match[1]: undefined; 2534 if (!hasLoggedConversion(token)) { 2535 setCookieIfConversion(token); 2536 2537 } 2538 }); 2539 2540 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":129141309707,"requestId":"0bd0d688-37b5-48af-8604-cd2e09e4173e-1791296169","shopifyEmitted":true}); 2541 2542 var eventsListenerScript = document.createElement('script'); 2543 eventsListenerScript.async = true; 2544 eventsListenerScript.src = "//skinformulas.ie/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2545 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2546})();</script>
vendor: 1 bytes, line 2546
2546
2547<script 2548 defer 2549 src="https://skinformulas.ie/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.5.min.js" 2550 data-application="storefront-renderer" 2551 data-shop-id="70534037771" 2552 data-render-region="gcp-europe-west1" 2553 data-page-type="page" 2554 data-theme-instance-id="181618868491" 2555 data-theme-name="Palo Alto" 2556 data-theme-version="9.1.0" 2557 data-monorail-region="shop_domain" 2558 data-resource-timing-sampling-rate="10" 2559 data-shs="true" 2560 data-shs-beacon="true" 2561 data-shs-export-with-fetch="true" 2562 data-shs-logs-sample-rate="1" 2563 data-shs-beacon-endpoint="https://skinformulas.ie/api/collect" 2564></script>
2564 2565<meta name="shopify-y" content="cf990041-2df8-4a79-99ce-0a64d196b262" data-expiration="1822853769000"><meta name="shopify-s" content="e59a9248-3a37-4c0b-9ab1-0f6af9ab347b" data-expiration="1791297969000"><meta name="new-cookie-storage-activated" content="t"> 2566</head><body id="retail-store" class="template-page aos-initialized palette--light no-outline"><loading-overlay class="loading-overlay"><div class="loader loader--image"> 2567 <div class="loader__image__holder"><div class="loader__image loader__image--fallback"></div></div> 2568 </div></loading-overlay> 2569<a class="in-page-link skip-link" data-skip-content href="#MainContent">Skip to content</a> 2570 2571 <div class="header-group"> 2572 <!-- BEGIN sections: group-header --> 2573<div id="shopify-section-sections--25607988085003__announcement-bar" class="shopify-section shopify-section-group-group-header announcement-bar-static"><!-- /snippets/announcement.liquid -->
2573<script src="//skinformulas.ie/cdn/shop/t/32/assets/announcement.js?v=179325793607288356081784814401" defer="defer"></script>
2573 2574
2574<script src="//skinformulas.ie/cdn/shop/t/32/assets/ticker.js?v=74730022642272375971784814401" defer="defer"></script>
2574 2575 2576 2577 <div class="wrapper--full" data-announcement-bar> 2578 2579<div 2580 id="announcement-bar--sections--25607988085003__announcement-bar" 2581 class="section-padding section-marquee color-scheme-3" 2582 data-section-type="announcement-bar" 2583 data-section-id="sections--25607988085003__announcement-bar" 2584 2585 data-announcement-wrapper 2586 2587 data-aos-intersection="0" 2588 2589 2590 2591 data-aos="fade" 2592 data-aos-anchor="#announcement-bar--sections--25607988085003__announcement-bar" 2593 data-aos-delay="0" 2594 data-aos-duration="500" 2595 2596><style data-shopify>/* Prevent CLS on page load */ 2597 :root { 2598 --announcement-height: calc(0.75rem * 0.8 * 1.5 + 5px * 2 + var(--BORDER-WIDTH)); 2599 } 2600 @media screen and (min-width: 768px) { 2601 :root { 2602 --announcement-height: calc(0.75rem * 0.8 * 1.5 + 5px * 2 + var(--BORDER-WIDTH)); 2603 } 2604 } 2605 2606 @font-face { 2607 font-family: "Space Mono"; 2608 font-weight: 400; 2609 font-style: normal; 2610 font-display: swap; 2611 src: url("//skinformulas.ie/cdn/fonts/space_mono/spacemono_n4.9ee60bbbb57a3b43dbcb22a7f53e18140cb3b40f.woff2") format("woff2"), 2612 url("//skinformulas.ie/cdn/fonts/space_mono/spacemono_n4.0c1ebe3659065af9a832b4a469bdd1fdc9521024.woff") format("woff"); 2613} 2614 2615 2616 #announcement-bar--sections--25607988085003__announcement-bar .announcement { 2617 --font-family: "Space Mono", monospace; 2618 --font-style: normal; 2619 --font-weight: 400; 2620 --adjust-text-size: 0.8; 2621 --padding: 5px; 2622 --letter-spacing: 0.1em; 2623 --line-height: 1.5; 2624 2625 --text: #ffffff; 2626 2627 --border: #000000; 2628 } 2629 2630 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link, 2631 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link * { 2632 text-decoration: none !important; 2633 border-bottom: none !important; 2634 box-shadow: none !important; 2635 background-image: none !important; 2636 background: none !important; 2637 color: inherit !important; 2638 } 2639 2640 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link::before, 2641 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link::after, 2642 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link *::before, 2643 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link *::after { 2644 display: none !important; 2645 content: none !important; 2646 background: none !important; 2647 } 2648 2649 #announcement-bar--sections--25607988085003__announcement-bar .announcement__link-icon { 2650 flex: 0 0 auto; 2651 background: none !important; 2652 } 2653 2654 #announcement-bar--sections--25607988085003__announcement-bar .flickity-enabled .ticker--animated, 2655 #announcement-bar--sections--25607988085003__announcement-bar .announcement__ticker { padding: 0 50px; } 2656 2657 @media screen and (max-width: 767px) { 2658 #announcement-bar--sections--25607988085003__announcement-bar .announcement { --adjust-text-size: 0.8; } 2659 }</style><announcement-bar class="announcement caps announcement--bottom-border"><div 2660 class="announcement__slider" 2661 2662 > 2663 <div class="announcement__slide"> 2664 <ticker-bar 2665 data-marquee-speed="50" 2666 data-clone="true" 2667 2668 data-autoplay 2669 2670 class="announcement__message" 2671 > 2672 <div data-ticker-scale class="ticker--unloaded announcement__scale"> 2673 <div data-ticker-text class="announcement__text ticker-ltr"> 2674 2675<div class="announcement__block announcement__block--text announcement__ticker"style="--highlight-color: var(--text);--highlight-color: #d43747;--highlight-text-color: #000000;"data-slide="announcement-0" 2676 data-slide-index="0" 2677 data-block-id="announcement-0" 2678> 2679 2680 2681 2682 2683<span class="text-highlight__break">â¬2 SHIPPING ON ALL ORDERS</span> 2684 2685 </div> 2686<div class="announcement__block announcement__block--text announcement__ticker"style="--highlight-color: var(--text);--highlight-color: #d43747;--highlight-text-color: #000000;
2686"data-slide="text_fzKfa4" 2687 data-slide-index="1" 2688 data-block-id="text_fzKfa4" 2689> 2690 2691 2692 2693 2694<span class="text-highlight__break">â¦</span> 2695 2696 </div> 2697 </div> 2698 </div> 2699 </ticker-bar> 2700 </div> 2701 2702 </div></announcement-bar></div> 2703 2704 </div> 2705 2706 2707</div><div id="shopify-section-sections--25607988085003__header" class="shopify-section shopify-section-group-group-header shopify-section-header"><drawer-element 2708 class="drawer drawer--left drawer--header cv-h" 2709 id="nav-drawer-header" 2710 role="navigation" 2711 data-drawer-header 2712 2713 style="" 2714 2715> 2716 <div class="drawer__header"><div class="drawer__title"><a href="/" class="drawer__logo" style="--logo-width: 150px"> 2717 <img src="//skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=500" srcset="//skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=150 150w, //skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=225 225w, //skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=300 300w" width="150" height="36.9" sizes="(max-width: 300px) 50vw, 150px" class="drawer__logo-image"> 2718 </a></div><button type="button" class="drawer__close-button" aria-controls="nav-drawer-header"> 2719 <drawer-toggle></drawer-toggle> 2720 <span class="visually-hidden">Close</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 2721 </div><collapsible-elements> 2722 <ul class="mobile-nav mobile-nav--weight-bold"><li 2723 class="mobile-menu__item mobile-menu__item--level-1 mobile-menu__item--has-items" 2724 aria-haspopup="true" 2725 2726 style="--highlight: #0b0b0b;" 2727 2728 > 2729 <a 2730 href="/collections/all" 2731 class="mobile-navlink mobile-navlink--level-1" 2732 data-nav-link-mobile 2733 >SHOP</a> 2734 <button 2735 type="button" 2736 class="mobile-nav__trigger mobile-nav__trigger--level-1" 2737 aria-expanded="false" 2738 aria-controls="MobileNav--shop-0-sections--25607988085003__header" 2739 data-collapsible-trigger 2740 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 2741 </button> 2742 <div 2743 class="mobile-dropdown" 2744 id="MobileNav--shop-0-sections--25607988085003__header" 2745 data-collapsible-container 2746 > 2747 <ul 2748 class="mobile-nav__sublist" 2749 data-collapsible-content 2750 ><li 2751 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 2752 2753 aria-haspopup="true" 2754 2755 > 2756 <a 2757 href="/collections/all" 2758 class="mobile-navlink mobile-navlink--level-2" 2759 data-nav-link-mobile 2760 ><span>Shop All</span> 2761 </a><button 2762 type="button" 2763 class="mobile-nav__trigger mobile-nav__trigger--level-2" 2764 aria-expanded="false" 2765 aria-controls="MobileNav--shop-shop-all-0-sections--25607988085003__header" 2766 data-collapsible-trigger 2767 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 2768 </button><div 2769 class="mobile-dropdown" 2770 id="MobileNav--shop-shop-all-0-sections--25607988085003__header" 2771 data-collapsible-container 2772 > 2773 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 2774 <a 2775 href="/collections/all" 2776 class="mobile-navlink mobile-navlink--level-3" 2777 >All Products</a> 2778 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2779 <a 2780 href="/collections/best-sellers" 2781 class="mobile-navlink mobile-navlink--level-3" 2782 >Best Sellers</a> 2783 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2784 <a 2785 href="/collections/gifts-sets" 2786 class="mobile-navlink mobile-navlink--level-3" 2787 >Sets & Kits</a> 2788 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2789 <a 2790 href="/products/enjoy-e-gift-card" 2791 class="mobile-navlink mobile-navlink--level-3" 2792 >Gift Cards</a> 2793 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2794 <a 2795 href="/products/skin-consultation-one-to-one-advice-and-personalised-routine" 2796 class="mobile-navlink mobile-navlink--level-3" 2797 >Skin Consultation</a> 2798 </li></ul> 2799 </div></li><li 2800 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 2801 2802 aria-haspopup="true" 2803 2804 > 2805 <a 2806 href="#" 2807 class="mobile-navlink mobile-navlink--level-2" 2808 data-nav-link-mobile 2809 ><span>By Product Type</span> 2810 </a><button 2811 type="button" 2812 class="mobile-nav__trigger mobile-nav__trigger--level-2" 2813 aria-expanded="false" 2814 aria-controls="MobileNav--shop-by-product-type-0-sections--25607988085003__header" 2815 data-collapsible-trigger 2816 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 2817 </button><div 2818 class="mobile-dropdown" 2819 id="MobileNav--shop-by-product-type-0-sections--25607988085003__header" 2820 data-collapsible-container 2821 > 2822 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 2823 <a 2824 href="/collections/serum" 2825 class="mobile-navlink mobile-navlink--level-3" 2826 >Serums</a> 2827 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2828 <a 2829 href="/collections/cleansers" 2830 class="mobile-navlink mobile-navlink--level-3" 2831 >Cleansers</a> 2832 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2833 <a 2834 href="/collections/moisturisers" 2835 class="mobile-navlink mobile-navlink--level-3" 2836 >Moisturisers</a> 2837 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2838 <a 2839 href="/products/eye-cream" 2840 class="mobile-navlink mobile-navlink--level-3" 2841 >Eye Creams</a> 2842 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2843 <a 2844 href="/collections/masks" 2845 class="mobile-navlink mobile-navlink--level-3" 2846 >Masks</a> 2847 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2848 <a 2849 href="/collections/body" 2850 class="mobile-navlink mobile-navlink--level-3" 2851 >Body Care</a> 2852 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2853 <a 2854 href="/collections/exfoliators" 2855 class="mobile-navlink mobile-navlink--level-3" 2856 >Exfoliators</a> 2857 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2858 <a 2859 href="/collections/accessories" 2860 class="mobile-navlink mobile-navlink--level-3" 2861 >Accessories</a> 2862 </li></ul> 2863 </div></li><li 2864 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 2865 2866 aria-haspopup="true" 2867 2868 > 2869 <a 2870 href="#" 2871 class="mobile-navlink mobile-navlink--level-2" 2872 data-nav-link-mobile 2873 ><span>By Skin Type</span> 2874 </a><button 2875 type="button" 2876 class="mobile-nav__trigger mobile-nav__trigger--level-2" 2877 aria-expanded="false" 2878 aria-controls="MobileNav--shop-by-skin-type-0-sections--25607988085003__header" 2879 data-collapsible-trigger 2880 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 2881 </button><div 2882 class="mobile-dropdown" 2883 id="MobileNav--shop-by-skin-type-0-sections--25607988085003__header" 2884 data-collapsible-container 2885 > 2886 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 2887 <a 2888 href="/collections/type-dry-skin" 2889 class="mobile-navlink mobile-navlink--level-3" 2890 >Dry Skin</a> 2891 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2892 <a 2893 href="/collections/type-dry-oily" 2894 class="mobile-navlink mobile-navlink--level-3" 2895 >Oily Skin</a> 2896 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2897 <a 2898 href="/collections/type-combination" 2899 class="mobile-navlink mobile-navlink--level-3" 2900 >Combination</a> 2901 </li></ul> 2902 </div></li><li 2903 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 2904 2905 aria-haspopup="true" 2906 2907 > 2908 <a 2909 href="#" 2910 class="mobile-navlink mobile-navlink--level-2" 2911 data-nav-link-mobile 2912 ><span>By Ingredient</span> 2913 </a><button 2914 type="button" 2915 class="mobile-nav__trigger mobile-nav__trigger--level-2" 2916 aria-expanded="false" 2917 aria-controls="MobileNav--shop-by-ingredient-0-sections--25607988085003__header" 2918 data-collapsible-trigger 2919 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 2920 </button><div 2921 class="mobile-dropdown" 2922 id="MobileNav--shop-by-ingredient-0-sections--25607988085003__header" 2923 data-collapsible-container 2924 > 2925 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 2926 <a 2927 href="/collections/by-ingredient-hyaluronic-acid" 2928 class="mobile-navlink mobile-navlink--level-3" 2929 >Hyaluronic Acid</a> 2930 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2931 <a 2932 href="/collections/by-ingredient-retinol" 2933 class="mobile-navlink mobile-navlink--level-3" 2934 >Retinol</a> 2935 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2936 <a 2937 href="/collections/by-ingredient-salicylic-acid" 2938 class="mobile-navlink mobile-navlink--level-3" 2939 >Salicylic Acid</a> 2940 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2941 <a 2942 href="/collections/by-ingredient-vitamin-c" 2943 class="mobile-navlink mobile-navlink--level-3" 2944 >Vitamin C</a> 2945 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2946 <a 2947 href="/collections/by-ingredient-ahas" 2948 class="mobile-navlink mobile-navlink--level-3" 2949 >AHAs</a> 2950 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2951 <a 2952 href="/collections/by-ingredient-prebiotic" 2953 class="mobile-navlink mobile-navlink--level-3" 2954 >Prebiotic</a> 2955 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2956 <a 2957 href="/collections/by-ingredient-bakuchiol" 2958 class="mobile-navlink mobile-navlink--level-3" 2959 >Bakuchiol</a> 2960 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 2961 <a 2962 href="/products/skin-mist-ceramide-hyaluronic-100ml" 2963 class="mobile-navlink mobile-navlink--level-3" 2964 >Ceramides</a> 2965 </li></ul> 2966 </div></li></ul> 2967 </div> 2968 </li><li 2969 class="mobile-menu__item mobile-menu__item--level-1" 2970 2971 style="--highlight: #0b0b0b;" 2972 2973 > 2974 <a 2975 href="/pages/the-lab" 2976 class="mobile-navlink mobile-navlink--level-1" 2977 >THE LAB</a> 2978 </li><li 2979 class="mobile-menu__item mobile-menu__item--level-1" 2980 2981 style="--highlight: #0b0b0b;" 2982 2983 > 2984 <a 2985 href="/pages/quiz" 2986 class="mobile-navlink mobile-navlink--level-1" 2987 >FIND YOUR FORMULA</a> 2988 </li><li 2989 class="mobile-menu__item mobile-menu__it
2989em--level-1" 2990 2991 style="--highlight: #0b0b0b;" 2992 2993 > 2994 <a 2995 href="/collections/offers" 2996 class="mobile-navlink mobile-navlink--level-1" 2997 >Offers</a> 2998 </li></ul> 2999 </collapsible-elements><ul class="mobile-nav mobile-nav--bottom mobile-nav--weight-bold"><li class="mobile-menu__item"> 3000 <a 3001 href="https://skinformulas.ie/customer_authentication/redirect?locale=en®ion_country=GB" 3002 class="mobile-navlink mobile-navlink--small" 3003 id="customer_login_link" 3004 >Log in</a> 3005 </li> 3006 <li class="mobile-menu__item"> 3007 <a 3008 href="https://shopify.com/70534037771/account?locale=en®ion_country=GB&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiI5MDliYTItMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE5MDA5NjksIm5iZiI6MTc5MTI5NjE2OX0.rPd-EWdiSjhWycXME0aMdslHQUm7aJlzW7stiZSXHKw" 3009 class="mobile-navlink mobile-navlink--small" 3010 id="customer_register_link" 3011 >Create account</a> 3012 </li><li class="mobile-menu__item"> 3013 <a href="/search" class="mobile-navlink mobile-navlink--small" data-nav-search-open>Search</a> 3014 </li></ul></drawer-element> 3015 3016 <link 3017 href="//skinformulas.ie/cdn/shop/t/32/assets/cart-drawer.css?v=73610300115760676871784814401" 3018 rel="preload" 3019 as="style" 3020 onload="this.onload=null;this.rel='stylesheet'" 3021 > 3022 <cart-element id="cart-drawer" class="cart-drawer cv-h" data-cart-drawer> 3023 <template data-cart-drawer-template> 3024 3025 <div class="cart-message cart-message--custom" data-cart-bar> 3026 <div 3027 3028 data-aos="fade" 3029 data-aos-delay="200" 3030 > 3031 <p>â¬2 Shipping on All Orders</p> 3032 </div> 3033 </div> 3034 3035 <div 3036 class="cart-drawer__head" 3037 3038 data-aos="fade" 3039 data-aos-delay="250" 3040 > 3041 <h3> 3042 Cart<span class="cart-drawer__item-qty hidden" data-cart-items-qty>0 items</span> 3043 </h3> 3044 3045 <a 3046 href="#cart-drawer" 3047 class="cart-drawer__close" 3048 data-cart-drawer-toggle 3049 aria-label="Close Cart" 3050 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3051 3052 <div class="loader loader--line"><div class="loader-indeterminate"></div></div> 3053 </div> 3054 3055 <div class="cart-drawer__body" data-cart-drawer-body><div class="cart__errors cart-drawer__errors" role="alert" data-cart-errors> 3056 <div class="cart__errors__inner"> 3057 <p class="cart__errors__heading">Sorry, looks like we don't have enough of this product.</p> 3058 3059 <p class="cart__errors__content" data-error-message></p> 3060 3061 <button 3062 type="button" 3063 class="cart__errors__close" 3064 data-cart-error-close 3065 aria-label="Dismiss Cart" 3066 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3067 </div> 3068 </div> 3069 3070 <div 3071 id="cartItemsHolder" 3072 class="cart-drawer__items hidden" 3073 data-items-holder 3074 ></div> 3075 3076 <div 3077 class="cart__widgets" 3078 3079 data-aos="fade"data-aos-delay="450" 3080 > 3081 <div 3082 id="cartUpsellHolder" 3083 class="cart__pair" 3084 data-cart-widget 3085 data-pair-products-holder 3086 3087 data-aos="fade" 3088 data-aos-delay="500" 3089 ></div> 3090 3091 <div class="cart-notes hidden" data-cart-notes-holder><collapsible-elements class="cart__widget__wrapper" data-collapsible-single><div 3092 class="cart__widget" 3093 data-cart-widget 3094 3095 data-aos="fade" 3096 data-aos-delay="550" 3097 > 3098 <button 3099 class="cart__widget__title" 3100 type="button" 3101 data-collapsible-trigger 3102 aria-expanded="false" 3103 aria-controls="notes" 3104 >Add order notes<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3105 3106 <div id="notes" data-collapsible-container> 3107 <div class="cart__widget__content" data-collapsible-content> 3108 <label for="note">Special instructions for seller</label> 3109 3110 <textarea 3111 id="note" 3112 name="note" 3113 form="cartDrawerCheckoutForm" 3114 class="cart__field cart__field--textarea" 3115 aria-label="Special instructions for seller" 3116 ></textarea> 3117 </div> 3118 </div> 3119 </div><div 3120 class="cart__widget" 3121 data-cart-widget 3122 3123 data-aos="fade" 3124 data-aos-delay="600" 3125 > 3126 <button 3127 class="cart__widget__title" 3128 type="button" 3129 data-collapsible-trigger 3130 aria-expanded="false" 3131 aria-controls="gift-notes" 3132 >Is this a gift? Add a note.<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3133 3134 <div id="gift-notes" data-collapsible-container> 3135 <div class="cart__widget__content" data-collapsible-content><label for="gift-note">Add a note for recipient</label> 3136 3137 <textarea 3138 id="gift-note" 3139 name="attributes[Gift note]" 3140 form="cartDrawerCheckoutForm" 3141 class="cart__field cart__field--textarea" 3142 aria-label="Add a note for recipient" 3143 ></textarea> 3144 </div> 3145 </div> 3146 </div></collapsible-elements></div> 3147 </div> 3148 3149 <div 3150 id="cartDrawerEmptyMessage" 3151 class="cart-drawer__empty-message" 3152 data-empty-message 3153 ><p 3154 3155 data-aos="hero" 3156 data-aos-anchor="#cartDrawerEmptyMessage" 3157 data-aos-order="1"> 3158 Your cart is currently empty.
3159 </p> 3160 3161 3162 <h3 3163 3164 data-aos="hero" 3165 data-aos-anchor="#cartDrawerEmptyMessage" 3166 data-aos-order="2" 3167 style="--adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.2);"> 3168 Most Loved 3169 </h3> 3170 3171 3172<div class="cart-collections"> 3173 <div class="cart-collections__inner"> 3174 3175<div class="cart-collection hover-scale one-half"> 3176 <a 3177 href="/collections/best-sellers" 3178 title="Best Sellers" 3179 class="cart-collection__link" 3180 3181 data-aos="hero" 3182 data-aos-anchor="#cartDrawerEmptyMessage" 3183 data-aos-order="3" 3184 > 3185 3186 3187 <div class="cart-collection__image"> 3188<figure 3189 class="lazy-image background-size-cover is-loading" 3190 style="" 3191 3192 > 3193 <img src="//skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?crop=center&height=2048&v=1790775243&width=2048" alt="Best Sellers" width="2048" height="2048" loading="eager" sizes="(min-width: 480px) calc((400px - 2 * 5px) / 2), calc((100vw - 2 * 20px - 2 * 5px) / 2)" srcset=" 3194//skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=180 180w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=360 360w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=540 540w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=720 720w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=900 900w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=1080 1080w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=1296 1296w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=1512 1512w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=1728 1728w, //skinformulas.ie/cdn/shop/files/Free_Washbag_3.png?v=1790775243&width=1950 1950w" class="is-loading"> 3195 </figure></div> 3196 3197 <div 3198 class="cart-collection__title h4" 3199 style="--adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.0);" 3200 >Best Sellers</div> 3201 </a> 3202 </div> 3203 3204<div class="cart-collection hover-scale one-half"> 3205 <a 3206 href="/collections/all" 3207 title="All Products" 3208 class="cart-collection__link" 3209 3210 data-aos="hero" 3211 data-aos-anchor="#cartDrawerEmptyMessage" 3212 data-aos-order="4" 3213 > 3214 3215 3216 <div class="cart-collection__image"> 3217<figure 3218 class="lazy-image background-size-cover is-loading" 3219 style="" 3220 3221 > 3222 <img src="//skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?crop=center&height=1856&v=1741693157&width=4100" alt="All Products" width="4100" height="1856" loading="eager" sizes="(min-width: 480px) calc((400px - 2 * 5px) / 2), calc((100vw - 2 * 20px - 2 * 5px) / 2)" srcset=" 3223//skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=180 180w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=360 360w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=540 540w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=720 720w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=900 900w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=1080 1080w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=1296 1296w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=1512 1512w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=1728 1728w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=1950 1950w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=2100 2100w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=2260 2260w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=2450 2450w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=2700 2700w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=3000 3000w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=3350 3350w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=3750 3750w, //skinformulas.ie/cdn/shop/collections/1_2a5c9f6e-d5e9-4a8c-8650-775d7f075cad.png?v=1741693157&width=4100 4100w" class="is-loading"> 3224 </figure></div> 3225 3226 <div 3227 class="cart-collection__title h4" 3228 style="--adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.0);" 3229 >All Products</div> 3230 </a> 3231 </div> 3232 3233 </div> 3234 </div> 3235</div> 3236 </div> 3237 3238 <div 3239 class="cart-drawer__foot cart__foot" 3240 data-foot-holder 3241 3242 data-aos="fade-up" 3243 data-aos-delay="650" 3244 > 3245 <form 3246 id="cartDrawerCheckoutForm" 3247 3248 class="hidden" 3249 3250 action="/cart" 3251 method="post" 3252 novalidate 3253 data-cart-form 3254 > 3255 <div class="cart__foot-inner"> 3256 <div data-cart-price-holder><div class="cart__total hidden"> 3257 <span>Items</span> 3258 3259 <span data-cart-total="0">Free</span> 3260</div></div> 3261 3262 <div class="cart__buttons-wrapper"><p class="cart__terms cart__errors__content" data-terms-error-message></p> 3263 3264 <div 3265 class="cart__buttons" 3266 data-cart-checkout-buttons 3267 > 3268 <fieldset class="cart__buttons__fieldset" data-cart-checkout-button> 3269 <button 3270 type="submit" 3271 name="checkout" 3272 class="cart__checkout btn btn--solid-border btn--black btn--medium btn--advanced btn--advanced-width-height btn--advanced-adaptive-width" 3273 > 3274 <hover-button></hover-button>Checkout<span class="cart__total__money" data-cart-total-price>Free</span> 3275 </button></fieldset> 3276 </div> 3277 </div> 3278 3279 <p class="cart__text">Shipping & taxes calculated at checkout</p> 3280 </div> 3281 </form> 3282 3283 <div 3284 id="cartDrawerEmptyMessageBottom" 3285 class="cart-drawer__empty-message cart-drawer__empty-message--bottom" 3286 data-empty-message-bottom 3287 ><div class="cart-empty-buttons"><div class="cart-empty-buttons__item" 3288 3289 data-aos="hero" 3290 data-aos-anchor="#cartDrawerEmptyMessageBottom" 3291 data-aos-order="6"> 3292 <a href="/collections/all" class="btn btn--solid-border btn--black btn--medium btn--advanced btn--advanced-width-height"> 3293 <hover-button></hover-button>Shop All</a> 3294 </div></div><div class="cart-drawer__empty-message-bottom subheading-text" 3295 data-cart-message 3296 data-limit="100" 3297 3298 data-aos="hero" 3299 data-aos-anchor="#cartDrawerEmptyMessageBottom" 3300 data-aos-order="6"> 3301 <p>â¬2 Shipping on All Orders</p> 3302 </div></div> 3303 </div> 3304 </template> 3305</cart-element> 3306 3307 3308<style data-shopify>:root { 3309 --header-height: 67px; 3310 --header-sticky-height: 0px; 3311 --header-background-height: 67px; 3312 } 3313 3314 3315 3316 3317 3318 3319 .site-header--has-border { 3320 3321 --border-color: currentcolor; 3322 3323 3324 --border-opacity: 0.5; 3325 } 3326 3327</style><header-component 3328 id="SiteHeader" 3329 class="site-header site-header--relative site-header--nav-left site-header--nav-bold site-header--has-logo site-header--has-border" 3330 role="banner" 3331 data-site-header 3332 data-section-id="sections--25607988085003__header" 3333 3334 data-height="67" 3335 3336 data-section-type="header" 3337 data-transparent="false" 3338 data-position="relative" 3339 data-nav-alignment="left" 3340 3341 3342 data-header-height 3343 3344 data-aos-intersection="0" 3345
3346> 3347 <div class="site-header__background" data-header-background></div> 3348 3349 <div 3350 class="wrapper" 3351 3352 data-aos="fade" 3353 data-aos-anchor="#SiteHeader" 3354 data-aos-delay="0" 3355 data-aos-duration="500" 3356 3357 data-wrapper 3358 > 3359 <button 3360 type="button" 3361 class="mobile-menu__button mobile-menu__button--burger js-drawer-open" 3362 data-mobile-menu-trigger 3363 > 3364 <drawer-toggle></drawer-toggle> 3365 <span class="visually-hidden">Open navigation menu</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 192 192"><path d="M30 96h132M30 48h132M30 144h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button><style data-shopify>.logo__image-link { 3366 width: 150px; 3367 height: 37px; 3368 } 3369 3370 .has-scrolled .logo__image-link { 3371 width: 150px; 3372 height: 37px; 3373 }</style><h1 class="logo" data-logo data-takes-space><a href="/" aria-label="Skin Formulas" class="logo__image-link logo__image-link--other logo__image-link--single"><img src="//skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=500" srcset="//skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=150 150w, //skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=225 225w, //skinformulas.ie/cdn/shop/files/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f.png?v=1769529622&width=300 300w" width="150" height="36.9" loading="eager" sizes="(max-width: 300px) 50vw, 150px" class="logo__image" fetchpriority="high"> 3374 3375 <span class="logo__image-push" style="padding-top: 24.6%"></span> 3376 </a></h1><!-- /partials/site-nav.liquid --><nav 3377 id="NavStandard" 3378 class="nav nav--default caps-letter-spacing-nav" 3379 data-nav 3380 3381 style="--highlight: #0b0b0b;--highlight-color: #fff7f2;" 3382 3383> 3384 <div class="menu__item menu__item--compress" data-nav-items-compress><search-popdown class="search-popdown menu__item menu__item--icon" data-popdown-in-header><details> 3385 <summary class="search-popdown__toggle navlink navlink--icon" aria-haspopup="dialog" data-popdown-toggle title="Open search bar"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Open search bar</span> 3386 </summary><div class="search-popdown__body search-popdown__body--fixed search-popdown__body--has-popular-searches" 3387 role="dialog" 3388 aria-modal="true" 3389 aria-label="Search" 3390 data-popdown-body 3391 > 3392 <div class="search-popdown__main"><predictive-search><form class="search-form" action="/search" method="get" role="search" data-search-form> 3393 <input name="options[prefix]" type="hidden" value="last"><div class="search-form__inner" data-search-form-inner> 3394 <div class="search-form__input-holder"> 3395 <label for="searchInput-desktop-compress" class="search-form__label"> 3396 <span class="visually-hidden">Search for products on our site</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></label> 3397 3398 <input type="search" 3399 id="searchInput-desktop-compress" 3400 class="search-form__input" 3401 name="q" 3402 value="" 3403 aria-label="Search our store" 3404 3405 role="combobox" 3406 aria-expanded="false" 3407 aria-owns="searchResults-desktop-compress" 3408 aria-controls="searchResults-desktop-compress" 3409 aria-haspopup="listbox"
3410 aria-autocomplete="list" 3411 autocorrect="off" 3412 autocomplete="off" 3413 autocapitalize="off" 3414 spellcheck="false" 3415 3416 > 3417 3418 <button class="search-form__submit visually-hidden" type="submit" tabindex="-1" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3419 3420 <button type="button" class="search-popdown__close" title="Close" data-popdown-close><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3421 </div> 3422 </div> 3423 3424 <div id="searchResults-desktop-compress" class="search-popdown__results"><div class="predictive-search" data-predictive-search-results data-scroll-lock-scrollable> 3425 <div class="predictive-search__loading-state"> 3426 <div class="predictive-search__loader loader loader--line"><div class="loader-indeterminate"></div></div> 3427 </div> 3428 </div> 3429 3430 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span><div id="popularSearches-desktop-compress" class="popular-searches caps " data-popular-searches data-scroll-lock-scrollable> 3431 <div class="popular-searches__wrapper"><div class="predictive-search__group" role="group" aria-labelledby="predictiveSearchPopularSearches-desktop-compress"> 3432 <p id="predictiveSearchPopularSearches-desktop-compress" class="predictive-search__heading label-typography"> 3433 <span>Suggested search terms</span> 3434 </p> 3435 3436 <div class="predictive-search__list" role="listbox"><div class="predictive-search__item" id="popularSearchesMenuItem-1-desktop-compress" role="option" aria-selected="false"> 3437 <a href="/search" class="predictive-search__link" tabindex="-1" data-popular-searches-link>Search</a> 3438 </div></div> 3439 </div></div> 3440</div></div> 3441 </form></predictive-search></div> 3442 </div></details></search-popdown> 3443<div class="menu__item menu__item--icon"> 3444 <a 3445 href="/cart" 3446 class="navlink navlink--icon cart__toggle cart__toggle--animation caps navlink--line" 3447 aria-controls="cart-drawer" 3448 aria-expanded="false" 3449 3450 data-cart-drawer-toggle 3451 3452 > 3453 <span class="visually-hidden">Open cart</span> 3454 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-shopping-bag" viewBox="0 0 192 192"><path d="M156.6 162H35.4a6.075 6.075 0 0 1-6-5.325l-10.65-96A6 6 0 0 1 24.675 54h142.65a6.001 6.001 0 0 1 5.925 6.675l-10.65 96a6.076 6.076 0 0 1-6 5.325v0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M66 78V54a30 30 0 1 1 60 0v24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle class="cart-indicator" cx="96" cy="108" r="15"/></svg> 3455 </a> 3456 </div> 3457 </div> 3458 3459 <div class="menu__items" data-takes-space><hover-disclosure 3460 class="menu__item grandparent kids-4 images-2" 3461 data-nav-item 3462 3463 role="navigation" 3464 3465 3466 role="button" 3467 aria-haspopup="true" 3468 aria-expanded="false" 3469 aria-controls="dropdown-fb216a7185628fe53eb8e3ba71bc0afa" 3470 3471> 3472 <a 3473 href="/collections/all" 3474 data-top-link 3475 class="navlink navlink--toplevel navlink--line caps" 3476 > 3477 <span class="navtext">SHOP</span></a><div 3478 class="header__dropdown" 3479 role="combobox" 3480 id="dropdown-fb216a7185628fe53eb8e3ba71bc0afa" 3481 > 3482 <div class="header__dropdown__wrapper"> 3483 <div class="header__dropdown__inner"><div class="header__grandparent__links"><div class="dropdown__family"><a 3484 href="/collections/all" 3485 class="navlink navlink--child navlink--line" 3486 ><span class="navtext">Shop All</span></a><a 3487 href="/collections/all" 3488 class="navlink navlink--grandchild" 3489 >
3490 <span class="navtext">All Products</span> 3491 </a><a 3492 href="/collections/best-sellers" 3493 class="navlink navlink--grandchild" 3494 > 3495 <span class="navtext">Best Sellers</span> 3496 </a><a 3497 href="/collections/gifts-sets" 3498 class="navlink navlink--grandchild" 3499 > 3500 <span class="navtext">Sets & Kits</span> 3501 </a><a 3502 href="/products/enjoy-e-gift-card" 3503 class="navlink navlink--grandchild" 3504 > 3505 <span class="navtext">Gift Cards</span> 3506 </a><a 3507 href="/products/skin-consultation-one-to-one-advice-and-personalised-routine" 3508 class="navlink navlink--grandchild" 3509 > 3510 <span class="navtext">Skin Consultation</span> 3511 </a></div><div class="dropdown__family"><a 3512 href="#" 3513 class="navlink navlink--child navlink--line" 3514 ><span class="navtext">By Product Type</span></a><a 3515 href="/collections/serum" 3516 class="navlink navlink--grandchild" 3517 > 3518 <span class="navtext">Serums</span> 3519 </a><a 3520 href="/collections/cleansers" 3521 class="navlink navlink--grandchild" 3522 > 3523 <span class="navtext">Cleansers</span> 3524 </a><a 3525 href="/collections/moisturisers" 3526 class="navlink navlink--grandchild" 3527 > 3528 <span class="navtext">Moisturisers</span> 3529 </a><a 3530 href="/products/eye-cream" 3531 class="navlink navlink--grandchild" 3532 > 3533 <span class="navtext">Eye Creams</span> 3534 </a><a 3535 href="/collections/masks" 3536 class="navlink navlink--grandchild" 3537 > 3538 <span class="navtext">Masks</span> 3539 </a><a 3540 href="/collections/body" 3541 class="navlink navlink--grandchild" 3542 > 3543 <span class="navtext">Body Care</span> 3544 </a><a 3545 href="/collections/exfoliators" 3546 class="navlink navlink--grandchild" 3547 > 3548 <span class="navtext">Exfoliators</span> 3549 </a><a 3550 href="/collections/accessories" 3551 class="navlink navlink--grandchild" 3552 > 3553 <span class="navtext">Accessories</span> 3554 </a></div><div class="dropdown__family"><a 3555 href="#" 3556 class="navlink navlink--child navlink--line" 3557 ><span class="navtext">By Skin Type</span></a><a 3558 href="/collections/type-dry-skin" 3559 class="navlink navlink--grandchild" 3560 > 3561 <span class="navtext">Dry Skin</span> 3562 </a><a 3563 href="/collections/type-dry-oily" 3564 class="navlink navlink--grandchild" 3565 > 3566 <span class="navtext">Oily Skin</span> 3567 </a><a 3568 href="/collections/type-combination" 3569 class="navlink navlink--grandchild" 3570 >
3571 <span class="navtext">Combination</span> 3572 </a></div><div class="dropdown__family"><a 3573 href="#" 3574 class="navlink navlink--child navlink--line" 3575 ><span class="navtext">By Ingredient</span></a><a 3576 href="/collections/by-ingredient-hyaluronic-acid" 3577 class="navlink navlink--grandchild" 3578 > 3579 <span class="navtext">Hyaluronic Acid</span> 3580 </a><a 3581 href="/collections/by-ingredient-retinol" 3582 class="navlink navlink--grandchild" 3583 > 3584 <span class="navtext">Retinol</span> 3585 </a><a 3586 href="/collections/by-ingredient-salicylic-acid" 3587 class="navlink navlink--grandchild" 3588 > 3589 <span class="navtext">Salicylic Acid</span> 3590 </a><a 3591 href="/collections/by-ingredient-vitamin-c" 3592 class="navlink navlink--grandchild" 3593 > 3594 <span class="navtext">Vitamin C</span> 3595 </a><a 3596 href="/collections/by-ingredient-ahas" 3597 class="navlink navlink--grandchild" 3598 > 3599 <span class="navtext">AHAs</span> 3600 </a><a 3601 href="/collections/by-ingredient-prebiotic" 3602 class="navlink navlink--grandchild" 3603 > 3604 <span class="navtext">Prebiotic</span> 3605 </a><a 3606 href="/collections/by-ingredient-bakuchiol" 3607 class="navlink navlink--grandchild" 3608 > 3609 <span class="navtext">Bakuchiol</span> 3610 </a><a 3611 href="/products/skin-mist-ceramide-hyaluronic-100ml" 3612 class="navlink navlink--grandchild" 3613 > 3614 <span class="navtext">Ceramides</span> 3615 </a></div> 3616 </div> 3617 3618<div id="headerBlock--2b1fb5ad-7e7b-4d24-92f4-9323d4dd132b" class="menu__block--narrow" ><style data-shopify>#headerBlock--2b1fb5ad-7e7b-4d24-92f4-9323d4dd132b .hero__title { 3619 --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.0); 3620 } 3621 @media screen and (min-width: 1024px) { 3622 #headerBlock--2b1fb5ad-7e7b-4d24-92f4-9323d4dd132b .hero__title { 3623 --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.0); 3624 } 3625 } 3626 3627 3628 #headerBlock--2b1fb5ad-7e7b-4d24-92f4-9323d4dd132b .hero__content { 3629 --text: #ffffff; 3630 --COLOR-MENU-LINK-OPPOSITE: rgba(0, 0, 0, 0.15); 3631 } 3632 3633</style><div class="header__dropdown__image hover-scale"><a href="/pages/retail-store" class="link-over-image"><div class="hero__content__wrapper align--bottom-left"> 3634 <div class="hero__content"><h2 class="hero__title"> 3635 Visit Our Flagship 3636 </h2><p class="hero__description"> 3637 Step Inside 3638 </p></div> 3639 </div></a> 3640<div class="image-fill " style="padding-top: 100.0%; "><figure 3641 class="lazy-image background-size-cover is-loading" 3642 style="" 3643 3644 > 3645 <img src="//skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?crop=center&height=3000&v=1782139454&width=3000" alt="V6_SKIN_FORMULAS-3.jpg" width="3000" height="3000" loading="lazy" fetchpriority="high" sizes="calc(((100vw * 0.5 - 30px - 30px) / 2) * 1)" srcset=" 3646//skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=180 180w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=360 360w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=540 540w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=720 720w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=900 900w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1080 1080w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1296 1296w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1512 1512w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1728 1728w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1950 1950w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=2100 2100w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=2260 2260w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=2450 2450w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=2700 2700w, //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=3000 3000w" class="is-loading"> 3647 </figure></div></div> 3648 </div> 3649 3650<div id="headerBlock--d61cfff5-bedb-40e0-b482-33217cecccd0" class="menu__block--narrow" ><style data-shopify>#headerBlock--d61cfff5-bedb-40e0-b482-33217cecccd0 .hero__title { 3651 --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.0); 3652 } 3653 @media screen and (min-width: 1024px) { 3654 #headerBlock--d61cfff5-bedb-40e0-b482-33217cecccd0 .hero__title { 3655 --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.0); 3656 } 3657 } 3658 3659 3660 #headerBlock--d61cfff5-bedb-40e0-b482-33217cecccd0 .hero__content { 3661 --text: #ffffff; 3662 --COLOR-MENU-LINK-OPPOSITE: rgba(0, 0, 0, 0.15); 3663 } 3664 3665</style><div class="header__dropdown__image hover-scale"><a href="/products/skin-consultation-one-to-one-advice-and-personalised-routine" class="link-over-image"><div class="hero__content__wrapper align--bottom-left"> 3666 <div class="hero__content"><h2 class="hero__title"> 3667 Skin Consultation 3668 </h2><p class="hero__description"> 3669 Book Now 3670 </p></div> 3671 </div></a> 3672<div class="image-fill " style="padding-top: 100.0%; "><figure 3673 class="lazy-image background-size-cover is-loading" 3674 style="" 3675 3676 > 3677 <img src="//skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?crop=center&height=847&v=1778767747&width=847" alt="Screenshot_2026-05-14_at_15.07.40.png" width="847" height="847" loading="lazy" fetchpriority="high" sizes="calc(((100vw * 0.5 - 30px - 30px) / 2) * 1)" srcset=" 3678//skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=180 180w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=360 360w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=540 540w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=720 720w" class="is-loading"> 3679 </figure></div></div> 3680 </div></div> 3681 </div> 3682 </div></hover-disclosure> 3683<div 3684 class="menu__item child" 3685 data-nav-item 3686 3687 3688> 3689 <a 3690 href="/pages/the-lab" 3691 data-top-link 3692 class="navlink navlink--toplevel navlink--line caps" 3693 > 3694 <span class="navtext">THE LAB</span></a></div> 3695<div 3696 class="menu__item child" 3697 data-nav-item 3698 3699 3700> 3701 <a 3702 href="/pages/quiz" 3703 data-top-link 3704 class="navlink navlink--toplevel navlink--line caps" 3705 > 3706 <span class="navtext">FIND YOUR FORMULA</span></a></div> 3707</div> 3708 3709 <div 3710 class="menu__item menu__item--icons menu__item--secondary" 3711 data-nav-icons 3712 data-takes-space 3713 ><div class="menu__items menu__items--secondary"><div 3714 class="menu__item child" 3715 data-nav-item 3716 3717 3718> 3719 <a 3720 href="/collections/offers" 3721 data-top-link 3722 class="navlink navlink--toplevel navlink--line caps" 3723 > 3724 <span class="navtext">Offers</span></a></div> 3725</div><search-popdown class="search-popdown menu__item menu__item--icon" data-popdown-in-header><details> 3726 <summary class="search-popdown__toggle navlink navlink--icon" aria-haspopup="dialog" data-popdown-toggle title="Open search bar"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Open search bar</span> 3727 </summary><div class="search-popdown__body search-popdown__body--fixed search-popdown__body--has-popular-searches" 3728 role="dialog" 3729 aria-modal="true" 3730 aria-label="Search" 3731 data-popdown-body 3732 > 3733 <div class="search-popdown__main"><predictive-search><form class="search-form" action="/search" method="get" role="search" data-search-form> 3734 <input name="options[prefix]" type="hidden" value="last"><div class="search-form__inner" data-search-form-inner> 3735 <div class="search-form__input-holder"> 3736 <label for="searchInput-desktop" class="search-form__label">
3737 <span class="visually-hidden">Search for products on our site</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></label> 3738 3739 <input type="search" 3740 id="searchInput-desktop" 3741 class="search-form__input" 3742 name="q" 3743 value="" 3744 aria-label="Search our store" 3745 3746 role="combobox" 3747 aria-expanded="false" 3748 aria-owns="searchResults-desktop" 3749 aria-controls="searchResults-desktop" 3750 aria-haspopup="listbox" 3751 aria-autocomplete="list" 3752 autocorrect="off" 3753 autocomplete="off" 3754 autocapitalize="off" 3755 spellcheck="false" 3756 3757 > 3758 3759 <button class="search-form__submit visually-hidden" type="submit" tabindex="-1" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3760 3761 <button type="button" class="search-popdown__close" title="Close" data-popdown-close><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3762 </div> 3763 </div> 3764 3765 <div id="searchResults-desktop" class="search-popdown__results"><div class="predictive-search" data-predictive-search-results data-scroll-lock-scrollable> 3766 <div class="predictive-search__loading-state"> 3767 <div class="predictive-search__loader loader loader--line"><div class="loader-indeterminate"></div></div> 3768 </div> 3769 </div> 3770 3771 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span><div id="popularSearches-desktop" class="popular-searches caps " data-popular-searches data-scroll-lock-scrollable> 3772 <div class="popular-searches__wrapper"><div class="predictive-search__group" role="group" aria-labelledby="predictiveSearchPopularSearches-desktop"> 3773 <p id="predictiveSearchPopularSearches-desktop" class="predictive-search__heading label-typography"> 3774 <span>Suggested search terms</span> 3775 </p> 3776 3777 <div class="predictive-search__list" role="listbox"><div class="predictive-search__item" id="popularSearchesMenuItem-1-desktop" role="option" aria-selected="false"> 3778 <a href="/search" class="predictive-search__link" tabindex="-1" data-popular-searches-link>Search</a> 3779 </div></div> 3780 </div></div> 3781</div></div> 3782 </form></predictive-search></div> 3783 </div></details></search-popdown> 3784<div class="menu__item menu__item--icon"> 3785 <a 3786 href="/account" 3787 class="navlink navlink--icon caps navlink--line" 3788 > 3789 <span class="visually-hidden">My Account</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 192 192"><path d="M96 168c39.765 0 72-32.235 72-72 0-39.764-32.235-72-72-72-39.764 0-72 32.236-72 72 0 39.765 32.236 72 72 72Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M96 120c16.569 0 30-13.431 30-30 0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M47.85 149.55a54.002 54.002 0 0 1 76.399-21.577 54.005 54.005 0 0 1 19.901 21.577" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3790 </div><div class="menu__item menu__item--icon"> 3791 <a 3792 href="/cart" 3793 class="navlink navlink--icon cart__toggle cart__toggle--animation caps navlink--line" 3794 aria-controls="cart-drawer" 3795 aria-expanded="false" 3796 3797 data-cart-drawer-toggle 3798 3799 >
3800 <span class="visually-hidden">Open cart</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-shopping-bag" viewBox="0 0 192 192"><path d="M156.6 162H35.4a6.075 6.075 0 0 1-6-5.325l-10.65-96A6 6 0 0 1 24.675 54h142.65a6.001 6.001 0 0 1 5.925 6.675l-10.65 96a6.076 6.076 0 0 1-6 5.325v0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M66 78V54a30 30 0 1 1 60 0v24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle class="cart-indicator" cx="96" cy="108" r="15"/></svg> 3801</a> 3802 </div> 3803 </div> 3804</nav> 3805 3806<div class="mobile-menu" data-mobile-menu><search-popdown class="search-popdown mobile-menu__button caps" data-popdown-in-header><details> 3807 <summary class="search-popdown__toggle " aria-haspopup="dialog" data-popdown-toggle title="Open search bar"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Open search bar</span> 3808 </summary><div class="search-popdown__body search-popdown__body--fixed search-popdown__body--has-popular-searches" 3809 role="dialog" 3810 aria-modal="true" 3811 aria-label="Search" 3812 data-popdown-body 3813 > 3814 <div class="search-popdown__main"><predictive-search><form class="search-form" action="/search" method="get" role="search" data-search-form> 3815 <input name="options[prefix]" type="hidden" value="last"><div class="search-form__inner" data-search-form-inner> 3816 <div class="search-form__input-holder"> 3817 <label for="searchInput-mobile" class="search-form__label"> 3818 <span class="visually-hidden">Search for products on our site</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></label> 3819 3820 <input type="search" 3821 id="searchInput-mobile" 3822 class="search-form__input" 3823 name="q" 3824 value="" 3825 aria-label="Search our store" 3826 3827 role="combobox" 3828 aria-expanded="false" 3829 aria-owns="searchResults-mobile" 3830 aria-controls="searchResults-mobile" 3831 aria-haspopup="listbox" 3832 aria-autocomplete="list" 3833 autocorrect="off" 3834 autocomplete="off" 3835 autocapitalize="off" 3836 spellcheck="false" 3837 3838 > 3839 3840 <button class="search-form__submit visually-hidden" type="submit" tabindex="-1" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3841 3842 <button type="button" class="search-popdown__close" title="Close" data-popdown-close><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3843 </div> 3844 </div> 3845 3846 <div id="searchResults-mobile" class="search-popdown__results"><div class="predictive-search" data-predictive-search-results data-scroll-lock-scrollable> 3847 <div class="predictive-search__loading-state"> 3848 <div class="predictive-search__loader loader loader--line"><div class="loader-indeterminate"></div></div> 3849 </div> 3850 </div> 3851
3852 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span><div id="popularSearches-mobile" class="popular-searches caps " data-popular-searches data-scroll-lock-scrollable> 3853 <div class="popular-searches__wrapper"><div class="predictive-search__group" role="group" aria-labelledby="predictiveSearchPopularSearches-mobile"> 3854 <p id="predictiveSearchPopularSearches-mobile" class="predictive-search__heading label-typography"> 3855 <span>Suggested search terms</span> 3856 </p> 3857 3858 <div class="predictive-search__list" role="listbox"><div class="predictive-search__item" id="popularSearchesMenuItem-1-mobile" role="option" aria-selected="false"> 3859 <a href="/search" class="predictive-search__link" tabindex="-1" data-popular-searches-link>Search</a> 3860 </div></div> 3861 </div></div> 3862</div></div> 3863 </form></predictive-search></div> 3864 </div></details></search-popdown> 3865<a 3866 href="/cart" 3867 class="mobile-menu__button cart__toggle cart__toggle--animation" 3868 aria-controls="cart-drawer" 3869 aria-expanded="false" 3870 3871 data-cart-drawer-toggle 3872 3873 > 3874 <span class="visually-hidden">Open cart</span> 3875 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-shopping-bag" viewBox="0 0 192 192"><path d="M156.6 162H35.4a6.075 6.075 0 0 1-6-5.325l-10.65-96A6 6 0 0 1 24.675 54h142.65a6.001 6.001 0 0 1 5.925 6.675l-10.65 96a6.076 6.076 0 0 1-6 5.325v0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M66 78V54a30 30 0 1 1 60 0v24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle class="cart-indicator" cx="96" cy="108" r="15"/></svg> 3876 </a> 3877</div> 3878</div> 3879 3880 <div class="drawer__overlay"></div> 3881</header-component> 3882
3883<script type="application/ld+json"> 3884 { 3885 "@context": "http://schema.org", 3886 "@type": "Organization", 3887 "name": "Skin Formulas","logo": "https:\/\/skinformulas.ie\/cdn\/shop\/files\/notifications_logo_notification_joy_Horizontal_Logo_1_c216987a-1e9a-44dc-9d64-10f9b6c0b05f_2000x.png?v=1769529622","sameAs": [ 3888 null, 3889 null, 3890 null, 3891 null, 3892 null, 3893 null, 3894 null 3895 ], 3896 "url": "https:\/\/skinformulas.ie\/pages\/retail-store" 3897 } 3898</script>
3898 3899</div><div id="shopify-section-sections--25607988085003__mobile_menu_CDGjkt" class="shopify-section shopify-section-group-group-header shopify-section-mobile-menu"><drawer-element 3900 id="nav-drawer-section" 3901 class="drawer drawer--left drawer--nav cv-h" 3902 role="navigation" 3903 data-drawer-section 3904 data-section-type="mobile-menu" 3905 data-section-id="sections--25607988085003__mobile_menu_CDGjkt" 3906><div class="drawer__inner"> 3907 <div class="drawer__header"><button type="button" class="drawer__close-button" aria-controls="nav-drawer-section"> 3908 <drawer-toggle></drawer-toggle> 3909 <span class="visually-hidden">Close</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3910 </div> 3911 3912 <div class="drawer__body"> 3913 <div class="drawer__content"> 3914 <div class="drawer__content-scroll" data-scrollable-menu-blocks data-scroll-lock-scrollable> 3915 <div 3916 class="drawer__block drawer__block--menu" 3917 data-drawer-block 3918 3919 data-drawer-block-menu 3920 data-scroll-lock-scrollable 3921 3922 3923 style="--PBB: 10px;" 3924 > 3925 <div class="drawer__block-inner"><collapsible-elements> 3926 <ul 3927 class="mobile-nav mobile-nav--weight-bold" 3928 3929 style="--adjust-nav-top-level: calc(var(--FONT-ADJUST-NAV-TOP-LEVEL) * 1.0); --adjust-nav: calc(var(--FONT-ADJUST-NAV) * 1.0);
3929 --link-item-level-1-padding: 15px; --link-item-level-2-padding: 12px; --link-item-level-3-padding: 7px;--mobile-dropdown-margin-top: -15px;" 3930 ><li 3931 class="mobile-menu__item mobile-menu__item--level-1 mobile-menu__item--has-items" 3932 aria-haspopup="true" 3933 3934 style="--highlight: #151515;" 3935 3936 > 3937 <a 3938 href="/collections/all" 3939 class="mobile-navlink mobile-navlink--level-1" 3940 data-nav-link-mobile 3941 >SHOP</a> 3942 <button 3943 type="button" 3944 class="mobile-nav__trigger mobile-nav__trigger--level-1" 3945 aria-expanded="false" 3946 aria-controls="MobileNav--shop-0-sections--25607988085003__mobile_menu_CDGjkt" 3947 data-collapsible-trigger 3948 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 3949 </button> 3950 <div 3951 class="mobile-dropdown" 3952 id="MobileNav--shop-0-sections--25607988085003__mobile_menu_CDGjkt" 3953 data-collapsible-container 3954 > 3955 <ul 3956 class="mobile-nav__sublist" 3957 data-collapsible-content 3958 ><li 3959 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 3960 3961 aria-haspopup="true" 3962 3963 > 3964 <a 3965 href="/collections/all" 3966 class="mobile-navlink mobile-navlink--level-2" 3967 data-nav-link-mobile 3968 ><span>Shop All</span> 3969 </a><button 3970 type="button" 3971 class="mobile-nav__trigger mobile-nav__trigger--level-2" 3972 aria-expanded="false" 3973 aria-controls="MobileNav--shop-shop-all-0-sections--25607988085003__mobile_menu_CDGjkt" 3974 data-collapsible-trigger 3975 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 3976 </button><div 3977 class="mobile-dropdown" 3978 id="MobileNav--shop-shop-all-0-sections--25607988085003__mobile_menu_CDGjkt" 3979 data-collapsible-container 3980 > 3981 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 3982 <a 3983 href="/collections/all" 3984 class="mobile-navlink mobile-navlink--level-3" 3985 >All Products</a> 3986 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 3987 <a 3988 href="/collections/best-sellers" 3989 class="mobile-navlink mobile-navlink--level-3" 3990 >Best Sellers</a> 3991 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 3992 <a 3993 href="/collections/gifts-sets" 3994 class="mobile-navlink mobile-navlink--level-3" 3995 >Sets & Kits</a> 3996 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 3997 <a 3998 href="/products/enjoy-e-gift-card" 3999 class="mobile-navlink mobile-navlink--level-3" 4000 >Gift Cards</a> 4001 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4002 <a 4003 href="/products/skin-consultation-one-to-one-advice-and-personalised-routine" 4004 class="mobile-navlink mobile-navlink--level-3" 4005 >Skin Consultation</a> 4006 </li></ul> 4007 </div></li><li 4008 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 4009 4010 aria-haspopup="true" 4011 4012 > 4013 <a 4014 href="#" 4015 class="mobile-navlink mobile-navlink--level-2" 4016 data-nav-link-mobile 4017 ><span>By Product Type</span> 4018 </a><button 4019 type="button" 4020 class="mobile-nav__trigger mobile-nav__trigger--level-2" 4021 aria-expanded="false" 4022 aria-controls="MobileNav--shop-by-product-type-0-sections--25607988085003__mobile_menu_CDGjkt" 4023 data-collapsible-trigger 4024 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 4025 </button><div 4026 class="mobile-dropdown" 4027 id="MobileNav--shop-by-product-type-0-sections--25607988085003__mobile_menu_CDGjkt" 4028 data-collapsible-container 4029 > 4030 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 4031 <a 4032 href="/collections/serum" 4033 class="mobile-navlink mobile-navlink--level-3" 4034 >Serums</a> 4035 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4036 <a 4037 href="/collections/cleansers" 4038 class="mobile-navlink mobile-navlink--level-3" 4039 >Cleansers</a> 4040 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4041 <a 4042 href="/collections/moisturisers" 4043 class="mobile-navlink mobile-navlink--level-3" 4044 >Moisturisers</a> 4045 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4046 <a 4047 href="/products/eye-cream" 4048 class="mobile-navlink mobile-navlink--level-3" 4049 >Eye Creams</a> 4050 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4051 <a 4052 href="/collections/masks" 4053 class="mobile-navlink mobile-navlink--level-3" 4054 >Masks</a> 4055 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4056 <a 4057 href="/collections/body" 4058 class="mobile-navlink mobile-navlink--level-3" 4059 >Body Care</a> 4060 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4061 <a 4062 href="/collections/exfoliators" 4063 class="mobile-navlink mobile-navlink--level-3" 4064 >Exfoliators</a> 4065 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4066 <a 4067 href="/collections/accessories" 4068 class="mobile-navlink mobile-navlink--level-3" 4069 >Accessories</a> 4070 </li></ul> 4071 </div></li><li 4072 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 4073 4074 aria-haspopup="true" 4075 4076 > 4077 <a 4078 href="#" 4079 class="mobile-navlink mobile-navlink--level-2" 4080 data-nav-link-mobile 4081 ><span>By Skin Type</span> 4082 </a><button 4083 type="button" 4084 class="mobile-nav__trigger mobile-nav__trigger--level-2" 4085 aria-expanded="false" 4086 aria-controls="MobileNav--shop-by-skin-type-0-sections--25607988085003__mobile_menu_CDGjkt" 4087 data-collapsible-trigger 4088 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 4089 </button><div 4090 class="mobile-dropdown" 4091 id="MobileNav--shop-by-skin-type-0-sections--25607988085003__mobile_menu_CDGjkt" 4092 data-collapsible-container 4093 > 4094 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 4095 <a 4096 href="/collections/type-dry-skin" 4097 class="mobile-navlink mobile-navlink--level-3" 4098 >Dry Skin</a> 4099 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4100 <a 4101 href="/collections/type-dry-oily" 4102 class="mobile-navlink mobile-navlink--level-3" 4103 >Oily Skin</a> 4104 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4105 <a 4106 href="/collections/type-combination" 4107 class="mobile-navlink mobile-navlink--level-3" 4108 >Combination</a> 4109 </li></ul> 4110 </div></li><li 4111 class="mobile-menu__item mobile-menu__item--level-2 mobile-menu__item--has-items" 4112 4113 aria-haspopup="true" 4114 4115 > 4116 <a 4117 href="#" 4118 class="mobile-navlink mobile-navlink--level-2" 4119 data-nav-link-mobile 4120 ><span>By Ingredient</span> 4121 </a><button 4122 type="button" 4123 class="mobile-nav__trigger mobile-nav__trigger--level-2" 4124 aria-expanded="false" 4125 aria-controls="MobileNav--shop-by-ingredient-0-sections--25607988085003__mobile_menu_CDGjkt" 4126 data-collapsible-trigger 4127 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="fallback-text">See More</span> 4128 </button><div 4129 class="mobile-dropdown" 4130 id="MobileNav--shop-by-ingredient-0-sections--25607988085003__mobile_menu_CDGjkt" 4131 data-collapsible-container 4132 > 4133 <ul class="mobile-nav__sub-sublist" data-collapsible-content><li class="mobile-menu__item mobile-menu__item--level-3"> 4134 <a 4135 href="/collections/by-ingredient-hyaluronic-acid" 4136 class="mobile-navlink mobile-navlink--level-3" 4137 >Hyaluronic Acid</a> 4138 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4139 <a 4140 href="/collections/by-ingredient-retinol" 4141 class="mobile-navlink mobile-navlink--level-3" 4142 >Retinol</a> 4143 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4144 <a 4145 href="/collections/by-ingredient-salicylic-acid" 4146 class="mobile-navlink mobile-navlink--level-3" 4147 >Salicylic Acid</a> 4148 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4149 <a 4150 href="/collections/by-ingredient-vitamin-c" 4151 class="mobile-navlink mobile-navlink--level-3" 4152 >Vitamin C</a> 4153 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4154 <a 4155 href="/collections/by-ingredient-ahas" 4156 class="mobile-navlink mobile-navlink--level-3" 4157 >AHAs</a> 4158 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4159 <a 4160 href="/collections/by-ingredient-prebiotic" 4161 class="mobile-navlink mobile-navlink--level-3" 4162 >Prebiotic</a> 4163 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4164 <a 4165 href="/collections/by-ingredient-bakuchiol" 4166 class="mobile-navlink mobile-navlink--level-3" 4167 >Bakuchiol</a> 4168 </li><li class="mobile-menu__item mobile-menu__item--level-3"> 4169 <a 4170 href="/products/skin-mist-ceramide-hyaluronic-100ml" 4171 class="mobile-navlink mobile-navlink--level-3" 4172 >Ceramides</a> 4173 </li></ul> 4174 </div></li></ul> 4175 </div> 4176 </li><li 4177 class="mobile-menu__item mobile-menu__item--level-1" 4178 4179 style="--highlight: #151515;" 4180 4181 > 4182 <a 4183 href="/pages/the-lab" 4184 class="mobile-navlink mobile-navlink--level-1" 4185 >THE LAB</a> 4186 </li><li 4187 class="mobile-menu__item mobile-menu__item--level-1" 4188 4189 style="--highlight: #151515;" 4190 4191 > 4192 <a 4193 href="/pages/quiz" 4194 class="mobile-navlink mobile-navlink--level-1" 4195 >FIND YOUR FORMULA</a> 4196 </li></ul> 4197 </collapsible-elements></div> 4198 </div><div 4199 class="drawer__block drawer__block--menu" 4200 data-drawer-block 4201 4202 data-drawer-block-menu 4203 data-scroll-lock-scrollable 4204 4205 4206 style="--PBB: 10px;" 4207 > 4208 <div class="drawer__block-inner"><collapsible-elements> 4209 <ul 4210 class="mobile-nav mobile-nav--weight-bold" 4211 4212 style="--adjust-nav-top-level: calc(var(--FONT-ADJUST-NAV-TOP-LEVEL) * 1.0); --adjust-nav: calc(var(--FONT-ADJUST-NAV) * 1.0);
4212 --link-item-level-1-padding: 15px; --link-item-level-2-padding: 12px; --link-item-level-3-padding: 7px;--mobile-dropdown-margin-top: -15px;" 4213 ><li 4214 class="mobile-menu__item mobile-menu__item--level-1" 4215 4216 style="--highlight: #d02e2e;" 4217 4218 > 4219 <a 4220 href="/collections/offers" 4221 class="mobile-navlink mobile-navlink--level-1" 4222 >Offers</a> 4223 </li></ul> 4224 </collapsible-elements></div> 4225 </div> 4226 </div> 4227 </div> 4228 </div><div class="drawer__foot"> 4229 <div class="drawer__foot-scroll" data-scroll-lock-scrollable> 4230 <div 4231 class="drawer__block drawer__block--login" 4232 data-drawer-block 4233 4234 4235 style="--PBB: 10px;" 4236 > 4237 <div class="drawer__block-inner"><ul class="mobile-nav mobile-nav--weight-bold" style=" --adjust-nav: calc(var(--FONT-ADJUST-NAV) * 1.0);"><li class="mobile-menu__item"> 4238 <a 4239 href="https://skinformulas.ie/customer_authentication/redirect?locale=en®ion_country=GB" 4240 class="mobile-navlink mobile-navlink--small" 4241 id="customer_login_link" 4242 >Log in</a> 4243 </li> 4244 <li class="mobile-menu__item"> 4245 <a 4246 href="https://shopify.com/70534037771/account?locale=en®ion_country=GB&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiI5MDliYTItMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE5MDA5NjksIm5iZiI6MTc5MTI5NjE2OX0.rPd-EWdiSjhWycXME0aMdslHQUm7aJlzW7stiZSXHKw" 4247 class="mobile-navlink mobile-navlink--small" 4248 id="customer_register_link" 4249 >Create account</a> 4250 </li></ul></div> 4251 </div><div 4252 class="drawer__block drawer__block--search" 4253 data-drawer-block 4254 4255 4256 style="--PBB: 10px;" 4257 > 4258 <div class="drawer__block-inner"><ul class="mobile-nav mobile-nav--weight-bold" style=" --adjust-nav: calc(var(--FONT-ADJUST-NAV) * 1.0);"> 4259 <li class="mobile-menu__item"> 4260 <a href="/search" class="mobile-navlink mobile-navlink--small" data-nav-search-open>Search</a> 4261 </li> 4262 </ul></div> 4263 </div><div 4264 class="drawer__block drawer__block--localization" 4265 data-drawer-block 4266 4267 4268 style="--PBB: 10px;" 4269 > 4270 <div class="drawer__block-inner"><form method="post" action="/localization" id="LocalizationForm-sections--25607988085003__mobile_menu_CDGjkt" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/retail-store" /><div> 4271 <h2 class="visually-hidden" id="country-heading-sections--25607988085003__mobile_menu_CDGjkt">Country</h2> 4272 4273 <popout-select class="select-popout select-popout--country"> 4274 <button 4275 type="button" 4276 class="select-popout__toggle" 4277 aria-expanded="false" 4278 aria-controls="country-list" 4279 aria-describedby="country-heading" 4280 data-popout-toggle 4281 >EURâ¬<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-select" viewBox="0 0 192 192"><path d="m72 36 60 60-60 60" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 4282 4283 <div id="country-list-sections--25607988085003__mobile_menu_CDGjkt" class="select-popout__list" data-popout-list> 4284 <ul class="select-popout__list__scroll" data-scroll-lock-scrollable><li class="select-popout__item"> 4285 <a 4286 class="select-popout__option" 4287 href="#" 4288 4289 data-value="AU" 4290 data-popout-option 4291 ><span>Australia (AUD$) 4292 </span> 4293 </a> 4294 </li><li class="select-popout__item"> 4295 <a 4296 class="select-popout__option" 4297 href="#" 4298 4299 data-value="AT" 4300 data-popout-option 4301 ><span>Austria (EURâ¬) 4302 </span> 4303 </a> 4304 </li><li class="select-popout__item"> 4305 <a 4306 class="select-popout__option" 4307 href="#" 4308 4309 data-value="BE" 4310 data-popout-option 4311 ><span>Belgium (EURâ¬) 4312 </span> 4313 </a> 4314 </li><li class="select-popout__item"> 4315 <a 4316 class="select-popout__option" 4317 href="#" 4318 4319 data-value="BG" 4320 data-popout-option 4321 ><span>Bulgaria (EURâ¬) 4322 </span> 4323 </a> 4324 </li><li class="select-popout__item"> 4325 <a 4326 class="select-popout__option" 4327 href="#" 4328 4329 data-value="CA" 4330 data-popout-option 4331 ><span>Canada (CAD$) 4332 </span> 4333 </a> 4334 </li><li class="select-popout__item"> 4335 <a 4336 class="select-popout__option" 4337 href="#" 4338 4339 data-value="HR" 4340 data-popout-option 4341 ><span>Croatia (EURâ¬) 4342 </span> 4343 </a> 4344 </li><li class="select-popout__item"> 4345 <a 4346 class="select-popout__option" 4347 href="#" 4348 4349 data-value="CY" 4350 data-popout-option 4351 ><span>Cyprus (EURâ¬) 4352 </span> 4353 </a> 4354 </li><li class="select-popout__item"> 4355 <a 4356 class="select-popout__option" 4357 href="#" 4358 4359 data-value="CZ" 4360 data-popout-option 4361 ><span>Czechia (CZKKÄ) 4362 </span> 4363 </a> 4364 </li><li class="select-popout__item"> 4365 <a 4366 class="select-popout__option" 4367 href="#" 4368 4369 data-value="DK" 4370 data-popout-option 4371 ><span>Denmark (DKKkr.) 4372 </span> 4373 </a> 4374 </li><li class="select-popout__item"> 4375 <a 4376 class="select-popout__option" 4377 href="#" 4378 4379 data-value="EE" 4380 data-popout-option 4381 ><span>Estonia (EURâ¬) 4382 </span> 4383 </a> 4384 </li><li class="select-popout__item"> 4385 <a 4386 class="select-popout__option" 4387 href="#" 4388 4389 data-value="FI" 4390 data-popout-option 4391 ><span>Finland (EURâ¬) 4392 </span> 4393 </a> 4394 </li><li class="select-popout__item"> 4395 <a 4396 class="select-popout__option" 4397 href="#" 4398 4399 data-value="FR" 4400 data-popout-option 4401 ><span>France (EURâ¬) 4402 </span> 4403 </a> 4404 </li><li class="select-popout__item"> 4405 <a 4406 class="select-popout__option" 4407 href="#" 4408 4409 data-value="DE" 4410 data-popout-option 4411 ><span>Germany (EURâ¬) 4412 </span> 4413 </a> 4414 </li><li class="select-popout__item"> 4415 <a 4416 class="select-popout__option" 4417 href="#" 4418 4419 data-value="GR" 4420 data-popout-option 4421 ><span>Greece (EURâ¬) 4422 </span> 4423 </a> 4424 </li><li class="select-popout__item"> 4425 <a 4426 class="select-popout__option" 4427 href="#" 4428 4429 data-value="HK" 4430 data-popout-option 4431 ><span>Hong Kong SAR (HKD$) 4432 </span> 4433 </a> 4434 </li><li class="select-popout__item"> 4435 <a 4436 class="select-popout__option" 4437 href="#" 4438 4439 data-value="HU" 4440 data-popout-option 4441 ><span>Hungary (HUFFt) 4442 </span> 4443 </a> 4444 </li><li class="select-popout__item"> 4445 <a 4446 class="select-popout__option" 4447 href="#" 4448 4449 data-value="IE" 4450 data-popout-option 4451 ><span>Ireland (EURâ¬) 4452 </span> 4453 </a> 4454 </li><li class="select-popout__item"> 4455 <a 4456 class="select-popout__option" 4457 href="#" 4458 4459 data-value="IL" 4460 data-popout-option 4461 ><span>Israel (ILSâª) 4462 </span> 4463 </a> 4464 </li><li class="select-popout__item"> 4465 <a 4466 class="select-popout__option" 4467 href="#" 4468 4469 data-value="IT" 4470 data-popout-option 4471 ><span>Italy (EURâ¬) 4472 </span> 4473 </a> 4474 </li><li class="select-popout__item"> 4475 <a 4476 class="select-popout__option" 4477 href="#" 4478 4479 data-value="JP" 4480 data-popout-option 4481 ><span>Japan (JPYÂ¥) 4482 </span> 4483 </a> 4484 </li><li class="select-popout__item"> 4485 <a 4486 class="select-popout__option" 4487 href="#" 4488 4489 data-value="LV" 4490 data-popout-option 4491 ><span>Latvia (EURâ¬) 4492 </span> 4493 </a> 4494 </li><li class="select-popout__item"> 4495 <a 4496 class="select-popout__option" 4497 href="#" 4498 4499 data-value="LT" 4500 data-popout-option 4501 ><span>Lithuania (EURâ¬) 4502 </span> 4503 </a> 4504 </li><li class="select-popout__item"> 4505 <a 4506 class="select-popout__option" 4507 href="#" 4508 4509 data-value="LU" 4510 data-popout-option 4511 ><span>Luxembourg (EURâ¬) 4512 </span> 4513 </a> 4514 </li><li class="select-popout__item"> 4515 <a 4516 class="select-popout__option" 4517 href="#" 4518 4519 data-value="MY" 4520 data-popout-option 4521 ><span>Malaysia (MYRRM) 4522 </span> 4523 </a> 4524 </li><li class="select-popout__item"> 4525 <a 4526 class="select-popout__option" 4527 href="#" 4528 4529 data-value="MT" 4530 data-popout-option 4531 ><span>Malta (EURâ¬) 4532 </span> 4533 </a> 4534 </li><li class="select-popout__item"> 4535 <a 4536 class="select-popout__option" 4537 href="#" 4538 4539 data-value="NL" 4540 data-popout-option 4541 ><span>Netherlands (EURâ¬) 4542 </span> 4543 </a> 4544 </li><li class="select-popout__item"> 4545 <a 4546 class="select-popout__option" 4547 href="#" 4548 4549 data-value="NZ" 4550 data-popout-option 4551 ><span>New Zealand (NZD$) 4552 </span> 4553 </a> 4554 </li><li class="select-popout__item"> 4555 <a 4556 class="select-popout__option" 4557 href="#" 4558 4559 data-value="NO" 4560 data-popout-option 4561 ><span>Norway (EURâ¬) 4562 </span> 4563 </a> 4564 </li><li class="select-popout__item"> 4565 <a 4566 class="select-popout__option" 4567 href="#" 4568 4569 data-value="PL" 4570 data-popout-option 4571 ><span>Poland (PLNzÅ) 4572 </span> 4573 </a> 4574 </li><li class="select-popout__item"> 4575 <a 4576 class="select-popout__option" 4577 href="#" 4578 4579 data-value="PT" 4580 data-popout-option 4581 ><span>Portugal (EURâ¬) 4582 </span> 4583 </a> 4584 </li><li class="select-popout__item"> 4585 <a 4586 class="select-popout__option" 4587 href="#" 4588 4589 data-value="RO" 4590 data-popout-option 4591 ><span>Romania (RONLei) 4592 </span> 4593 </a> 4594 </li><li class="select-popout__item"> 4595 <a 4596 class="select-popout__option" 4597 href="#" 4598 4599 data-value="SG" 4600 data-popout-option 4601 ><span>Singapore (SGD$) 4602 </span> 4603 </a> 4604 </li><li class="select-popout__item"> 4605 <a 4606 class="select-popout__option" 4607 href="#" 4608 4609 data-value="SK" 4610 data-popout-option 4611 ><span>Slovakia (EURâ¬) 4612 </span> 4613 </a> 4614 </li><li class="select-popout__item"> 4615 <a 4616 class="select-popout__option" 4617 href="#" 4618 4619 data-value="SI" 4620 data-popout-option 4621 ><span>Slovenia (EURâ¬) 4622 </span> 4623 </a> 4624 </li><li class="select-popout__item"> 4625 <a 4626 class="select-popout__option" 4627 href="#" 4628 4629 data-value="KR" 4630 data-popout-option 4631 ><span>South Korea (KRWâ©) 4632 </span> 4633 </a> 4634 </li><li class="select-popout__item"> 4635 <a 4636 class="select-popout__option" 4637 href="#" 4638 4639 data-value="ES" 4640 data-popout-option 4641 ><span>Spain (EURâ¬) 4642 </span> 4643 </a> 4644 </li><li class="select-popout__item"> 4645 <a 4646 class="select-popout__option" 4647 href="#" 4648 4649 data-value="SE" 4650 data-popout-option 4651 ><span>S
4651weden (SEKkr) 4652 </span> 4653 </a> 4654 </li><li class="select-popout__item"> 4655 <a 4656 class="select-popout__option" 4657 href="#" 4658 4659 data-value="CH" 4660 data-popout-option 4661 ><span>Switzerland (CHFCHF) 4662 </span> 4663 </a> 4664 </li><li class="select-popout__item"> 4665 <a 4666 class="select-popout__option" 4667 href="#" 4668 4669 data-value="AE" 4670 data-popout-option 4671 ><span>United Arab Emirates (AEDد.Ø¥) 4672 </span> 4673 </a> 4674 </li><li class="select-popout__item select-popout__item--current"> 4675 <a 4676 class="select-popout__option" 4677 href="#" 4678 4679 aria-current="true" 4680 4681 data-value="GB" 4682 data-popout-option 4683 ><span>United Kingdom (EURâ¬) 4684 </span> 4685 </a> 4686 </li><li class="select-popout__item"> 4687 <a 4688 class="select-popout__option" 4689 href="#" 4690 4691 data-value="US" 4692 data-popout-option 4693 ><span>United States (USD$) 4694 </span> 4695 </a> 4696 </li></ul> 4697 </div> 4698 4699 <input 4700 type="hidden" 4701 name="country_code" 4702 id="CountrySelector-sections--25607988085003__mobile_menu_CDGjkt" 4703 value="GB" 4704 data-popout-input 4705 > 4706 </popout-select> 4707 </div></form></div> 4708 </div> 4709 </div> 4710 </div></div> 4711</drawer-element> 4712</div> 4713<!-- END sections: group-header --> 4714 </div> 4715 <!-- BEGIN sections: group-overlay --> 4716<div id="shopify-section-sections--25607988117771__popup" class="shopify-section shopify-section-group-group-overlay"><!-- /sections/popups.liquid --> 4717</div> 4718<!-- END sections: group-overlay --> 4719 4720 <main id="MainContent" class="main-content" data-main> 4721 <section id="shopify-section-template--25607997718795__section_flagship_store_6nLhHx" class="shopify-section shopify-section--flagship"> 4722<style data-shopify>#FLAG--template--25607997718795__section_flagship_store_6nLhHx { 4723 --flag-pt: 0px; 4724 --flag-pb: 0px; 4725 --flag-bg-intro: #f7f6f4; 4726 --flag-bg-pillars: #ffffff; 4727 --flag-bg-events: #ffffff; 4728 --flag-bg-visit: #f7f6f4; 4729 --flag-bg-video: #ffffff; 4730 --flag-bg-hero: #1a1a1a; 4731 }</style><style> 4732 /* ============================================================ 4733 FLAGSHIP STORE - Skin Formulas 4734 ============================================================ */ 4735 .flag { 4736 color: #151515; 4737 font-family: var(--FONT-STACK-BODY, 'Work Sans', sans-serif); 4738 overflow-x: clip; 4739 position: relative; 4740 padding-top: var(--flag-pt, 0); 4741 padding-bottom: var(--flag-pb, 0); 4742 } 4743 4744 .flag-section { padding: 96px 0; position: relative; } 4745 .flag-section--tight { padding: 64px 0; } 4746 .flag-section--intro { background: var(--flag-bg-intro, #fff); } 4747 .flag-section--pillars { background: var(--flag-bg-pillars, #fff); } 4748 .flag-section--events { background: var(--flag-bg-events, #fff); } 4749 .flag-section--visit { background: var(--flag-bg-visit, #fff); } 4750 .flag-section--video { background: var(--flag-bg-video, #fff); } 4751 4752 /* Anchor offset so the smooth scroll doesn't tuck the section under a sticky header */ 4753 #flagHours--template--25607997718795__section_flagship_store_6nLhHx { scroll-margin-top: 100px; } 4754 4755 .flag-wrapper { max-width: 1240px; margin: 0 auto; padding: 0 48px; } 4756 4757 @media (max-width: 767px) { 4758 .flag-section { padding: 64px 0; } 4759 .flag-wrapper { padding: 0 24px; } 4760 } 4761 4762 .flag-label { 4763 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 4764 font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; 4765 opacity: 0.45; display: block; margin-bottom: 20px; 4766 } 4767 .flag-divider { width: 32px; height: 1px; background: currentColor; opacity: 0.85; margin-bottom: 32px; } 4768 4769 /* ============================================================ 4770 HERO 4771 ============================================================ */ 4772 .flag-hero { 4773 position: relative; 4774 height: 70vh; 4775 min-height: 460px; 4776 overflow: hidden; 4777 display: flex; 4778 align-items: flex-end; 4779 background: var(--flag-bg-hero, #1a1a1a); 4780 } 4781 .flag-hero__media { 4782 position: absolute; 4783 inset: 0; 4784 width: 100%; 4785 height: 100%; 4786 object-fit: cover; 4787 object-position: center; 4788 display: block; 4789 } 4790 .flag-hero__overlay { 4791 position: absolute; 4792 inset: 0; 4793 background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.55) 100%); 4794 z-index: 1; 4795 } 4796 .flag-hero__content { 4797 position: relative; 4798 z-index: 2; 4799 padding: 0 48px 56px; 4800 max-width: 920px; 4801 } 4802 @media (max-width: 767px) { 4803 .flag-hero { height: 60vh; min-height: 380px; } 4804 .flag-hero__content { padding: 0 24px 40px; } 4805 } 4806 .flag-hero__eyebrow {
4807 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 4808 font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; 4809 color: rgba(255,255,255,0.65); margin-bottom: 16px; display: block; 4810 } 4811 .flag-hero__title { 4812 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 4813 font-weight: 500; 4814 font-size: clamp(2.2rem, 5.4vw, 4.4rem); 4815 color: #fff; line-height: 1.05; margin: 0 0 20px; 4816 letter-spacing: -0.02em; max-width: 14ch; 4817 } 4818 .flag-hero__subtitle { 4819 font-size: clamp(0.9rem, 1.4vw, 1.05rem); 4820 color: rgba(255,255,255,0.75); 4821 margin: 0; max-width: 52ch; line-height: 1.55; 4822 } 4823 4824 /* ============================================================ 4825 INTRO 4826 ============================================================ */ 4827 .flag-intro { text-align: center; } 4828 .flag-intro .flag-label, 4829 .flag-intro .flag-divider { margin-left: auto; margin-right: auto; } 4830 .flag-intro__statement { 4831 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 4832 font-weight: 400; 4833 font-size: clamp(1.5rem, 2.6vw, 2.2rem); 4834 line-height: 1.4; letter-spacing: -0.01em; 4835 margin: 0 auto; max-width: 44ch; 4836 } 4837 .flag-intro__body { 4838 margin-top: 36px; 4839 font-size: 1rem; line-height: 1.85; 4840 opacity: 0.75; 4841 max-width: 56ch; margin-left: auto; margin-right: auto; 4842 } 4843 .flag-intro__body p { margin: 0 0 1.1em; } 4844 .flag-intro__body p:last-child { margin-bottom: 0; } 4845 4846 /* ============================================================ 4847 PILLARS 4848 ============================================================ */ 4849 .flag-pillars__header { text-align: center; margin-bottom: 56px; } 4850 .flag-pillars__header .flag-label, 4851 .flag-pillars__header .flag-divider { margin-left: auto; margin-right: auto; } 4852 .flag-pillars__heading { 4853 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 4854 font-weight: 500; 4855 font-size: clamp(1.8rem, 3.5vw, 2.6rem); 4856 line-height: 1.15; letter-spacing: -0.01em; 4857 margin: 0 auto 20px; max-width: 22ch; 4858 } 4859 .flag-pillars__intro { 4860 font-size: 1rem; line-height: 1.75; 4861 opacity: 0.75; 4862 max-width: 56ch; margin: 0 auto; 4863 } 4864 @media (max-width: 767px) { .flag-pillars__header { margin-bottom: 40px; } } 4865 4866 .flag-pillars__grid { 4867 display: grid; 4868 grid-template-columns: repeat(var(--flag-cols, 3), 1fr); 4869 gap: 20px; 4870 } 4871 @media (max-width: 767px) { 4872 .flag-pillars__grid { 4873 display: flex; 4874 grid-template-columns: none; 4875 gap: 14px; 4876 overflow-x: auto; 4877 scroll-snap-type: x mandatory; 4878 -webkit-overflow-scrolling: touch; 4879 scrollbar-width: none; 4880 padding: 4px 24px 20px; 4881 margin: 0 -24px; 4882 scroll-padding-left: 24px; 4883 } 4884 .flag-pillars__grid::-webkit-scrollbar { display: none; } 4885 } 4886 4887 .flag-pillar { 4888 background: transparent; 4889 border: none; 4890 padding: 0; 4891 text-align: left; 4892 display: flex; 4893 flex-direction: column; 4894 text-decoration: none; 4895 color: inherit; 4896 font-family: inherit; 4897 cursor: pointer; 4898 width: 100%; 4899 } 4900 @media (max-width: 767px) { 4901 .flag-pillar { 4902 flex: 0 0 78%; 4903 scroll-snap-align: start; 4904 } 4905 } 4906 4907 .flag-pillar__image { 4908 position: relative; 4909 aspect-ratio: 4/5; 4910 overflow: hidden; 4911 background: #f0ede8; 4912 margin-bottom: 28px; 4913 } 4914 .flag-pillar__image img, 4915 .flag-pillar__image .placeholder-svg { 4916 width: 100%; height: 100%; object-fit: cover; display: block; 4917 transition: transform 0.7s cubic-bezier(0.16,1,0.3,1); 4918 } 4919 .flag-pillar:hover .flag-pillar__image img { transform: scale(1.04); } 4920 .flag-pillar__num-badge { 4921 position: absolute; top: 16px; left: 16px; 4922 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 4923 font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; 4924 color: #fff; background: rgba(21,21,21,0.55); 4925 backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); 4926 padding: 5px 10px; z-index: 1; 4927 } 4928 .flag-pillar__title { 4929 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 4930 font-weight: 500; 4931 font-size: clamp(1.25rem, 1.9vw, 1.55rem); 4932 line-height: 1.2; letter-spacing: -0.015em; 4933 margin: 0 0 12px; 4934 } 4935 .flag-pillar__text { 4936 font-size: 0.92rem; line-height: 1.7; 4937 opacity: 0.75; 4938 margin: 0 0 22px; max-width: 36ch; flex: 1; 4939 } 4940 .flag-pillar__link { 4941 display: inline-flex; align-items: center; gap: 8px;
4942 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 4943 font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; 4944 color: inherit; text-decoration: none; 4945 border-bottom: 1px solid currentColor; 4946 opacity: 0.85; 4947 padding-bottom: 3px; align-self: flex-start; 4948 transition: gap 0.22s ease, opacity 0.2s ease; 4949 background: none; cursor: pointer; 4950 } 4951 .flag-pillar__link:hover { gap: 12px; opacity: 1; } 4952 .flag-pillar__link-arrow { 4953 display: inline-block; 4954 transition: transform 0.3s ease; 4955 font-weight: 400; 4956 } 4957 .flag-pillar.is-open .flag-pillar__link-arrow { transform: rotate(45deg); } 4958 4959 /* ============================================================ 4960 EXPAND PANELS - stacked below the pillars on all breakpoints 4961 ============================================================ */ 4962 .flag-pillar-panel { 4963 overflow: hidden; 4964 max-height: 0; 4965 opacity: 0; 4966 transition: max-height 0.5s cubic-bezier(0.16,1,0.3,1), 4967 opacity 0.4s ease, 4968 margin 0.5s cubic-bezier(0.16,1,0.3,1); 4969 margin-top: 0; 4970 } 4971 .flag-pillar-panel.is-open { 4972 max-height: 4000px; 4973 opacity: 1; 4974 margin-top: 48px; 4975 } 4976 4977 .flag-pillar-panel__inner { 4978 border-top: 1px solid rgba(21,21,21,0.12); 4979 padding-top: 48px; 4980 } 4981 .flag-pillar-panel__header { 4982 display: flex; align-items: baseline; justify-content: space-between; 4983 margin-bottom: 36px; flex-wrap: wrap; gap: 16px; 4984 } 4985 .flag-pillar-panel__title { 4986 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 4987 font-weight: 500; 4988 font-size: clamp(1.3rem, 2.2vw, 1.7rem); 4989 letter-spacing: -0.015em; line-height: 1.2; 4990 margin: 0; 4991 } 4992 .flag-pillar-panel__count { 4993 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 4994 font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; 4995 opacity: 0.4; 4996 } 4997 .flag-pillar-panel__grid { 4998 display: grid; 4999 grid-template-columns: repeat(3, 1fr); 5000 gap: 24px; 5001 align-items: stretch; 5002 } 5003 @media (max-width: 900px) { 5004 .flag-pillar-panel__grid { grid-template-columns: repeat(2, 1fr); } 5005 } 5006 @media (max-width: 767px) { 5007 .flag-pillar-panel.is-open { margin-top: 32px; } 5008 .flag-pillar-panel__inner { padding-top: 32px; } 5009 .flag-pillar-panel__header { margin-bottom: 24px; } 5010 .flag-pillar-panel__grid { grid-template-columns: 1fr; gap: 16px; } 5011 } 5012 5013 /* ============================================================ 5014 CARDS 5015 Layout: image / body. Body is a column with a growing text 5016 block and a footer that is pinned to the bottom, so every 5017 card in a row lines its meta and button up on the same 5018 baseline no matter how long the copy is. 5019 ============================================================ */ 5020 .flag-pcard { 5021 display: flex; 5022 flex-direction: column; 5023 height: 100%; 5024 text-decoration: none; 5025 color: inherit; 5026 background: #fafaf9; 5027 transition: background 0.25s ease; 5028 } 5029 .flag-pcard:hover { background: #f5f3ef; } 5030 5031 .flag-pcard__img-wrap { 5032 position: relative; 5033 overflow: hidden; 5034 aspect-ratio: 3/2; 5035 background: #f0ede8; 5036 flex: 0 0 auto; 5037 } 5038 .flag-pcard__img { 5039 width: 100%; height: 100%; 5040 object-fit: cover; display: block; 5041 transition: transform 0.6s cubic-bezier(0.16,1,0.3,1); 5042 } 5043 .flag-pcard:hover .flag-pcard__img { transform: scale(1.04); } 5044 5045 .flag-pcard__body { 5046 padding: 22px 24px 26px; 5047 display: flex; 5048 flex-direction: column; 5049 flex: 1 1 auto; 5050 min-height: 0; 5051 } 5052 .flag-pcard__tag { 5053 display: block; 5054 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5055 font-size: 8px; letter-spacing: 0.18em; text-transform: uppercase; 5056 color: #151515; opacity: 0.5; margin-bottom: 12px; 5057 } 5058 .flag-pcard__title { 5059 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 5060 font-weight: 500; 5061 font-size: clamp(1rem, 1.6vw, 1.2rem); 5062 letter-spacing: -0.015em; line-height: 1.25; 5063 margin: 0 0 10px; color: #151515; 5064 } 5065 5066 /* Growing text block */ 5067 .flag-pcard__text { flex: 1 1 auto; } 5068 .flag-pcard__desc { 5069 font-size: 0.85rem; line-height: 1.65; 5070 color: rgba(21,21,21,0.55); 5071 margin: 0 0 12px; 5072 } 5073 .flag-pcard__more { 5074 display: none;
5075 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5076 font-size: 8px; letter-spacing: 0.18em; text-transform: uppercase; 5077 color: rgba(21,21,21,0.55); 5078 background: none; border: none; padding: 0; 5079 margin: 0 0 4px; 5080 cursor: pointer; 5081 } 5082 .flag-pcard__more:hover { color: #151515; } 5083 5084 /* Desktop: clamp the copy so cards stay even, reveal on Read more */ 5085 @media (min-width: 768px) { 5086 .flag-pcard__desc { 5087 display: -webkit-box; 5088 -webkit-line-clamp: 5; 5089 -webkit-box-orient: vertical; 5090 overflow: hidden; 5091 } 5092 .flag-pcard__desc.is-expanded { -webkit-line-clamp: unset; } 5093 .flag-pcard__more.is-needed { display: inline-block; } 5094 } 5095 5096 /* Footer pinned to the bottom of the card */ 5097 .flag-pcard__footer { 5098 margin-top: auto; 5099 padding-top: 16px; 5100 flex: 0 0 auto; 5101 } 5102 .flag-pcard__meta { 5103 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5104 font-size: 10px; letter-spacing: 0.08em; 5105 color: #151515; 5106 display: block; 5107 margin-bottom: 6px; 5108 } 5109 .flag-pcard__meta:last-of-type { margin-bottom: 14px; } 5110 .flag-pcard__cta { 5111 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5112 font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; 5113 color: #fff; 5114 background: #151515; 5115 border: 1px solid #151515; 5116 padding: 13px 16px; 5117 width: 100%; 5118 display: flex; 5119 gap: 10px; 5120 align-items: center; 5121 justify-content: center; 5122 transition: background 0.2s ease, gap 0.22s ease; 5123 } 5124 .flag-pcard:hover .flag-pcard__cta { background: #2a2a2a; gap: 14px; } 5125 5126 /* Mobile: landscape image, full width stacked listing */ 5127 @media (max-width: 767px) { 5128 .flag-pcard__img-wrap { aspect-ratio: 16/9; } 5129 .flag-pcard__body { padding: 18px 20px 22px; } 5130 } 5131 5132 /* ============================================================ 5133 EVENTS GRID 5134 ============================================================ */ 5135 .flag-evt__header { 5136 display: flex; align-items: baseline; justify-content: space-between; 5137 padding-bottom: 28px; border-bottom: 1px solid currentColor; 5138 margin-bottom: 0; flex-wrap: wrap; gap: 16px; 5139 } 5140 .flag-evt__heading { 5141 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 5142 font-weight: 500; 5143 font-size: clamp(1.6rem, 3.2vw, 2.4rem); 5144 letter-spacing: -0.02em; line-height: 1; margin: 0; 5145 } 5146 .flag-evt__count { 5147 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5148 font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; 5149 opacity: 0.35; 5150 } 5151 .flag-evt__intro { 5152 font-size: 0.95rem; line-height: 1.75; 5153 opacity: 0.75; 5154 max-width: 56ch; margin: 24px 0 0; 5155 } 5156 .flag-evt__grid { 5157 display: grid; grid-template-columns: repeat(3, 1fr); 5158 border-left: 1px solid rgba(21,21,21,0.08); 5159 border-top: 1px solid rgba(21,21,21,0.08); 5160 margin-top: 40px; 5161 } 5162 @media (max-width: 900px) { .flag-evt__grid { grid-template-columns: repeat(2, 1fr); } } 5163 @media (max-width: 560px) { .flag-evt__grid { grid-template-columns: 1fr; } } 5164 .flag-evt__card { 5165 border-right: 1px solid rgba(21,21,21,0.08); 5166 border-bottom: 1px solid rgba(21,21,21,0.08); 5167 display: flex; flex-direction: column; 5168 transition: background 0.2s ease; 5169 } 5170 .flag-evt__card:hover { background: rgba(0,0,0,0.02); } 5171 .flag-evt__img-wrap { position: relative; overflow: hidden; aspect-ratio: 3/2; background: #f7f5f2; } 5172 .flag-evt__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.16,1,0.3,1); } 5173 .flag-evt__card:hover .flag-evt__img { transform: scale(1.04); } 5174 .flag-evt__placeholder { width: 100%; height: 100%; background: #f0ede8; } 5175 .flag-evt__body { padding: 24px 28px 28px; display: flex; flex-direction: column; flex: 1; } 5176 @media (max-width: 767px) { .flag-evt__body { padding: 20px 20px 24px; } } 5177 .flag-evt__tag { 5178 display: inline-block; 5179 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5180 font-size: 8px; letter-spacing: 0.18em; text-transform: uppercase; 5181 color: #151515; border: 1px solid rgba(21,21,21,0.25); 5182 padding: 4px 10px; margin-bottom: 14px; align-self: flex-start; 5183 } 5184 .flag-evt__tag--online { border-color: #7a9e6e; color: #4a6e3e; } 5185 .flag-evt__tag--instore { border-color: #9e7a6e; color: #6e4a3e; } 5186 .flag-evt__tag--workshop { border-color: #6e7a9e; color: #3e4a6e; } 5187 .flag-evt__tag--masterclass { border-color: #9e9e6e; color: #6e6e3e; } 5188 .flag-evt__title { 5189 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 5190 font-weight: 500; 5191 font-size: clamp(1.05rem, 1.8vw, 1.3rem); 5192 letter-spacing: -0.015em; line-height: 1.2; 5193 margin: 0 0 10px; 5194 } 5195 .flag-evt__desc { 5196 font-size: 0.82rem; line-height: 1.7; 5197 opacity: 0.6; 5198 margin: 0 0 20px; 5199 display: -webkit-box; -webkit-line-clamp: 2; 5200 -webkit-box-orient: vertical; overflow: hidden; 5201 } 5202 .flag-evt__meta { 5203 display: flex; flex-wrap: wrap; gap: 18px; 5204 padding-top: 14px; border-top: 1px solid rgba(21,21,21,0.07); 5205 margin-top: auto; 5206 margin-bottom: 16px; 5207 } 5208 .flag-evt__meta-item { display: flex; flex-direction: column; gap: 4px; } 5209 .flag-evt__meta-label {
5210 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5211 font-size: 7px; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.35; 5212 } 5213 .flag-evt__meta-value { 5214 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5215 font-size: 10px; letter-spacing: 0.08em; 5216 } 5217 .flag-evt__book { 5218 display: flex; width: 100%; justify-content: center; 5219 align-items: center; gap: 12px; 5220 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5221 font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; 5222 text-decoration: none; 5223 background: #151515; 5224 color: #fff; 5225 padding: 13px 18px; 5226 transition: background 0.2s ease, gap 0.25s ease; 5227 border: 1px solid #151515; 5228 } 5229 .flag-evt__book:hover { 5230 gap: 18px; 5231 background: #2a2a2a; 5232 } 5233 .flag-evt__book--soldout { 5234 background: transparent; 5235 color: rgba(21,21,21,0.4); 5236 border-color: rgba(21,21,21,0.2); 5237 pointer-events: none; 5238 } 5239 .flag-evt__book-arrow { 5240 width: 14px; height: 1px; 5241 background: currentColor; 5242 position: relative; 5243 flex-shrink: 0; 5244 } 5245 .flag-evt__book-arrow::after { 5246 content: ''; 5247 position: absolute; 5248 right: 0; top: -3px; 5249 width: 6px; height: 6px; 5250 border-right: 1px solid currentColor; 5251 border-top: 1px solid currentColor; 5252 transform: rotate(45deg); 5253 } 5254 5255 /* ============================================================ 5256 VISIT 5257 ============================================================ */ 5258 .flag-visit__grid { 5259 display: grid; 5260 grid-template-columns: 1fr 1fr; 5261 gap: 80px; 5262 align-items: start; 5263 } 5264 @media (max-width: 960px) { .flag-visit__grid { grid-template-columns: 1fr; gap: 56px; } } 5265 .flag-visit__address { 5266 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 5267 font-weight: 400; 5268 font-size: clamp(1.3rem, 2vw, 1.7rem); 5269 line-height: 1.4; 5270 margin: 0 0 32px; white-space: pre-line; 5271 letter-spacing: -0.01em; 5272 } 5273 .flag-visit__contact { 5274 display: flex; flex-direction: column; gap: 12px; 5275 margin-bottom: 36px; padding-top: 24px; 5276 border-top: 1px solid rgba(21,21,21,0.08); 5277 } 5278 .flag-visit__contact-row { 5279 display: grid; grid-template-columns: 60px 1fr; 5280 align-items: baseline; gap: 16px; 5281 } 5282 .flag-visit__contact-label { 5283 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5284 font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; opacity: 0.4; 5285 } 5286 .flag-visit__contact-value { font-size: 0.95rem; color: inherit; text-decoration: none; } 5287 .flag-visit__contact-value:hover { text-decoration: underline; } 5288 .flag-visit__cta { 5289 display: inline-flex; align-items: center; gap: 12px; 5290 background: #151515; color: #fff; 5291 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5292 font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; 5293 text-decoration: none; padding: 14px 24px; 5294 transition: background 0.2s ease, gap 0.25s ease;
5295 align-self: flex-start; 5296 } 5297 .flag-visit__cta:hover { background: #333; gap: 18px; } 5298 .flag-visit__cta-arrow { 5299 width: 16px; height: 1px; background: #fff; position: relative; flex-shrink: 0; 5300 } 5301 .flag-visit__cta-arrow::after { 5302 content: ''; position: absolute; right: 0; top: -3px; 5303 width: 6px; height: 6px; 5304 border-right: 1px solid #fff; border-top: 1px solid #fff; 5305 transform: rotate(45deg); 5306 } 5307 .flag-hours__title { 5308 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5309 font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; 5310 opacity: 0.45; margin: 0 0 24px; display: block; 5311 } 5312 .flag-hours__list { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(21,21,21,0.12); } 5313 .flag-hours__row { 5314 display: grid; grid-template-columns: 1fr auto; 5315 align-items: baseline; padding: 16px 0; 5316 border-bottom: 1px solid rgba(21,21,21,0.08); 5317 } 5318 .flag-hours__day { 5319 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5320 font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; 5321 } 5322 .flag-hours__time { 5323 font-family: var(--FONT-STACK-SUBHEADING, 'Space Mono', monospace); 5324 font-size: 13px; letter-spacing: 0.04em; 5325 } 5326 .flag-hours__time--closed { opacity: 0.35; font-style: italic; } 5327 .flag-hours__note { font-size: 0.82rem; line-height: 1.6; opacity: 0.55; margin: 20px 0 0; font-style: italic; } 5328 5329 /* ============================================================ 5330 VIDEO BLOCK (landscape) 5331 ============================================================ */ 5332 .flag-video { 5333 position: relative; 5334 width: 100%; 5335 aspect-ratio: 16/9; 5336 overflow: hidden; 5337 background: #1a1a1a; 5338 } 5339 .flag-video__media, 5340 .flag-video iframe { 5341 position: absolute; 5342 inset: 0; 5343 width: 100%; 5344 height: 100%; 5345 border: 0; 5346 object-fit: cover; 5347 display: block; 5348 } 5349 .flag-video__header { 5350 text-align: center; 5351 margin-bottom: 40px; 5352 } 5353 .flag-video__header .flag-label, 5354 .flag-video__header .flag-divider { margin-left: auto; margin-right: auto; } 5355 .flag-video__heading { 5356 font-family: var(--FONT-STACK-HEADING, 'Rubik', sans-serif); 5357 font-weight: 500; 5358 font-size: clamp(1.6rem, 3vw, 2.4rem); 5359 letter-spacing: -0.01em; 5360 line-height: 1.15; 5361 margin: 0 auto; 5362 max-width: 28ch; 5363 } 5364 @media (max-width: 767px) { 5365 .flag-video { aspect-ratio: 4/5; } 5366 } 5367 5368 /* ============================================================ 5369 LAZY REVEAL 5370 ============================================================ */ 5371 .flag-lazy { 5372 opacity: 0; 5373 transform: translateY(28px); 5374 transition: opacity 0.75s cubic-bezier(0.16,1,0.3,1), 5375 transform 0.75s cubic-bezier(0.16,1,0.3,1); 5376 will-change: transform, opacity; 5377 } 5378 .flag-lazy.is-visible { opacity: 1; transform: translateY(0); } 5379 .flag-lazy--d1 { transition-delay: 0.1s; } 5380 .flag-lazy--d2 { transition-delay: 0.2s; } 5381 .flag-lazy--d3 { transition-delay: 0.3s; } 5382 .flag-lazy--d4 { transition-delay: 0.4s; } 5383 5384 @media (prefers-reduced-motion: reduce) { 5385 .flag-lazy, .flag-pillar-panel { 5386 transition: none !important; 5387 opacity: 1 !important; 5388 transform: none !important; 5389 } 5390 } 5391</style> 5392 5393<div class="flag" id="FLAG--template--25607997718795__section_flagship_store_6nLhHx"><section class="flag-hero" id="flagHero--template--25607997718795__section_flagship_store_6nLhHx"><img class="flag-hero__media" 5394 src="//skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=2400" 5395 srcset="//skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=800 800w, 5396 //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1200 1200w, 5397 //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=1600 1600w, 5398 //skinformulas.ie/cdn/shop/files/V6_SKIN_FORMULAS-3.jpg?v=1782139454&width=2400 2400w" 5399 sizes="100vw" 5400 loading="eager" 5401 fetchpriority="high" 5402 alt="Flagship Store"><div class="flag-hero__overlay"></div> 5403 <div class="flag-hero__content"><span class="flag-hero__eyebrow">Visit Our</span><h1 class="flag-hero__title">Flagship Store</h1><p class="flag-hero__subtitle">
5403The home of Skin Formulas.</p></div> 5404 </section><section class="flag-section flag-section--pillars"> 5405 <div class="flag-wrapper"> 5406 <div class="flag-pillars__header"><em class="flag-label flag-lazy">What Happens Here</em> 5407 <div class="flag-divider flag-lazy flag-lazy--d1"></div><h2 class="flag-pillars__heading flag-lazy flag-lazy--d2">Where the brand comes to life.</h2><p class="flag-pillars__intro flag-lazy flag-lazy--d3">Three reasons to visit â alongside the obvious one of picking up your next favourite formula.</p></div> 5408 5409 <div class="flag-pillars__grid" data-pillars-grid 5410 style="--flag-cols: 3;"><button type="button" 5411 class="flag-pillar flag-lazy flag-lazy--d1" 5412 data-scroll-to-hours 5413 ><div class="flag-pillar__image"><img src="//skinformulas.ie/cdn/shop/files/unnamed_16.jpg?v=1778242353&width=800" alt="Retail" srcset="//skinformulas.ie/cdn/shop/files/unnamed_16.jpg?v=1778242353&width=400 400w, //skinformulas.ie/cdn/shop/files/unnamed_16.jpg?v=1778242353&width=600 600w, //skinformulas.ie/cdn/shop/files/unnamed_16.jpg?v=1778242353&width=800 800w" width="800" height="900" loading="lazy" sizes="(max-width: 767px) 78vw, 33vw"> 5414<span class="flag-pillar__num-badge">01</span> 5415 </div><h3 class="flag-pillar__title">Retail</h3><p class="flag-pillar__text">The full Skin Formulas range, with the team on hand to help you find your routine.</p><span class="flag-pillar__link"> 5416 Opening Hours 5417 <span class="flag-pillar__link-arrow">→</span> 5418 </span></button><button type="button" 5419 class="flag-pillar flag-lazy flag-lazy--d2" 5420 data-pillar-trigger="events" 5421 aria-expanded="false" 5422 ><div class="flag-pillar__image"><img src="//skinformulas.ie/cdn/shop/files/WhatsApp_Image_2026-05-19_at_14.44.49.jpg?v=1779198508&width=800" alt="Events" srcset="//skinformulas.ie/cdn/shop/files/WhatsApp_Image_2026-05-19_at_14.44.49.jpg?v=1779198508&width=400 400w, //skinformulas.ie/cdn/shop/files/WhatsApp_Image_2026-05-19_at_14.44.49.jpg?v=1779198508&width=600 600w, //skinformulas.ie/cdn/shop/files/WhatsApp_Image_2026-05-19_at_14.44.49.jpg?v=1779198508&width=800 800w" width="800" height="1422" loading="lazy" sizes="(max-width: 767px) 78vw, 33vw"> 5423<span class="flag-pillar__num-badge">02</span> 5424 </div><h3 class="flag-pillar__title">Events</h3><p class="flag-pillar__text">Workshops, masterclasses and brand evenings. Hosted regularly throughout the year.</p><span class="flag-pillar__link"> 5425 Discover 5426 <span class="flag-pillar__link-arrow">+</span> 5427 </span></button><button type="button" 5428 class="flag-pillar flag-lazy flag-lazy--d3" 5429 data-pillar-trigger="consultations" 5430 aria-expanded="false" 5431 ><div class="flag-pillar__image"><img src="//skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=800" alt="Consultations" srcset="//skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=400 400w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=600 600w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=800 800w" width="800" height="826" loading="lazy" sizes="(max-width: 767px) 78vw, 33vw"> 5432<span class="flag-pillar__num-badge">03</span> 5433 </div><h3 class="flag-pillar__title">Consultations</h3><p class="flag-pillar__text">One-to-one skin consultations with our experts, online or in-person.</p><span class="flag-pillar__link"> 5434 Discover 5435 <span class="flag-pillar__link-arrow">+</span> 5436 </span></button></div><div class="flag-pillar-panels"><div class="flag-pillar-panel" 5437 data-pillar-panel="events" 5438 role="region" 5439 aria-label="Events"> 5440 <div class="flag-pillar-panel__inner"> 5441 <div class="flag-pillar-panel__header"> 5442 <h3 class="flag-pillar-panel__title">Events</h3>
5443 <span class="flag-pillar-panel__count">2 listed</span> 5444 </div> 5445 <div class="flag-pillar-panel__grid"><a class="flag-pcard" 5446 href="https://ciara-skinformulas.zohobookings.eu/250872000000631002" 5447 > 5448 <div class="flag-pcard__img-wrap"><img src="//skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=900" alt="In-Store Skin Sessions" srcset="//skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=400 400w, //skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=600 600w, //skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=900 900w" width="900" height="600" loading="lazy" class="flag-pcard__img" sizes="(max-width: 767px) 100vw, (max-width: 900px) 50vw, 33vw"> 5449</div> 5450 <div class="flag-pcard__body"><span class="flag-pcard__tag">Booking Fast</span><h4 class="flag-pcard__title">In-Store Skin Sessions</h4><div class="flag-pcard__text"><p class="flag-pcard__desc">Join us for an expert - led session designed to simplify skincare, decode ingredients and demonstrate product layering. Understand the real impact of stress and busy lifestyles on your skin.... from breakouts to menopause.</p> 5451 <button type="button" class="flag-pcard__more">Read more</button></div> 5452 5453 <div class="flag-pcard__footer"><span class="flag-pcard__meta">Date: Wed 30th Sept. Time: 6-7pm</span><span class="flag-pcard__cta">Book Now →</span></div> 5454 </div> 5455 </a><a class="flag-pcard" 5456 href="https://ciara-skinformulas.zohobookings.eu/250872000000743008" 5457 > 5458 <div class="flag-pcard__img-wrap"><img src="//skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=900" alt="In-Store Skin Sessions" srcset="//skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=400 400w, //skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=600 600w, //skinformulas.ie/cdn/shop/files/IN_STORE_SESSIONS_91f3ebfe-ab99-4cfd-9ca1-fac8a9fcf402.png?v=1779199466&width=900 900w" width="900" height="600" loading="lazy" class="flag-pcard__img" sizes="(max-width: 767px) 100vw, (max-width: 900px) 50vw, 33vw"> 5459</div> 5460 <div class="flag-pcard__body"><span class="flag-pcard__tag">Led by Emma and Evelyn</span><h4 class="flag-pcard__title">In-Store Skin Sessions</h4><div class="flag-pcard__text"><p class="flag-pcard__desc">Join us for an expert-led session designed to simplify skincare, decode ingredients, and understand the real impact of hormones on your skinâ¦from breakouts to menopause.</p> 5461 <button type="button" class="flag-pcard__more">Read more</button></div> 5462 5463 <div class="flag-pcard__footer"><span class="flag-pcard__meta">Date: Tues 20th Oct. Time: 6-7pm</span><span class="flag-pcard__cta">Book Now →</span></div> 5464 </div> 5465 </a></div> 5466 </div> 5467 </div><div class="flag-pillar-panel" 5468 data-pillar-panel="consultations" 5469 role="region" 5470 aria-label="Consultations"> 5471 <div class="flag-pillar-panel__inner"> 5472 <div class="flag-pillar-panel__header"> 5473 <h3 class="flag-pillar-panel__title">Consultations</h3> 5474 <span class="flag-pillar-panel__count">2 listed</span> 5475 </div> 5476 <div class="flag-pillar-panel__grid"><a class="flag-pcard" 5477 href="/products/skin-consultation-one-to-one-advice-and-personalised-routine" 5478 > 5479 <div class="flag-pcard__img-wrap"><img src="//skinformulas.ie/cdn/shop/products/online-consults2.jpg?v=1701443850&width=900" alt="Online Skin Consultation" srcset="//skinformulas.ie/cdn/shop/products/online-consults2.jpg?v=1701443850&width=400 400w, //skinformulas.ie/cdn/shop/products/online-consults2.jpg?v=1701443850&width=600 600w, //skinformulas.ie/cdn/shop/products/online-consults2.jpg?v=1701443850&width=900 900w" width="900" height="900" loading="lazy" class="flag-pcard__img" sizes="(max-width: 767px) 100v
5479w, (max-width: 900px) 50vw, 33vw"> 5480</div> 5481 <div class="flag-pcard__body"><span class="flag-pcard__tag">Online</span><h4 class="flag-pcard__title">Online Skin Consultation</h4><div class="flag-pcard__text"><p class="flag-pcard__desc">A one-to-one video consultation with our highly trained aesthetician will supercharge your skincare routine and help with specific skin concerns. Receive professional recommendations that offer the most effective treatment based on your skincare goals.</p> 5482 <button type="button" class="flag-pcard__more">Read more</button></div> 5483 5484 <div class="flag-pcard__footer"><span class="flag-pcard__cta">Book Now →</span></div> 5485 </div> 5486 </a><div class="flag-pcard" 5487 5488 > 5489 <div class="flag-pcard__img-wrap"><img src="//skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=900" alt="Skin-Scan & Consultation" srcset="//skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=400 400w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=600 600w, //skinformulas.ie/cdn/shop/files/Screenshot_2026-05-14_at_15.07.40.png?v=1778767747&width=900 900w" width="900" height="930" loading="lazy" class="flag-pcard__img" sizes="(max-width: 767px) 100vw, (max-width: 900px) 50vw, 33vw"> 5490</div> 5491 <div class="flag-pcard__body"><span class="flag-pcard__tag">In-Store</span><h4 class="flag-pcard__title">Skin-Scan & Consultation</h4><div class="flag-pcard__text"><p class="flag-pcard__desc">Come visit Ciara our skin expert in store for a personalised skin scan and consultation using the advanced OBSERV skin scanner. Get a quick, non-invasive analysis and personalised advice to guide you on your skincare journey.</p> 5492 <button type="button" class="flag-pcard__more">Read more</button></div> 5493 5494 <div class="flag-pcard__footer"><span class="flag-pcard__meta">To Book: [email protected]Â </span></div> 5495 </div> 5496 </div></div> 5497 </div> 5498 </div></div> 5499 5500 </div> 5501 </section><section class="flag-section flag-section--visit" id="flagHours--template--25607997718795__section_flagship_store_6nLhHx"> 5502 <div class="flag-wrapper"> 5503 <div class="flag-visit__grid"> 5504 <div class="flag-lazy"><em class="flag-label">Find Us</em> 5505 <div class="flag-divider"></div><p class="flag-visit__address">54 Kenyon Street, 5506Nenagh, 5507Co. Tipperary</p><div class="flag-visit__contact"><div class="flag-visit__contact-row"> 5508 <span class="flag-visit__contact-label">Tel</span> 5509 <a href="tel:+353(83)2006408" class="flag-visit__contact-value">+353 (83) 200 6408</a> 5510 </div><div class="flag-visit__contact-row"> 5511 <span class="flag-visit__contact-label">Email</span> 5512 <a href="mailto:[email protected]" class="flag-visit__contact-value">[email protected]</a> 5513 </div></div></div> 5514 <div class="flag-lazy flag-lazy--d2"> 5515 <span class="flag-hours__title">Opening hours</span><ul class="flag-hours__list"><li class="flag-hours__row"> 5516 <span class="flag-hours__day">Monday - Wednesday</span> 5517 <span class="flag-hours__time">9AM - 5PM</span> 5518 </li><li class="flag-hours__row"> 5519 <span class="flag-hours__day">Thursday</span> 5520 <span class="flag-hours__time">9AM - 7PM</span> 5521 </li><li class="flag-hours__row"> 5522 <span class="flag-hours__day">Friday</span> 5523 <span class="flag-hours__time">9AM - 5.30PM</span> 5524 </li><li class="flag-hours__row">
5525 <span class="flag-hours__day">Saturday</span> 5526 <span class="flag-hours__time">10AM - 5PM</span> 5527 </li><li class="flag-hours__row"> 5528 <span class="flag-hours__day">Sunday</span> 5529 <span class="flag-hours__time flag-hours__time--closed">Closed</span> 5530 </li></ul><p class="flag-hours__note">Hours may vary on bank holidays.</p></div> 5531 </div> 5532 </div> 5533 </section></div> 5534
5535<script> 5536(function() { 5537 var sectionId = "template--25607997718795__section_flagship_store_6nLhHx"; 5538 var root = document.getElementById('FLAG--' + sectionId); 5539 if (!root) return; 5540 5541 // Lazy reveal 5542 var lazyEls = root.querySelectorAll('.flag-lazy'); 5543 if ('IntersectionObserver' in window) { 5544 var obs = new IntersectionObserver(function(entries) { 5545 entries.forEach(function(entry) { 5546 if (entry.isIntersecting) { 5547 entry.target.classList.add('is-visible'); 5548 obs.unobserve(entry.target); 5549 } 5550 }); 5551 }, { threshold: 0.06, rootMargin: '0px 0px -32px 0px' }); 5552 lazyEls.forEach(function(el) { obs.observe(el); }); 5553 } else { 5554 lazyEls.forEach(function(el) { el.classList.add('is-visible'); }); 5555 } 5556 5557 // Pillar -> opening hours smooth scroll 5558 var hoursTarget = document.getElementById('flagHours--' + sectionId); 5559 root.querySelectorAll('[data-scroll-to-hours]').forEach(function(btn) { 5560 btn.addEventListener('click', function(e) { 5561 e.preventDefault(); 5562 if (hoursTarget) { 5563 hoursTarget.scrollIntoView({ behavior: 'smooth', block: 'start' }); 5564 } 5565 }); 5566 }); 5567 5568 var triggers = root.querySelectorAll('[data-pillar-trigger]'); 5569 var panels = root.querySelectorAll('[data-pillar-panel]'); 5570 5571 function closeAllPanels() { 5572 triggers.forEach(function(t) { 5573 t.classList.remove('is-open'); 5574 t.setAttribute('aria-expanded', 'false'); 5575 }); 5576 panels.forEach(function(p) { p.classList.remove('is-open'); }); 5577 } 5578 5579 triggers.forEach(function(trigger) { 5580 trigger.addEventListener('click', function(e) { 5581 e.preventDefault(); 5582 e.stopPropagation(); 5583 5584 var key = trigger.getAttribute('data-pillar-trigger'); 5585 var panel = root.querySelector('[data-pillar-panel="' + key + '"]'); 5586 if (!panel) return; 5587 5588 var wasOpen = panel.classList.contains('is-open'); 5589 closeAllPanels(); 5590 5591 if (!wasOpen) { 5592 trigger.classList.add('is-open'); 5593 trigger.setAttribute('aria-expanded', 'true'); 5594 panel.classList.add('is-open'); 5595 setTimeout(function() { 5596 var rect = panel.getBoundingClientRect(); 5597 if (rect.top < 80 || rect.bottom > window.innerHeight) { 5598 panel.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); 5599 } 5600 }, 300); 5601 } 5602 }); 5603 }); 5604 5605 // Read more toggle on clamped descriptions 5606 function initReadMore() { 5607 root.querySelectorAll('.flag-pcard__more').forEach(function(btn) { 5608 var desc = btn.previousElementSibling; 5609 if (!desc || btn.dataset.bound) return; 5610 btn.dataset.bound = '1'; 5611 5612 if (desc.scrollHeight > desc.clientHeight + 2) btn.classList.add('is-needed'); 5613 5614 btn.addEventListener('click', function(e) { 5615 e.preventDefault(); 5616 e.stopPropagation(); 5617 var open = desc.classList.toggle('is-expanded'); 5618 btn.textContent = open ? 'Read less' : 'Read more'; 5619 }); 5620 }); 5621 } 5622 initReadMore(); 5623 window.addEventListener('resize', initReadMore); 5624 5625 // Open one pillar by default, desktop and mobile 5626 (function openDefaultPillar() { 5627 var defaultKey = "events"; 5628 var trigger = defaultKey 5629 ? root.querySelector('[data-pillar-trigger="' + defaultKey + '"]') 5630 : triggers[0]; 5631 if (!trigger) return; 5632 5633 var key = trigger.getAttribute('data-pillar-trigger'); 5634 var panel = root.querySelector('[data-pillar-panel="' + key + '"]'); 5635 if (!panel) return; 5636 5637 panel.style.transition = 'none'; 5638 trigger.classList.add('is-open'); 5639 trigger.setAttribute('aria-expanded', 'true'); 5640 panel.classList.add('is-open'); 5641 requestAnimationFrame(function() { 5642 requestAnimationFrame(function() { panel.style.transition = ''; }); 5643 }); 5644 })(); 5645})(); 5646</script>
5646 5647 5648 5649</section> 5650 </main> 5651 5652 <!-- BEGIN sections: group-footer --> 5653<div id="shopify-section-sections--25607988052235__footer" class="shopify-section shopify-section-group-group-footer section-footer"><!-- /sections/footer.liquid --> 5654
5654<script src="//skinformulas.ie/cdn/shop/t/32/assets/scrollable-parallax.js?v=52256667567493799251784814401" defer="defer"></script>
5654 5655
5655<script src="//skinformulas.ie/cdn/shop/t/32/assets/footer-effect.js?v=66410038224358431731784814401" defer="defer"></script>
5655 5656 5657 5658 5659<style data-shopify>#SiteFooter { 5660 --PT: 20px; 5661 --PB: 10px; 5662 --bg-lighten-darken-shimmer-bg: #222222; 5663 --bg-lighten-darken-shimmer-effect: #272727; 5664 5665 5666--text: #ffffff; 5667 --text-alpha-15: rgba(255, 255, 255, 0.15); 5668 --text-alpha-50: rgba(255, 255, 255, 0.6); 5669 --text-alpha-85: rgba(255, 255, 255, 0.85);--border: #ffffff;} 5670 5671 #SiteFooter .footer-bottom { --grid-columns: 2; }</style><footer 5672 id="SiteFooter" 5673 class="section-padding site-footer color-scheme-3" 5674 role="contentinfo" 5675 data-section-id="sections--25607988052235__footer" 5676 data-section-type="footer" 5677> 5678 <parallax-element 5679 data-parallax-animation="footer" 5680 data-parallax-disable-on-safari 5681 5682 > 5683 </parallax-element> 5684 5685 <footer-effect 5686 5687 ></footer-effect> 5688 5689 5690 <div class="footer-content wrapper--full-padded"> 5691 <div class="footer-blocks"><style data-shopify>#SiteFooter .footer-block--logo { min-width: calc(190px + calc(var(--gutter) / 2)); } 5692 #SiteFooter .footer-block__logo-image { width: 190px; }</style><div 5693 class="footer-block footer-block--logo text-left" 5694 style="--desktop-width: 25%" 5695 5696 ><a href="/" class="footer-block__logo-image"> 5697<div class="image-fill logo--footer" style="padding-top: 40.0%; "><figure 5698 class="lazy-image background-size-cover is-loading" 5699 style="" 5700 5701 > 5702 <img src="//skinformulas.ie/cdn/shop/files/Logo_white.svg?crop=center&height=152&v=1739893598&width=380" alt="Skin Formulas" width="380" height="152" loading="lazy" sizes="190px" srcset=" 5703//skinformulas.ie/cdn/shop/files/Logo_white.svg?v=1739893598&width=190 190w, //skinformulas.ie/cdn/shop/files/Logo_white.svg?v=1739893598&width=380 380w" class="is-loading"> 5704 </figure></div></a></div><collapsible-elements 5705 class="footer-block footer-block--menu text-left" 5706 style="--desktop-width: 15%" 5707 5708 ><p class="footer-title footer-title--links"> 5709 <button 5710 class="footer-title__button h5" 5711 aria-controls="FooterMenu--about-1" 5712 data-collapsible-trigger 5713 data-collapsible-trigger-mobile 5714 aria-expanded="false" 5715 >About<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5716 </p><div 5717 class="footer-links__wrapper" 5718 5719 id="FooterMenu--about-1" data-collapsible-container-mobile 5720 5721 > 5722 <ul 5723 class="footer-links" 5724 5725 data-collapsible-content 5726 5727 ><li> 5728 <a class="footer-link" href="/pages/about-us">About Us</a> 5729 </li><li> 5730 <a class="footer-link" href="/pages/retail-store">Flagship Store</a> 5731 </li><li> 5732 <a class="footer-link" href="/pages/sustainability">Beyond The Formula</a> 5733 </li><li> 5734 <a class="footer-link" href="/pages/our-stockists">Our Stockists</a> 5735 </li><li> 5736 <a class="footer-link" href="https://skinformulas.ie/pages/become-a-stockist">Become A Stockist</a> 5737 </li><li> 5738 <a class="footer-link" href="https://stockist.skinformulas.ie/">Stockist Portal</a> 5739 </li></ul> 5740 </div></collapsible-elements><collapsible-elements 5741 class="footer-block footer-block--menu text-left" 5742 style="--desktop-width: 15%" 5743 5744 ><p class="footer-title footer-title--links"> 5745 <button 5746 class="footer-title__button h5" 5747 aria-controls="FooterMenu--customer-care-2" 5748 data-collapsible-trigger 5749 data-collapsible-trigger-mobile 5750 aria-expanded="false" 5751 >Customer Care<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus" viewBox="0 0 192 192"><path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192"><path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5752 </p><div 5753 class="footer-links__wrapper" 5754 5755 id="FooterMenu--customer-care-2" data-collapsible-container-mobile 5756 5757 > 5758 <ul 5759 class="footer-links" 5760 5761 data-collapsible-content 5762 5763 ><li> 5764 <a class="footer-link" href="/pages/contact">Contact Us</a> 5765 </li><li> 5766 <a class="footer-link" href="https://skinformulas.ie/pages/refund_returns">Shipping & Refunds</a> 5767 </li><li> 5768 <a class="footer-link" href="/products/skin-consultation-one-to-one-advice-and-personalised-routine">Skin Consultation</a> 5769 </li><li> 5770 <a class="footer-link" href="/pages/rewards">Loyalty Program</a> 5771 </li><li> 5772 <a class="footer-link" href="/pages/eu-withdrawal-form">Submit Withdrawal</a> 5773 </li></ul> 5774 </div></collapsible-elements><div 5775 class="footer-block footer-block--divider" 5776 style="--desktop-width: 15%" 5777 5778 ></div><div 5779 class="footer-block footer-block--newsletter text-left" 5780 style="--desktop-width: 30%" 5781 5782 ><style data-shopify>#SiteFooter .footer-block--newsletter .footer-title { 5783 --adjust-heading: calc(var(--FONT-ADJUST-HEADING) * 1.6); 5784 --heading-caps: uppercase; 5785 }</style><div class="footer-title h5">20% OFF YOUR FIRST ORDER</div><div class="rte"><p>Join our newsletter to receive the latest updates and get 20% off your first order.</p></div>
5785<script src="//skinformulas.ie/cdn/shop/t/32/assets/newsletter-form.js?v=80652797513285540241784814401" defer="defer"></script>
5785 5786 5787<newsletter-form><form method="post" action="/contact#NewsletterForm--newsletter_VXj84C" id="NewsletterForm--newsletter_VXj84C" accept-charset="UTF-8" class="newsletter-form" data-newsletter-form=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[accepts_marketing]" value="true"> 5788 5789 <div class="input-group input-group--inline"> 5790 <div class="input-group__fields"><div class="input-group__item input-group__item--email"> 5791 <input 5792 type="email" 5793 id="Email--newsletter_VXj84C" 5794 class="input-group__field input-group__field--email" 5795 value="" 5796 placeholder="Your email" 5797 name="contact[email]" 5798 autocorrect="off" 5799 autocapitalize="off" 5800 aria-label="Your email" 5801 5802 > 5803 </div> 5804 </div> 5805 5806 <div class="input-group__item input-group__item--btn"> 5807 <button 5808 type="submit" 5809 name="subscribe" 5810 id="SubscribeSubmit--newsletter_VXj84C" 5811 class="input-group__btn input-group__btn--icon" 5812 5813 > 5814 <hover-button></hover-button><span class="visually-hidden">Subscribe to Our Newsletter</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-select" viewBox="0 0 192 192"><path d="m72 36 60 60-60 60" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5815 </div></div><div class="errors">Email is invalid or already taken.</div></form></newsletter-form> 5816</div></div> 5817 </div> 5818 5819 <div class="footer-bottom wrapper--full-padded text-center"><div class="social-sharing-wrapper"><a 5820 class="social-sharing-icon instagram" 5821 rel="noopener" 5822 href="https://www.instagram.com/skinformulas/" 5823 title="View Skin Formulas on Instagram" 5824 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M8 3a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V8a5 5 0 0 0-5-5H8Zm10 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-6 2a5 5 0 1 1-.001 10.001A5 5 0 0 1 12 7Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg></a><a 5825 class="social-sharing-icon tiktok" 5826 rel="noopener" 5827 href="https://www.tiktok.com/@skinformulas" 5828 title="View Skin Formulas on Tiktok" 5829 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" viewBox="0 0 24 24"><path d="M6 3C4.355 3 3 4.355 3 6v12c0 1.645 1.355 3 3 3h12c1.645 0 3-1.355 3-3V6c0-1.645-1.355-3-3-3H6Zm6 4h2c0 1.005 1.471 2 2 2v2c-.605 0-1.332-.266-2-.715V14c0 1.654-1.346 3-3 3s-3-1.346-3-3 1.346-3 3-3v2a1.001 1.001 0 0 0 0 2c.552 0 1-.449 1-1V7Z"/></svg></a><a 5830 class="social-sharing-icon facebook" 5831 rel="noopener" 5832 href="https://www.facebook.com/skinformulas/" 5833 title="View Skin Formulas on Facebook" 5834 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12c0 5.013 3.693 9.153 8.505 9.876V14.65H8.031v-2.629h2.474v-1.749c0-2.896 1.411-4.167 3.818-4.167 1.153 0 1.762.085 2.051.124v2.294h-1.642c-1.022 0-1.379.969-1.379 2.061v1.437h2.995l-.406 2.629h-2.588v7.247C18.235 21.236 22 17.062 22 12c0-5.523-4.477-10-10-10Z"/></svg></a></div> 5835<div class="footer-bottom__content"><form method="post" action="/localization" id="LocalizationForm-sections--25607988052235__footer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/retail-store" /><div> 5836 <h2 class="visually-hidden" id="country-heading-sections--25607988052235__footer">Country</h2> 5837 5838 <popout-select class="select-popout select-popout--country"> 5839 <button 5840 type="button" 5841 class="select-popout__toggle" 5842 aria-expanded="false" 5843 aria-controls="country-list" 5844 aria-describedby="country-heading" 5845 data-popout-toggle 5846 >EURâ¬<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-select" viewBox="0 0 192 192"><path d="m72 36 60 60-60 60" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 5847 5848 <div id="country-list-sections--25607988052235__footer" class="select-popout__list" data-popout-list> 5849 <ul class="select-popout__list__scroll" data-scroll-lock-scrollable><li class="select-popout__item"> 5850 <a 5851 class="select-popout__option" 5852 href="#" 5853 5854 data-value="AU" 5855 data-popout-option 5856 ><span>Australia (AUD$) 5857 </span> 5858 </a> 5859 </li><li class="select-popout__item"> 5860 <a 5861 class="select-popout__option" 5862 href="#" 5863 5864 data-value="AT" 5865 data-popout-option 5866 ><span>Austria (EURâ¬) 5867 </span> 5868 </a> 5869 </li><li class="select-popout__item"> 5870 <a 5871 class="select-popout__option" 5872 href="#" 5873 5874 data-value="BE" 5875 data-popout-option 5876 ><span>Belgium (EURâ¬) 5877 </span> 5878 </a> 5879 </li><li class="select-popout__item"> 5880 <a 5881 class="select-popout__option" 5882 href="#" 5883 5884 data-value="BG" 5885 data-popout-option 5886 ><span>Bulgaria (EURâ¬) 5887 </span> 5888 </a> 5889 </li><li class="select-popout__item"> 5890 <a 5891 class="select-popout__option" 5892 href="#" 5893 5894 data-value="CA" 5895 data-popout-option 5896 ><span>Canada (CAD$) 5897 </span> 5898 </a> 5899 </li><li class="select-popout__item"> 5900 <a 5901 class="select-popout__option" 5902 href="#" 5903 5904 data-value="HR" 5905 data-popout-option 5906 ><span>Croatia (EURâ¬) 5907 </span> 5908 </a> 5909 </li><li class="select-popout__item"> 5910 <a 5911 class="select-popout__option" 5912 href="#" 5913 5914 data-value="CY" 5915 data-popout-option 5916 ><span>Cyprus (EURâ¬) 5917 </span> 5918 </a> 5919 </li><li class="select-popout__item"> 5920 <a 5921 class="select-popout__option" 5922 href="#" 5923 5924 data-value="CZ" 5925 data-popout-option 5926 ><span>Czechia (CZKKÄ) 5927 </span> 5928 </a> 5929 </li><li class="select-popout__item"> 5930 <a 5931 class="select-popout__option" 5932 href="#" 5933 5934 data-value="DK" 5935 data-popout-option 5936 ><span>Denmark (DKKkr.) 5937 </span> 5938 </a> 5939 </li><li class="select-popout__item"> 5940 <a 5941 class="select-popout__option" 5942 href="#" 5943 5944 data-value="EE" 5945 data-popout-option 5946 ><span>Estonia (EURâ¬) 5947 </span> 5948 </a> 5949 </li><li class="select-popout__item"> 5950 <a 5951 class="select-popout__option" 5952 href="#" 5953 5954 data-value="FI" 5955 data-popout-option 5956 ><span>Finland (EURâ¬) 5957 </span> 5958 </a> 5959 </li><li class="select-popout__item"> 5960 <a 5961 class="select-popout__option" 5962 href="#" 5963 5964 data-value="FR" 5965 data-popout-option 5966 ><span>France (EURâ¬) 5967 </span> 5968 </a> 5969 </li><li class="select-popout__item"> 5970 <a 5971 class="select-popout__option" 5972 href="#" 5973 5974 data-value="DE" 5975 data-popout-option 5976 ><span>Germany (EURâ¬) 5977 </span> 5978 </a> 5979 </li><li class="select-popout__item"> 5980 <a 5981 class="select-popout__option" 5982 href="#" 5983 5984 data-value="GR" 5985 data-popout-option 5986 ><span>Greece (EURâ¬) 5987 </span> 5988 </a> 5989 </li><li class="select-popout__item"> 5990 <a 5991 class="select-popout__option" 5992 href="#" 5993 5994 data-value="HK" 5995 data-popout-option 5996 ><span>Hong Kong SAR (HKD$) 5997 </span> 5998 </a> 5999 </li><li class="select-popout__item"> 6000 <a 6001 class="select-popout__option" 6002 href="#" 6003 6004 data-value="HU" 6005 data-popout-option 6006 ><span>Hungary (HUFFt) 6007 </span> 6008 </a> 6009 </li><li class="select-popout__item"> 6010 <a 6011 class="select-popout__option" 6012 href="#" 6013 6014 data-value="IE" 6015 data-popout-option 6016 ><span>Ireland (EURâ¬) 6017 </span> 6018 </a> 6019 </li><li class="select-popout__item"> 6020 <a 6021 class="select-popout__option" 6022 href="#" 6023 6024 data-value="IL" 6025 data-popout-option 6026 ><span>Israel (ILSâª) 6027 </span> 6028 </a> 6029 </li><li class="select-popout__item"> 6030 <a 6031 class="select-popout__option" 6032 href="#" 6033 6034 data-value="IT" 6035 data-popout-option 6036 ><span>Italy (EURâ¬) 6037 </span> 6038 </a> 6039 </li><li class="select-popout__item"> 6040 <a 6041 class="select-popout__option" 6042 href="#" 6043 6044 data-value="JP" 6045 data-popout-option 6046 ><span>Japan (JPYÂ¥) 6047 </span> 6048 </a> 6049 </li><li class="select-popout__item"> 6050 <a 6051 class="select-popout__option" 6052 href="#" 6053 6054 data-value="LV" 6055 data-popout-option 6056 ><span>Latvia (EURâ¬) 6057 </span> 6058 </a> 6059 </li><li class="select-popout__item"> 6060 <a 6061 class="select-popout__option" 6062 href="#" 6063 6064 data-value="LT" 6065 data-popout-option 6066 ><span>Lithuania (EURâ¬) 6067 </span> 6068 </a> 6069 </li><li class="select-popout__item"> 6070 <a 6071 class="select-popout__option" 6072 href="#" 6073 6074 data-value="LU" 6075 data-popout-option 6076 ><span>Luxembourg (EURâ¬) 6077 </span> 6078 </a> 6079 </li><li class="select-popout__item"> 6080 <a 6081 class="select-popout__option" 6082 href="#" 6083 6084 data-value="MY" 6085 data-popout-option 6086 ><span>Malaysia (MYRRM) 6087 </span> 6088 </a> 6089 </li><li class="select-popout__item"> 6090 <a 6091 class="select-popout__option" 6092 href="#" 6093 6094 data-value="MT" 6095 data-popout-option 6096 ><span>Malta (EURâ¬) 6097 </span> 6098 </a> 6099 </li><li class="select-popout__item"> 6100 <a 6101 class="select-popout__option" 6102 href="#" 6103 6104 data-value="NL" 6105 data-popout-option 6106 ><span>Netherlands (EURâ¬) 6107 </span> 6108 </a> 6109 </li><li class="select-popout__item"> 6110 <a 6111 class="select-popout__option" 6112 href="#" 6113 6114 data-value="NZ" 6115 data-popout-option 6116 ><span>New Zealand (NZD$) 6117 </span> 6118 </a> 6119 </li><li class="select-popout__item"> 6120 <a 6121 class="select-popout__option" 6122 href="#" 6123 6124 data-value="NO" 6125 data-popout-option 6126 ><span>Norway (EURâ¬) 6127 </span> 6128 </a> 6129 </li><li class="select-popout__item"> 6130 <a 6131 class="select-popout__option" 6132 href="#" 6133 6134 data-value="PL" 6135 data-popout-option 6136 ><span>Poland (PLNzÅ) 6137 </span> 6138 </a> 6139 </li><li class="select-popout__item"> 6140 <a 6141 class="select-popout__option" 6142 href="#" 6143 6144 data-value="PT" 6145 data-popout-option 6146 ><span>Portugal (EURâ¬) 6147 </span> 6148 </a> 6149 </li><li class="select-popout__item"> 6150 <a 6151 class="select-popout__option" 6152 href="#" 6153 6154 data-value="RO" 6155 data-popout-option 6156 ><span>Romania (RONLei) 6157 </span> 6158 </a> 6159 </li><li class="select-popout__item"> 6160 <a 6161 class="select-popout__option" 6162 href="#" 6163 6164 data-value="SG" 6165 data-popout-option 6166 ><span>Singapore (SGD$) 6167 </span> 6168 </a> 6169 </li><li class="select-popout__item"> 6170 <a 6171 class="select-popout__option" 6172 href="#" 6173 6174 data-value="SK" 6175 data-popout-option 6176 ><span>Slovakia (EURâ¬) 6177 </span> 6178 </a> 6179 </li><li class="select-popout__item"> 6180 <a 6181 class="select-popout__option" 6182 href="#" 6183 6184 data-value="SI" 6185 data-popout-option 6186 ><span>Slovenia (EURâ¬) 6187 </span> 6188 </a> 6189 </li><li class="select-popout__item"> 6190 <a 6191
6191 class="select-popout__option" 6192 href="#" 6193 6194 data-value="KR" 6195 data-popout-option 6196 ><span>South Korea (KRWâ©) 6197 </span> 6198 </a> 6199 </li><li class="select-popout__item"> 6200 <a 6201 class="select-popout__option" 6202 href="#" 6203 6204 data-value="ES" 6205 data-popout-option 6206 ><span>Spain (EURâ¬) 6207 </span> 6208 </a> 6209 </li><li class="select-popout__item"> 6210 <a 6211 class="select-popout__option" 6212 href="#" 6213 6214 data-value="SE" 6215 data-popout-option 6216 ><span>Sweden (SEKkr) 6217 </span> 6218 </a> 6219 </li><li class="select-popout__item"> 6220 <a 6221 class="select-popout__option" 6222 href="#" 6223 6224 data-value="CH" 6225 data-popout-option 6226 ><span>Switzerland (CHFCHF) 6227 </span> 6228 </a> 6229 </li><li class="select-popout__item"> 6230 <a 6231 class="select-popout__option" 6232 href="#" 6233 6234 data-value="AE" 6235 data-popout-option 6236 ><span>United Arab Emirates (AEDد.Ø¥) 6237 </span> 6238 </a> 6239 </li><li class="select-popout__item select-popout__item--current"> 6240 <a 6241 class="select-popout__option" 6242 href="#" 6243 6244 aria-current="true" 6245 6246 data-value="GB" 6247 data-popout-option 6248 ><span>United Kingdom (EURâ¬) 6249 </span> 6250 </a> 6251 </li><li class="select-popout__item"> 6252 <a 6253 class="select-popout__option" 6254 href="#" 6255 6256 data-value="US" 6257 data-popout-option 6258 ><span>United States (USD$) 6259 </span> 6260 </a> 6261 </li></ul> 6262 </div> 6263 6264 <input 6265 type="hidden" 6266 name="country_code" 6267 id="CountrySelector-sections--25607988052235__footer" 6268 value="GB" 6269 data-popout-input 6270 > 6271 </popout-select> 6272 </div></form> 6273<div class="footer-copyright"> 6274 <div class="footer-copyright__content"> 6275 <span class="footer-copyright__copy">© 2026, <a href="/" title="">Skin Formulas</a>.</span> 6276 6277 <span class="footer-copyright__credit">Website by <a href="https://bysoap.co/" target="_blank" rel="noopener" class="footer-copyright__credit-link">soap.</a></span> 6278 </div></div><style data-shopify>.footer-copyright__credit { 6279 margin-left: 0.5rem; 6280 color: #fff; 6281 opacity: 0.8; 6282 } 6283 .footer-copyright__credit-link { 6284 color: #fff; 6285 text-decoration: underline; 6286 text-underline-offset: 2px; 6287 } 6288 .footer-copyright__credit-link:hover { 6289 opacity: 1; 6290 }</style></div></div> 6291</footer> 6292 6293</div> 6294<!-- END sections: group-footer --> 6295<!-- Root element of PhotoSwipe. Must have class pswp. --> 6296<div class="pswp pswp--custom-loader" tabindex="-1" role="dialog" aria-hidden="true" data-index="0"> 6297 <!-- Background of PhotoSwipe. 6298 It's a separate element as animating opacity is faster than rgba(). --> 6299 <div class="pswp__bg"></div> 6300 6301 <!-- Slides wrapper with overflow:hidden. --> 6302 <div class="pswp__scroll-wrap"> 6303 <!-- Container that holds slides. 6304 PhotoSwipe keeps only 3 of them in the DOM to save memory. 6305 Don't modify these 3 pswp__item elements, data is added later on. --> 6306 <div class="pswp__container"> 6307 <div class="pswp__item"></div> 6308 <div class="pswp__item"></div> 6309 <div class="pswp__item"></div> 6310 </div> 6311 6312 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 6313 <div class="pswp__ui pswp__ui--hidden"> 6314 6315 <div class="pswp__top-bar"> 6316 6317 <!-- Controls are self-explanatory. Order can be changed. --> 6318 6319 <div class="pswp__counter"></div> 6320 6321 <button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"> 6322 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 6323 </button> 6324 6325 <button class="pswp__button pswp__button--share" title="Share"></button> 6326 6327 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 6328 6329 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 6330 6331 <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> 6332 <!-- element will get class pswp__preloader--active when preloader is running --> 6333 <div class="pswp__preloader"> 6334 <div class="pswp__preloader__icn"> 6335 <div class="pswp__preloader__cut"> 6336 <div class="pswp__preloader__donut"></div> 6337 </div> 6338 </div> 6339 </div> 6340 </div> 6341 6342 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 6343 <div class="pswp__share-tooltip"></div> 6344 </div> 6345 6346 <button class="pswp__button pswp__button--arrow--left" type="button" title="Previous"></button> 6347 6348 <button class="pswp__button pswp__button--arrow--right" type="button" title="Next"></button> 6349 6350 <div class="pswp__thumbs"></div> 6351 6352 <div class="pswp__caption"> 6353 <div class="pswp__caption__center"></div> 6354 <a href="#" class="pswp__caption-close">
6355 <span class="visually-hidden">Close</span> 6356 </a> 6357 </div> 6358 6359 </div> 6360 6361 </div> 6362 6363</div><!-- Root element of PhotoSwipe. Must have class pswp. --> 6364<div class="pswp pswp--custom-loader" tabindex="-1" role="dialog" aria-hidden="true" data-index="1"> 6365 <!-- Background of PhotoSwipe. 6366 It's a separate element as animating opacity is faster than rgba(). --> 6367 <div class="pswp__bg"></div> 6368 6369 <!-- Slides wrapper with overflow:hidden. --> 6370 <div class="pswp__scroll-wrap"> 6371 <!-- Container that holds slides. 6372 PhotoSwipe keeps only 3 of them in the DOM to save memory. 6373 Don't modify these 3 pswp__item elements, data is added later on. --> 6374 <div class="pswp__container"> 6375 <div class="pswp__item"></div> 6376 <div class="pswp__item"></div> 6377 <div class="pswp__item"></div> 6378 </div> 6379 6380 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 6381 <div class="pswp__ui pswp__ui--hidden"> 6382 6383 <div class="pswp__top-bar"> 6384 6385 <!-- Controls are self-explanatory. Order can be changed. --> 6386 6387 <div class="pswp__counter"></div> 6388 6389 <button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"> 6390 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192"><path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 6391 </button> 6392 6393 <button class="pswp__button pswp__button--share" title="Share"></button> 6394 6395 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 6396 6397 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 6398 6399 <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> 6400 <!-- element will get class pswp__preloader--active when preloader is running --> 6401 <div class="pswp__preloader"> 6402 <div class="pswp__preloader__icn"> 6403 <div class="pswp__preloader__cut"> 6404 <div class="pswp__preloader__donut"></div> 6405 </div> 6406 </div> 6407 </div> 6408 </div> 6409 6410 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 6411 <div class="pswp__share-tooltip"></div> 6412 </div> 6413 6414 <button class="pswp__button pswp__button--arrow--left" type="button" title="Previous"></button> 6415 6416 <button class="pswp__button pswp__button--arrow--right" type="button" title="Next"></button> 6417 6418 <div class="pswp__thumbs"></div> 6419 6420 <div class="pswp__caption"> 6421 <div class="pswp__caption__center"></div> 6422 <a href="#" class="pswp__caption-close"> 6423 <span class="visually-hidden">Close</span> 6424 </a> 6425 </div> 6426 6427 </div> 6428 6429 </div> 6430 6431</div><!-- Paste marketing code or third party scripts below this comment line ============== --> 6432 6433 <style> 6434 .cart__item__points { order: -1; flex: 0 0 100%; padding: 0; margin-bottom: 8px; font-size: 12px; line-height: 1.3; color: #6b5b4d; } 6435 .cart__item__points b, .cart__earn b { font-weight: 500; color: #2a2018; } 6436 .cart__item__points:has(b:empty), .cart__earn:has(b:empty) { visibility: hidden; } 6437 .cart__earn { font-size: 12px; line-height: 1.4; color: #6b5b4d; margin: 6px 0 12px; } 6438 .cart__earn span { font-size: 11px; color: #2a2018; margin-right: 2px; } 6439 @media (max-width: 480px) { .cart__item__points { font-size: 12px; } } 6440 </style> 6441
6441<script> 6442 (function () { 6443 var t = null; 6444 function refresh() { 6445 clearTimeout(t); 6446 t = setTimeout(function () { 6447 try { 6448 if (window.loyaltylion && window.loyaltylion.ui && window.loyaltylion.ui.refresh) { 6449 window.loyaltylion.ui.refresh(); 6450 } 6451 } catch (e) {} 6452 }, 60); 6453 } 6454 ['theme:cart:loaded', 'theme:cart:refresh', 'theme:cart:update'].forEach(function (ev) { 6455 document.addEventListener(ev, refresh); 6456 }); 6457 window.addEventListener('load', refresh); 6458 new MutationObserver(function (muts) { 6459 for (var i = 0; i < muts.length; i++) { 6460 var n = muts[i].addedNodes; 6461 for (var j = 0; j < n.length; j++) { 6462 var el = n[j]; 6463 if (el.nodeType === 1 && (el.matches('[data-lion-points-for]') || el.querySelector('[data-lion-points-for]'))) { refresh(); return; } 6464 } 6465 } 6466 }).observe(document.body, { childList: true, subtree: true }); 6467 })(); 6468 </script>
6468 6469 6470 <!-- And above this comment line ================================================== --> 6471 <style> html,body {max-width: 100%; overflow-x: clip;} </style> 6472<div id="shopify-block-Ac1JITWJuYXlzenJnS__1645783598471578326" class="shopify-block shopify-app-block">�
6472<script src="https://cdn.shopify.com/extensions/019fb7e2-2026-7e06-8c06-f2783d04c6c1/storekicker-52/assets/swipecart.js" defer="defer"></script>
6472 6473</div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block"> 6474 6475 6476
6476<script> 6477 window.lbupsellVersion = 2; 6478 </script>
6478 6479 6480 6481
6482<script> 6483 6484 6485 window.lbupsellToken = "06ab7af24246bdf18b23d80b97e4ac27" 6486 6487 6488</script>
6488 6489
6490<script> 6491 6492 window.lbInitMode = "immediate"; 6493 6494 window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell-components.esm.js";</script>
6494 6495
6496<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-utils.js" defer="defer"></script>
6496 6497 6498</div><div id="shopify-block-Ac1NyV1AwN0xoVFpoN__5784066569132941777" class="shopify-block shopify-app-block"><!-- begin --> 6499 6500 6501 6502 6503 6504 <!-- begin check show --> 6505 6506 6507 <!-- end widget --> 6508 <link rel="preconnect" href="https://sl.storeify.app" crossorigin> 6509 <link rel="dns-prefetch" href="https://sl.storeify.app"> 6510 <link rel="preconnect" href="https://maps.googleapis.com" crossorigin> 6511 <link rel="dns-prefetch" href="https://maps.googleapis.com"> 6512 <link rel="preload" href="https://cdn.shopify.com/extensions/01a0f569-b23a-7347-8a0c-b76ae1e4349b/storeify-store-locator-429/assets/storeifyapp-storelocator-styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 6513 <noscript><link href="https://cdn.shopify.com/extensions/01a0f569-b23a-7347-8a0c-b76ae1e4349b/storeify-store-locator-429/assets/storeifyapp-storelocator-styles.css" rel="stylesheet" type="text/css" media="all" /></noscript> 6514 6515 <link rel="preload" href="https://cdn.shopify.com/extensions/01a0f569-b23a-7347-8a0c-b76ae1e4349b/storeify-store-locator-429/assets/fontawesome-6.7.2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 6516 <noscript><link href="https://cdn.shopify.com/extensions/01a0f569-b23a-7347-8a0c-b76ae1e4349b/storeify-store-locator-429/assets/fontawesome-6.7.2.min.css" rel="stylesheet" type="text/css" media="all" /></noscript> 6517 6518
6518<script type="text/javascript" defer="defer"> 6519 6520 var storeifyStorelocator = storeifyStorelocator || {}; 6521 storeifyStorelocator.root_url = '/'; 6522 storeifyStorelocator.permanent_domain = '909ba2-2.myshopify.com'; 6523 storeifyStorelocator.shopify_domain = 'skinformulas.ie'; 6524 storeifyStorelocator.geoson_url = "https://sl.storeify.app/js/stores/909ba2-2.myshopify.com/storeifyapps-storelocator-geojson.js?v=1788865112"; 6525 storeifyStorelocator.center_lat = '0'; 6526 storeifyStorelocator.center_lng = '0'; 6527 storeifyStorelocator.shopify_template = "page.our-flaghship-store"; 6528 storeifyStorelocator.location_list = []; 6529 storeifyStorelocator.setApi_region = "GB"; 6530 6531 6532 storeifyStorelocator.ify_layout = 1; 6533 6534 storeifyStorelocator.lang = {"store_locator":"Store Locator","location":"Location","type_to_search":"Type to search our stores","product_name":"Product name","use_my_location":"Use my location","radius_1":"Radius","kilometers":"kilometers","miles":"miles","reset":"Reset","search":"Search","store_list":"Store list","result":"result","no_store":"There is no store","not_found":"is not found","directions":"Directions","your_location":"Your Location","description":"Description","information_of_store":"Information of store","mon":"Monday","tue":"Tuesday","wed":"Wednesday","thu":"Thursday","fri":"Friday","sat":"Saturday","sun":"Sunday","closed":"Closed","opening_hours":"Opening hours","contact_us":"Contact Us","full_name":"Full Name","email":"Email","telephone":"Telephone","phone_number":"Phone Number","phone_no":"Phone No","comment":"Comment","address":"Address","website":"Website","street_view":"Street View","store_operation":"Store Operation Hours","about":"About","required":"Required Fields","submit":"Submit","name_required":"Name field is required","token_required":"Token field is required","email_required":"Email field is required","email_format":"Email must be a valid email address","recipient_required":"Recipient field is required","recipient_email":"Recipient must be a valid email address","comment_required":"Comment field is required","recaptcha_required":"Recaptcha field is required","email_failed":"Message sending failed.","email_success":"Your message has been sent successfully!","please_enter":"Please enter a location.","no_result":"No results found","geocoder_failed":"Geocoder failed due to:","address_null":"is not found","store_near":"There is no store near with","link_detail":"View Details","radius_2":"Radius:","filter_tags":"Filter Tags","back":"Back to Store List","store_information":"Store information","results":"results","list":"List","map":"Map","store_name":"Store name","no_store_product":"There is no store contain product name is:","no_store_name":"There is no store contain Store name is:","pm":"PM","am":"AM","filter_country":"Filter by Country","all":"All","contact_store":"Contact store","store_products":"Store Products","load_map_text":"Enter your city or postal\/zip code to find locations near you.","filter":"Filter","search_product":"Search by product name","search_store":"Search by store name","open_new_tab":"This link opens in a new tab.","the_next_day":"(the next day)","filter_by_region":"Filter by region","filter_by_city":"Filter by city","select_country":"Select country","select_region":"Select region","select_city":"Select city","unnamed_region":"Unnamed region","unnamed_city":"Unnamed city","ify_select_provider":"Select location"}; 6535 6536 6537 6538 storeifyStorelocator.show_contact_us = 1; 6539 6540
6541 storeifyStorelocator.recaptcha_enabled = ""; 6542 6543 var geoson_url = storeifyStorelocator.geoson_url; 6544 var default_marker = "https://cdn.shopify.com/extensions/01a0f569-b23a-7347-8a0c-b76ae1e4349b/storeify-store-locator-429/assets/default-mark-icon.png"; 6545 var storeify_jquery_url = "https:\/\/cdn.shopify.com\/extensions\/01a0f569-b23a-7347-8a0c-b76ae1e4349b\/storeify-store-locator-429\/assets\/jquery-3.7.1.min.js"; 6546 var ify_gmaps_language = "en"; 6547 6548 </script>
6548 6549
6549<script src="https://sl.storeify.app/js/stores/909ba2-2.myshopify.com/storeifyapps-storelocator-params.js?v=1788865112" defer></script>
6549 6550 6551 6552
6552<script src="https://cdn.shopify.com/extensions/01a0f569-b23a-7347-8a0c-b76ae1e4349b/storeify-store-locator-429/assets/storeifyapps-storelocator.js" defer="defer"></script>
6552 6553 6554 6555 6556 6557 6558 6559 <!-- end check show --> 6560<!-- end --> 6561</div><div id="shopify-block-AN3hsdzZvTTlIb2FWQ__8218531531362863771" class="shopify-block shopify-app-block"> 6562 6563 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583
6583<script> 6584 let shopifyLiquidValuesApp7Ext = { 6585 product: { 6586 handle: null, 6587 productId: null, 6588 collections: [ 6589 6590 ], 6591 tags: null, 6592 type: null 6593 }, 6594 selected_or_first_available_variant: null, 6595 customer: { 6596 first_name: null, 6597 email: null, 6598 id: null, 6599 total_spent: null, 6600 customerTags: null 6601 }, 6602 cartData : {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, 6603 markets: { 6604 handle: "gb", 6605 id: 50594087179, 6606 } 6607 }; 6608 6609 window.shopifyLiquidValuesApp7Ext = shopifyLiquidValuesApp7Ext; 6610 </script>
6610 6611 6612 6613 6614
6614<script id="kite-app-data" type="application/json">{"userData":{"shopName":"909ba2-2.myshopify.com","storefrontAccessToken":"066d70db606a8d0a5f3117fd084062f5","countryCode":"IE","countryName":"Ireland","currency":"EUR","currencyInfo":{"code":"EUR","symbol":"â¬","thousandsSeparator":" ","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"customSettings":{"initialModalPopupCnt":0,"disableCartSettings":false,"addToCartBtnSelectors":null,"checkoutBtnSelectors":null,"customStyle":null,"addAfterAddTocartBtn":false,"addAftercheckoutBtn":false,"disableApp":false,"redirectToCartAfterBogoAddition":null,"redirectToCheckoutAfterBogoAddition":true,"languageMode":"SINGLE","isRegionalLocaleUrlRequiredForHref":true,"fireNewSideCartRefreshCodeFirst":true,"considerRequestListenerData":true,"fetchDataForFirstRenderInFreeGiftOnCartPage":true,"useListenForXmlHttpApiCallsV2":true,"block_script_in_home_page":false,"minify_storefront_assets":true,"runShadowRootDetection":true},"createdAt":"2026-07-20T11:05:59.735Z","isSubscription":{"name":"Monthly-Shopify-Jul25-ADVANCED"},"isAppLevelMetafieldCreated":true,"isUseAppLevelMetafieldDisabled":false,"freeGiftCheckoutDebugTracingEnabled":false,"multipleCurrenciesInfo":{"AED":{"code":"AED","symbol":"د.Ø¥.â","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"AUD":{"code":"AUD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"CAD":{"code":"CAD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"CHF":{"code":"CHF","symbol":"CHF","thousandsSeparator":"'","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"CZK":{"code":"CZK","symbol":"KÄ","thousandsSeparator":" ","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"DKK":{"code":"DKK","symbol":"kr.","thousandsSeparator":"","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"EUR":{"code":"EUR","symbol":"â¬","thousandsSeparator":" ","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"HKD":{"code":"HKD","symbol":"HK$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"HUF":{"code":"HUF","symbol":"Ft","thousandsSeparator":" ","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"ILS":{"code":"ILS","symbol":"âª","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"JPY":{"code":"JPY","symbol":"Â¥","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":0},"KRW":{"code":"KRW","symbol":"â©","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":0},"MYR":{"code":"MYR","symbol":"RM","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"NZD":{"code":"NZD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"PLN":{"code":"PLN","symbol":"zÅ","thousandsSeparator":" ","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"RON":{"code":"RON","symbol":"L","thousandsSeparator":".","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"SEK":{"code":"SEK","symbol":"kr","thousandsSeparator":".","decimalSeparator":",","symbolOnLeft":false,"spaceBetweenAmountAndSymbol":true,"decimalDigits":2},"SGD":{"code":"SGD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2}
6614,"USD":{"code":"USD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2}}},"languageData":null,"promotionCampaigns":[],"freeGiftV2Campaigns":[{"discountFunctionType":"FREE_GIFT_V2","_id":"6aad16721e7c059a085626ca","shopName":"909ba2-2.myshopify.com","isEnabled":true,"title":"New Customer Gift","mode":"AUTOMATIC","advancedSettings":{"onlyUseWidget":false,"isAutoAdd":true,"isAutoAddFreeGiftOnceOnly":false,"isMultipleFreeGiftAllowed":false,"freeGiftEligibility":"ALL_PRODUCTS","multiplyFreeGiftWithTrigger":true,"maxQuantityForMultiplyFreeGiftWithTrigger":1,"multipleRules":false,"showStrikethroughPrice":true},"combinesWithOrderDiscounts":false,"combinesWithProductDiscounts":true,"combinesWithShippingDiscounts":false,"tags":[],"defaultKiteTag":"","productDiscountsWithTagsOnSameCartLine":[],"appliesOncePerCustomer":false,"usageLimit":null,"campaignScheduleData":{"campaignSchedule":"CONTINUOUS","startDate":"2026-08-05","endDate":"2026-08-12","startTime":"00:00","endTime":"00:00","startDateTime":"2026-08-04T23:00:00Z","endDateTime":"2026-08-11T23:00:00Z","startDateTime_UTC":"2026-08-04T23:00:00Z","endDateTime_UTC":"2026-08-11T23:00:00Z","timeZone":""},"widgetSettings":{"isEnabled":false,"isExpandedByDefault":false,"isTitleBarEnabled":false,"isPillEnabled":false,"isDropdownPositionStatic":true,"widgetPadding":"12","productImageSize":"64","widgetBorderRadius":"8","fontConfig":{"titleFontSize":"16","titleFontStyle":"bold","subtitleFontSize":"14","subtitleFontStyle":"regular","claimBtnTextFontSize":"15","claimBtnTextFontStyle":"bold","titleBarFontStyle":"bold","titleBarFontSize":"16","pillFontStyle":"bold","pillFontSize":"10","bodyTitleFontStyle":"medium","bodyTitleFontSize":"14","dropDownTitleFontSize":"","dropDownFontStyle":"","tagFontSize":"10","tagFontStyle":"bold","strikeThroughFontSize":"14","strikeThroughFontStyle":"regular"},"colorConfig":{"claimBtnBgColor":"#151515","claimBtnTextColor":"#FFFFFF","borderColor":"#E5E5E5","titleColor":"#000000","subtitleColor":"#000000","boxBgColor":"#FFFFFF","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","dropdownTitleColor":"#2B2B2B","dropdownIconColor":"#2B2B2B","highlightColor":"#199800","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceTextColor":"#868686","productTitleColor":"","emptyLockProgressColor":"#A9C9A3"},"buttonStyle":"solid","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"},"displaySettings":{"cartPage":false,"productPages":false,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[],"sideCart":false},"configuration":{"isMultiLanguageEnabled":false,"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"tierConfig":[{"conditionNotMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Add {{PRODUCT_QUANTITY}} more items to unlock","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"},"conditionMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}],"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}}},"widgets":[],"customerEligibilityRules":{"rulesOperator":"OR","rulesList":[]},"segmentsData":{"rulesOperator":"AND","discountApplicationStrategy":"MAXIMUM","segmentsList":[{"segmentId":"free_gift_tier_0","discountType":"PERCENTAGE","discountValue":100,"sortByOrder":"ascending","sortBasedOn":"productPrice","message":"","appliesToEachItem":false,"totalLimit":1,"limitPerProduct":1,"limitPerCart":0,"discountableSetLimit":1,"buyXRulesData":{"rulesOperator":"AND","itemCount":1,"rulesList":[{"ruleId":"Tk0rWG1t","ruleValue":{"qualifierOperatorType":"greaterThanOrEqualTo","qualifierType":"overallQty","qualifierValue":1},"ruleType":"cartQuantity","type":"CART"}]},"getYRulesData":{"rulesOperator":"OR","itemCount":1,"rulesList":[{"ruleId":"alZFiljQ","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":1,"valueQtyMap":{"8386515468555":1},"value":[{"productId":"8386515468555","graphqlId":"gid://shopify/Product/8386515468555","title":"Hydra Sheet Mask","handle":"hydra-sheet-mask-
6614hyaluronic-acid","image":"https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Untitleddesign-2026-06-24T114737.550.png?v=1782311673","images":["https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Untitleddesign-2026-06-24T114737.550.png?v=1782311673","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Hydra_sheet_mask_0bfc9db6-8d62-4681-8dc5-dad75abaeba6.jpg?v=1781879148","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Hydra_Sheet_Mask_2_6074af7b-8581-4e2e-8597-1005e1fe49f5.jpg?v=1782204083","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/HydraSheetMask_2.jpg?v=1781872605","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/HydraSheetMask.jpg?v=1781872604"],"hasOnlyDefaultVariant":true,"variants":[{"variantId":"44752671408395","variantGraphqlId":"gid://shopify/ProductVariant/44752671408395","variantTitle":"Default Title","price":"9.50","availableForSale":true,"inventoryTracked":false,"inventoryQuantity":7452,"inventoryPolicy":"DENY","id":"gid://shopify/ProductVariant/44752671408395"}],"totalVariants":1,"quantity":1,"id":"gid://shopify/Product/8386515468555"}]}}]}}]},"discountTriggeredRulesData":{"rulesGlobalOperator":"AND","rulesGlobalList":[{"rulesOperator":"AND","discountApplicationStrategy":"ALL","rulesList":[]}]},"isTestMode":false,"isCampaignUrlEnabled":true,"urlBasedCampaign":{"id":"kite_campaign","value":"B99LRE1G","url":"https://skinformulas.ie","campaignUrl":"https://skinformulas.ie?kite_campaign=B99LRE1G"},"metricsArray":["cartQuantity","productVariants"],"createdAt":"2026-09-18T10:46:10.772Z","updatedAt":"2026-09-18T10:56:42.095Z","__v":0,"discountData_shopifyResponse":{"discountId":"gid://shopify/DiscountAutomaticNode/1827020636427","title":"New Customer Gift","startsAt":"2021-02-02T17:09:21Z","endsAt":null,"status":"ACTIVE","discountClasses":["PRODUCT"],"appDiscountType":{"appKey":"e51a4e2686c9072bb405bf25837fe8f7","functionId":"0199b88c-b759-7d42-9d09-a4e7e5ffbfd1"},"combinesWith":{"orderDiscounts":false,"productDiscounts":true,"shippingDiscounts":false,"productDiscountsWithTagsOnSameCartLine":null}},"discountId":"gid://shopify/DiscountAutomaticNode/1827020636427","testOfferDetails":{}},{"discountFunctionType":"FREE_GIFT_V2","_id":"6abb6cdb5acb4b82ad383661","shopName":"909ba2-2.myshopify.com","discountId":"gid://shopify/DiscountAutomaticNode/1829874106635","isEnabled":true,"title":"Social Offer","mode":"AUTOMATIC","advancedSettings":{"onlyUseWidget":false,"isAutoAdd":true,"isAutoAddFreeGiftOnceOnly":false,"isMultipleFreeGiftAllowed":false,"freeGiftEligibility":"ALL_PRODUCTS","multiplyFreeGiftWithTrigger":false,"maxQuantityForMultiplyFreeGiftWithTrigger":10,"multipleRules":false,"showStrikethroughPrice":true},"combinesWithOrderDiscounts":false,"combinesWithProductDiscounts":true,"combinesWithShippingDiscounts":true,"tags":[],"defaultKiteTag":"","productDiscountsWithTagsOnSameCartLine":[],"appliesOncePerCustomer":false,"usageLimit":null,"campaignScheduleData":{"campaignSchedule":"CONTINUOUS","startDate":"2026-09-29","endDate":"2026-10-06","startTime":"00:00","endTime":"00:00","startDateTime":"2026-09-28T23:00:00Z","endDateTime":"2026-10-05T23:00:00Z","startDateTime_UTC":"2026-09-28T23:00:00Z","endDateTime_UTC":"2026-10-05T23:00:00Z","timeZone":""},"widgetSettings":{"isEnabled":true,"isExpandedByDefault":false,"isTitleBarEnabled":false,"isPillEnabled":false,"isDropdownPositionStatic":true,"widgetPadding":"12","productImageSize":"64","widgetBorderRadius":"12","fontConfig":{"titleFontSize":"16","titleFontStyle":"bold","subtitleFontSize":"14","subtitleFontStyle":"regular","claimBtnTextFontSize":"15","claimBtnTextFontStyle":"bold","titleBarFontStyle":"bold","titleBarFontSize":"16","pillFontStyle":"bold","pillFontSize":"10","bodyTitleFontStyle":"regular","bodyTitleFontSize":"14","dropDownTitleFontSize":"14","dropDownFontStyle":"bold","tagFontSize":"10","tagFontStyle":"bold","strikeThroughFontSize":"14","strikeThroughFontStyle":"regular"},"colorConfig":{"claimBtnBgColor":"#151515","claimBtnTextColor":"#FFFFFF","borderColor":"#E5E5E5","titleColor":"#000000","subtitleColor":"#000000","boxBgColor":"#FFFFFF","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","dropdownTitleColor":"#2B2B2B","dropdownIconColor":"#2B2B2B","highlightColor":"#199800","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceTextColor":"#868686","productTitleColor":"","emptyLockProgressColor":"#A9C9A3"},"buttonStyle":"solid","buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"},"displaySettings":{"cartPage":false,"productPages":true,"specificProductPages":false,"specificProducts":[],"specificCollectionPages":false,"specificCollections":[],"sideCart":false},"configuration":{"isMultiLanguageEnabled":false,"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Unlock FREE gifts","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"tierConfig":[{"conditionNotMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Buy {{PRODUCT_LINK}} to unlock","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"},"conditionMet":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}],"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}}},"widgets":[{"id":"wid_6abb6cdb5acb4b82ad383661_GieUfDsU_nativeFreeGift_PRODUCT_PAGE","type":"nativeFreeGift","scope":"native","enabled":true,"placement":"PRODUCT_PAGE","targeting":{"allProductPages":false,"specificProductPages":true,"specificProducts":[{"productId":"11012666523915","graphqlId":"gid://shopify/Product/11012666523915","title":"The Mini Essentials Kit","handle":"the-mini-essentials-kit","images":["https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Untitleddesign-2026-08-05T074831.641.png?v=1785920974","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Untitleddesign-2026-08-05T074715.546.png?v=1785920974","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/A27AAD92-130F-4315-85D7-215806910804_1.png?v=1785921025","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/A91F7ACB-CD97-4A7A-8EEB-F7EAAC78BB9F_1.png?v=1785921025","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/2_1.png?v=1785937429"],"hasOnlyDefaultVariant":true,"variants":[{"variantId":"53276326461
6614707","variantGraphqlId":"gid://shopify/ProductVariant/53276326461707","variantTitle":"Default Title","price":"60.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":2081,"inventoryPolicy":"CONTINUE"}],"totalVariants":1,"price":"60.00"}],"specificCollectionPages":false,"specificCollections":[]},"style":{"colors":{"button":"#151515","buttonText":"#FFFFFF","border":"#E5E5E5","text":"#000000","background":"#FFFFFF","titleBarText":"#2B2B2B","success":"#199800"},"typography":{"heading":{"size":"16px","weight":"bold"},"body":{"size":"14px","weight":"regular"},"button":{"size":"15px","weight":"bold"}},"spacing":{"padding":"12px","radius":"12px"},"typeSpecific":{"subtitleColor":"#000000","titleBarTextColor":"#ffffff","titleBarBgColor":"#1A1A1A","pillTextColor":"#ffffff","pillBgColor":"#1A1A1A","titleBarIconColor":"#2B2B2B","lockProgressColor":"#199800","claimButtonBorderColor":"transparent","tagBgColor":"#F03639","strikeThroughPriceColor":"#868686","emptyLockProgressColor":"#A9C9A3","strikeThroughPrice":{"size":"14px","weight":"regular"},"bodyTitle":{"size":"14px","weight":"regular"},"tag":{"size":"10px","weight":"bold"},"titleBar":{"size":"16px","weight":"bold"},"pill":{"size":"10px","weight":"bold"},"productImageSize":"64px","dropdownTitle":{"size":"14px","weight":"bold"},"buttonConfig":{"claimButtonKind":"primary","addButtonKind":"primary"}}},"content":{"en":{"globalConfig":{"conditionFulFilled":{"title":"Gift Added To Your Cart","subtitle":"","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionNotMet":{"title":"Geraldine's Free Gifts!","subtitle":"Expand to view the gifts!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""},"conditionInProgress":{"title":"You have unlocked FREE gifts","subtitle":"Expand to claim the benefits!","icon":"https://d1cjetlwgplgi5.cloudfront.net/public/Gift_prompt_blk.webp","textColor":"","backgroundColor":""}},"additionalFields":{"claimText":"ADD","claimedText":"Claimed","addingText":"Adding","unClaimText":"Unclaim","removingText":"Removing","alreadyClaimedText":"Note: Only one gift can be claimed at a time!","claimedCartTitle":"Congratulations! Free Gift Won!","claimedCartSubtitle":"Gift Added to Bag","conditionMetCartSubtitle":"Free Gift ready to claim","conditionMetButCannotClaimSubtitle":"Only 1 gift can be claimed at a time","outOfStockSubtitle":"Out of Stock","pillText":"FREE GIFT","pillIcon":"https://d1cjetlwgplgi5.cloudfront.net/public/gift_icon_0_white.svg","titleBarText":"Available Free gifts","productTitle":"","specialTag":"Free Gift","strikeThroughPriceText":"FREE","chooseOptionText":"Choose an option"}}},"settings":{"placementMode":"automatic","isExpandedByDefault":true,"isPillEnabled":false,"isTitleBarEnabled":false,"isDropdownPositionStatic":true,"showStrikethroughPrice":true,"buttonStyle":"solid"},"tierSettings":[{"ruleId":"nZXhktxa","content":{"en":{"title":"{{FREE_GIFT_PRODUCT}}","subtitle":"Buy {{PRODUCT_LINK}} to unlock","subtitleOfferUnlocked":"Free gift unlocked","icon":"https://d1cjetlwgplgi5.cloudfront.net/icons/free_gift_gift_icon.png"}}}],"meta":{"source":"fresh","migratedAt":"2026-09-29T07:46:35.152Z","schemaVersion":1}}],"customerEligibilityRules":{"rulesOperator":"OR","rulesList":[]},"segmentsData":{"rulesOperator":"AND","discountApplicationStrategy":"MAXIMUM","segmentsList":[{"segmentId":"nZXhktxa","discountType":"PERCENTAGE","discountValue":100,"sortByOrder":"ascending","sortBasedOn":"productPrice","message":"","appliesToEachItem":false,"totalLimit":2,"limitPerProduct":1,"limitPerCart":0,"discountableSetLimit":1,"buyXRulesData":{"rulesOperator":"AND","itemCount":1,"rulesList":[{"ruleId":"2DLhn40p","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":1,"value":[{"productId":"11012666523915","id":"gid://shopify/Product/11012666523915","name":"The Mini Essentials Kit","handle":"the-mini-essentials-kit","variants":[{"variantId":"53276326461707","id":"gid://shopify/ProductVariant/53276326461
6614707","name":"Default Title","handle":"the-mini-essentials-kit"}]}]},"ruleType":"products","type":"PRODUCT"}]},"getYRulesData":{"rulesOperator":"OR","itemCount":1,"rulesList":[{"ruleId":"kwHUbxaS","ruleType":"productVariants","type":"PRODUCT","ruleValue":{"operatorType":"include","qualifierType":"overallQty","qualifierOperatorType":"greaterThanOrEqualTo","qualifierValue":1,"valueQtyMap":{"11041909309707":1,"8386515468555":1},"value":[{"productId":"11041909309707","graphqlId":"gid://shopify/Product/11041909309707","title":"Deluxe Sample Pack","handle":"deluxe-sample-pack","image":"https://cdn.shopify.com/s/files/1/0705/3403/7771/files/ChatGPTImageSep15_2026_01_39_48PM.png?v=1789476005","images":["https://cdn.shopify.com/s/files/1/0705/3403/7771/files/ChatGPTImageSep15_2026_01_39_48PM.png?v=1789476005"],"hasOnlyDefaultVariant":true,"variants":[{"variantId":"53367513940235","variantGraphqlId":"gid://shopify/ProductVariant/53367513940235","variantTitle":"Default Title","price":"7.00","availableForSale":true,"inventoryTracked":true,"inventoryQuantity":1458,"inventoryPolicy":"DENY","id":"gid://shopify/ProductVariant/53367513940235"}],"totalVariants":1,"quantity":1,"id":"gid://shopify/Product/11041909309707"},{"productId":"8386515468555","graphqlId":"gid://shopify/Product/8386515468555","title":"Hydra Sheet Mask","handle":"hydra-sheet-mask-hyaluronic-acid","image":"https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Untitleddesign-2026-06-24T114737.550.png?v=1782311673","images":["https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Untitleddesign-2026-06-24T114737.550.png?v=1782311673","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Hydra_sheet_mask_0bfc9db6-8d62-4681-8dc5-dad75abaeba6.jpg?v=1781879148","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/Hydra_Sheet_Mask_2_6074af7b-8581-4e2e-8597-1005e1fe49f5.jpg?v=1782204083","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/HydraSheetMask_2.jpg?v=1781872605","https://cdn.shopify.com/s/files/1/0705/3403/7771/files/HydraSheetMask.jpg?v=1781872604"],"hasOnlyDefaultVariant":true,"variants":[{"variantId":"44752671408395","variantGraphqlId":"gid://shopify/ProductVariant/44752671408395","variantTitle":"Default Title","price":"9.50","availableForSale":true,"inventoryTracked":false,"inventoryQuantity":7342,"inventoryPolicy":"DENY","id":"gid://shopify/ProductVariant/44752671408395"}],"totalVariants":1,"quantity":1,"id":"gid://shopify/Product/8386515468555"}]}}]}}]},"discountTriggeredRulesData":{"rulesGlobalOperator":"AND","rulesGlobalList":[{"rulesOperator":"AND","discountApplicationStrategy":"ALL","rulesList":[]}]},"isTestMode":false,"isCampaignUrlEnabled":true,"urlBasedCampaign":{"id":"kite_campaign","value":"AX4CV2U3","url":"https://skinformulas.ie","campaignUrl":"https://skinformulas.ie?kite_campaign=AX4CV2U3"},"metricsArray":["products","productVariants"],"discountData_shopifyResponse":{"title":"Social Offer","startsAt":"2021-02-02T17:09:21Z","endsAt":null,"discountClasses":["PRODUCT"],"appDiscountType":{"appKey":"e51a4e2686c9072bb405bf25837fe8f7","functionId":"0199b88c-b759-7d42-9d09-a4e7e5ffbfd1"},"combinesWith":{"orderDiscounts":false,"productDiscounts":true,"shippingDiscounts":true,"productDiscountsWithTagsOnSameCartLine":null}},"createdAt":"2026-09-29T07:46:35.140Z","updatedAt":"2026-09-29T07:59:08.861Z","__v":0,"widgetsMigratedAt":"2026-09-29T07:46:35.152Z","metafieldId":"gid://shopify/Metafield/66677209530635","testOfferDetails":{}}],"discounts":[],"boGo":[],"shippingDiscount":[],"shippingDiscountV2":[],"customDiscount":[],"unifiedWidget":[],"consolidatedCustomDiscount":[],"consolidatedCombinedDiscount":[],"freeGiftCheckout":[],"storefrontConfig":{"theme":{},"widgetTypeDesign":{},"widgetPriority":{"nativeFreeGift.SIDE_CART":["wid_6a7580ddeb5b1b6727c96bcb_PLlocYNa_nativeFreeGift_SIDE_CART","wid_6a7580ddeb5b1b6727c96bcb_OrSPprVO_nativeFreeGift_SIDE_CART"],"nativeFreeGift.CART_PAGE":["wid_6a7580ddeb5b1b6727c96bcb_QVIHBccK_nativeFreeGift_CART_PAGE"],"progressBar.PRODUCT_PAGE":["wid_6a5e027fcf922c92429d6dcb_GVIlr9nO_progressBar_PRODUCT_PAGE"],"progressBar.CART_PAGE":["wid_6a5e027fcf922c92429d6dcb_hxMG7SVf_progressBar_CART_PAGE"],"progressBar.SIDE_CART":["wid_6a5e027fcf922c92429d6dcb_l53uUQIK_progressBar_SIDE_CART"],"nativeFreeGift.PRODUCT_PAGE":["wid_6abb6cdb5acb4b82ad383661_GieUfDsU_nativeFreeGift_PRODUCT_PAGE"]}},"fileRequest":{"freeGiftLogicv1":true,"freeGiftV1":false,"kiteV0Features":false,"customDiscountLogic":false,"freeGiftV2":true,"globalWidgets":false}}</script>
6614 6615 6616
6616<script> 6617 if (window && !window.kite_app_data) { 6618 let metafieldData; 6619 6620 const jsonDataElement = document.getElementById('kite-app-data'); 6621 const jsonString = jsonDataElement ? jsonDataElement.textContent : ''; 6622 6623 try { 6624 metafieldData = JSON.parse(jsonString); 6625 } catch (error) { 6626 console.error("Failed to parse metafield data:", error); 6627 metafieldData = { errorMsg: "This is not a valid JSON" }; 6628 } 6629 6630 if (metafieldData && !metafieldData?.errorMsg) { 6631 window.kite_app_data = metafieldData; 6632 } 6633 6634 if (jsonDataElement) { 6635 jsonDataElement.textContent = ''; 6636 } 6637 } 6638 </script>
6638 6639 6640 6641 6642
6642<script> 6643 window.gfgFileStatus = { 6644 base: "NEED_TO_LOAD", 6645 freeGiftV1: "false", 6646 freeGiftV2: "true", 6647 kiteV0Features: "false", 6648 customDiscountLogic: "false", 6649 globalWidgets: "false" 6650 }; 6651 // Convert boolean strings to status (skip 'base' which is always NEED_TO_LOAD) 6652 Object.keys(window.gfgFileStatus).forEach(function(key) { 6653 if (key === 'base') return; 6654 window.gfgFileStatus[key] = window.gfgFileStatus[key] === "true" ? "NEED_TO_LOAD" : "DONT_LOAD"; 6655 }); 6656 </script>
6656 6657 6658 6659 6660 <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a110d0-87e7-7668-8eb3-ee6c4d302bc3/free-gift-28-813/assets/freeGiftLogicv1.min.css" media="print" onload="this.media='all'" /> 6661 <noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a110d0-87e7-7668-8eb3-ee6c4d302bc3/free-gift-28-813/assets/freeGiftLogicv1.min.css" /></noscript> 6662
6662<script defer src="https://cdn.shopify.com/extensions/01a110d0-87e7-7668-8eb3-ee6c4d302bc3/free-gift-28-813/assets/freeGiftLogicv1.min.js"></script>
6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 6675 <link rel="preload" href="https://cdn.shopify.com/extensions/01a110d0-87e7-7668-8eb3-ee6c4d302bc3/free-gift-28-813/assets/freeGiftV2.min.css" as="style" /> 6676 6677
6677<script> 6678 window.__kite_fgv2_css = "https://cdn.shopify.com/extensions/01a110d0-87e7-7668-8eb3-ee6c4d302bc3/free-gift-28-813/assets/freeGiftV2.min.css"; 6679 </script>
6679 6680 6681
6681<script async src="https://cdn.shopify.com/extensions/01a110d0-87e7-7668-8eb3-ee6c4d302bc3/free-gift-28-813/assets/freeGiftV2.min.js"></script>
6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695</div><div id="shopify-block-AakNoTzR0N0NkN3Z2W__11532412952436166569" class="shopify-block shopify-app-block">
6695<script async src="https://loox.io/widget/D7svkdtdAn/loox.1704380763735.js?shop=909ba2-2.myshopify.com"></script>
6695 6696 6697 6698 <!-- __LXV: 1791280882518;__LXR: https://loox.io;__LXC: D7svkdtdAn; -->
6698<script>var loox_global_hash = '1791280882518'; 6699var loox_bundle_reviews_enabled = false;</script>
6699<style>.loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#000000; } 6700:root { --lxs-rating-icon-color: #000000; }</style><svg xmlns="http://www.w3.org/2000/svg" style="display: none" id="loox-rating-icon-svg-store"> 6701 <defs> 6702 <clipPath id="looxicons-rating-icon-fill_star-pointy-fill__a"> 6703 <path d="M0 0h24v24H0z" /> 6704 </clipPath> 6705 6706 <clipPath id="looxicons-rating-icon-line_star-pointy-line__a"> 6707 <path d="M0 0h24v24H0z" /> 6708 </clipPath> 6709 </defs> 6710 <symbol id="looxicons-rating-icon-fill" viewBox="0 0 24 24" fill="currentcolor"> 6711 <g clip-path="url(#star-pointy-fill__a)"> 6712 <path 6713 d="m12 19.261-7.416 4.151 1.656-8.335L0 9.306l8.44-1.002L12 .588l3.56 7.717L24 9.306l-6.24 5.77 1.656 8.336L12 19.262Z" 6714 /> 6715 </g> 6716 </symbol> 6717 <symbol id="looxicons-rating-icon-line" viewBox="0 0 24 24" fill="currentcolor"> 6718 <g clip-path="url(#star-pointy-line__a)"> 6719 <path 6720 d="m12 19.261-7.416 4.151 1.656-8.335L0 9.306l8.44-1.002L12 .588l3.56 7.717L24 9.306l-6.24 5.77 1.656 8.336L12 19.262Zm0-2.41 4.465 2.5-.997-5.019 3.756-3.475-5.081-.602L12 5.608l-2.143 4.648-5.081.601 3.756 3.475-.997 5.019L12 16.85Z" 6721 /> 6722 </g> 6723 </symbol> 6724 <defs> 6725 <style> 6726 .lx-icon-fill { 6727 --lx-fill-width: calc(100% - var(--lx-rating-percent, 0%)); 6728 clip-path: inset(0 var(--lx-fill-width, 0) 0 0); 6729 } 6730 .lx-icon-line { 6731 clip-path: inset(0 0 0 var(--lx-rating-percent, 0%)); 6732 } 6733 [data-lx-fill='empty'] { 6734 --lx-rating-percent: 0%; 6735 } 6736 [data-lx-fill='half'] { 6737 --lx-rating-percent: 50%; 6738 } 6739 [data-lx-fill='full'] { 6740 --lx-rating-percent: 100%; 6741 } 6742 </style> 6743 6744 <g id="looxicons-rating-icon"> 6745 <use href="#looxicons-rating-icon-line" class="lx-icon-line"></use> 6746 <use href="#looxicons-rating-icon-fill" class="lx-icon-fill"></use> 6747 </g> 6748 </defs> 6749</svg> 6750 6751 6752 6753 6754 6755 6756 6757 6758</div>
6758<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6758 6759</body> 6760</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.