1<!doctype html> 2 3<html 4 class="no-js" 5 lang="en" 6 dir="ltr" 7> 8 <head> 9 10
10<script> 11 window.dataLayer = window.dataLayer || []; 12 function gtag() { 13 dataLayer.push(arguments); 14 } 15 16 if (localStorage.getItem('consentSettings')) { 17 gtag('consent', 'default', JSON.parse(localStorage.getItem('consentSettings'))); 18 } else { 19 gtag('consent', 'default', { 20 functionality_storage: 'granted', 21 analytics_storage: 'denied', 22 personalization_storage: 'denied', 23 ad_storage: 'denied', 24 ad_user_data: 'denied', 25 ad_personalization: 'denied', 26 wait_for_update: 500, 27 }); 28 } 29 </script>
29 30 31 32 33 34 35 36 <meta charset="utf-8"> 37 <meta 38 name="viewport" 39 content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=5.0" 40 > 41 42 43 44 <title> 45 46 Hudpleieblogg 47 48 </title><link rel="canonical" href="https://drstine.com/blogs/news"><link rel="shortcut icon" href="//drstine.com/cdn/shop/files/Design_uden_navn_6.png?v=1715763373&width=96"> 49 <link rel="apple-touch-icon" href="//drstine.com/cdn/shop/files/Design_uden_navn_6.png?v=1715763373&width=180"><link 50 rel="preconnect" 51 href="https://fonts.shopifycdn.com" 52 crossorigin 53 > 54 <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link 55 rel="preload" 56 href="//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2" 57 as="font" 58 type="font/woff2" 59 crossorigin 60 ><link 61 rel="preload" 62 href="//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2" 63 as="font" 64 type="font/woff2" 65 crossorigin 66 ><meta property="og:type" content="website"> 67 <meta property="og:title" content="Hudpleieblogg"><meta property="og:image" content="http://drstine.com/cdn/shop/files/Dr.Ankerstjerne_logo_851b4ba0-910a-4e21-b866-f8b63df4a134.png?v=1715761860&width=2048"> 68 <meta property="og:image:secure_url" content="https://drstine.com/cdn/shop/files/Dr.Ankerstjerne_logo_851b4ba0-910a-4e21-b866-f8b63df4a134.png?v=1715761860&width=2048"> 69 <meta property="og:image:width" content="1200"> 70 <meta property="og:image:height" content="628"><meta property="og:url" content="https://drstine.com/blogs/news"> 71<meta property="og:site_name" content="Dr.Stine"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Hudpleieblogg"> 72 <meta name="twitter:description" content="Hudpleieblogg"><meta name="twitter:image" content="https://drstine.com/cdn/shop/files/Dr.Ankerstjerne_logo_851b4ba0-910a-4e21-b866-f8b63df4a134.png?crop=center&height=1200&v=1715761860&width=1200"> 73 <meta name="twitter:image:alt" content=""> 74 75 76
76<script type="application/ld+json"> 77 { 78 "@context": "https://schema.org", 79 "@type": "BreadcrumbList", 80 "itemListElement": [{ 81 "@type": "ListItem", 82 "position": 1, 83 "name": "Home", 84 "item": "https://drstine.com" 85 },{ 86 "@type": "ListItem", 87 "position": 2, 88 "name": "Hudpleieblogg", 89 "item": "https://drstine.com/blogs/news" 90 }] 91 } 92 </script>
92 93 94<style>/* Typography (heading) */ 95 @font-face { 96 font-family: "Instrument Sans"; 97 font-weight: 400; 98 font-style: normal; 99 font-display: fallback; 100 src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"), 101 url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff"); 102} 103 104@font-face { 105 font-family: "Instrument Sans"; 106 font-weight: 400; 107 font-style: italic; 108 font-display: fallback; 109 src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"), 110 url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff"); 111} 112 113/* Typography (body) */ 114 @font-face { 115 font-family: "Instrument Sans"; 116 font-weight: 400; 117 font-style: normal; 118 font-display: fallback; 119 src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"), 120 url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff"); 121} 122 123@font-face { 124 font-family: "Instrument Sans"; 125 font-weight: 400; 126 font-style: italic; 127 font-display: fallback; 128 src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"), 129 url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff"); 130} 131 132@font-face { 133 font-family: "Instrument Sans"; 134 font-weight: 700; 135 font-style: normal; 136 font-display: fallback; 137 src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"), 138 url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff"); 139} 140 141@font-face { 142 font-family: "Instrument Sans"; 143 font-weight: 700; 144 font-style: italic; 145 font-display: fallback; 146 src: url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"), 147 url("//drstine.com/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff"); 148} 149 150:root { 151 /* Container */ 152 --container-max-width: 100%; 153 --container-xxs-max-width: 27.5rem; /* 440px */ 154 --container-xs-max-width: 42.5rem; /* 680px */ 155 --container-sm-max-width: 61.25rem; /* 980px */ 156 --container-md-max-width: 71.875rem; /* 1150px */ 157 --container-lg-max-width: 78.75rem; /* 1260px */ 158 --container-xl-max-width: 85rem; /* 1360px */ 159 --container-gutter: 1.25rem; 160 161 --section-with-border-vertical-spacing: 3rem; 162 --section-with-border-vertical-spacing-tight:2.5rem; 163 --section-without-border-vertical-spacing:4.5rem; 164 --section-without-border-vertical-spacing-tight:3.75rem; 165 166 --section-stack-gap:4rem; 167 --section-stack-gap-tight: 2.25rem; 168 169 /* Form settings */ 170 --form-gap: 1.25rem; /* Gap between fieldset and submit button */ 171 --fieldset-gap: 1rem; /* Gap between each form input within a fieldset */ 172 --form-control-gap: 0.625rem; /* Gap between input and label (ignored for floating label) */ 173 --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */ 174 --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */ 175 --input-padding-inline: 0.8rem; /* Horizontal padding for input, textarea and native select */ 176 --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */ 177 178 /* Other sizes */ 179 --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px)); 180 181 /* RTL support */ 182 --transform-logical-flip: 1; 183 --transform-origin-start: left; 184 --transform-origin-end: right; 185 186 /** 187 * --------------------------------------------------------------------- 188 * TYPOGRAPHY 189 * --------------------------------------------------------------------- 190 */ 191 192 /* Font properties */ 193 --heading-font-family: "Instrument Sans", sans-serif;
194 --heading-font-weight: 400; 195 --heading-font-style: normal; 196 --heading-text-transform: normal; 197 --heading-letter-spacing: 0.18em; 198 --text-font-family: "Instrument Sans", sans-serif; 199 --text-font-weight: 400; 200 --text-font-style: normal; 201 --text-letter-spacing: 0.0em; 202 --button-font: var(--text-font-style) var(--text-font-weight) var(--text-sm) / 1.65 var(--text-font-family); 203 --button-text-transform: uppercase; 204 --button-letter-spacing: 0.18em; 205 206 /* Font sizes */--text-heading-size-factor: 1; 207 --text-h1: max(0.6875rem, clamp(1.375rem, 1.146341463414634rem + 0.975609756097561vw, 2rem) * var(--text-heading-size-factor)); 208 --text-h2: max(0.6875rem, clamp(1.25rem, 1.0670731707317074rem + 0.7804878048780488vw, 1.75rem) * var(--text-heading-size-factor)); 209 --text-h3: max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem) * var(--text-heading-size-factor)); 210 --text-h4: max(0.6875rem, clamp(1rem, 0.9542682926829268rem + 0.1951219512195122vw, 1.125rem) * var(--text-heading-size-factor)); 211 --text-h5: calc(0.875rem * var(--text-heading-size-factor)); 212 --text-h6: calc(0.75rem * var(--text-heading-size-factor)); 213 214 --text-xs: 0.75rem; 215 --text-sm: 0.8125rem; 216 --text-base: 0.875rem; 217 --text-lg: 1.0rem; 218 --text-xl: 1.125rem; 219 220 /** 221 * --------------------------------------------------------------------- 222 * COLORS 223 * --------------------------------------------------------------------- 224 */ 225 226 /* Color settings */--accent: 84 84 84; 227 --text-primary: 84 84 84; 228 --background-primary: 249 249 249; 229 --background-secondary: 255 255 255; 230 --border-color: 224 224 224; 231 --page-overlay: 0 0 0 / 0.4; 232 233 /* Button colors */ 234 --button-background-primary: 84 84 84; 235 --button-text-primary: 255 255 255; 236 237 /* Status colors */ 238 --success-background: 212 227 203; 239 --success-text: 48 122 7; 240 --warning-background: 253 241 224; 241 --warning-text: 237 138 0; 242 --error-background: 243 204 204; 243 --error-text: 203 43 43; 244 245 /* Product colors */ 246 --on-sale-text: 202 124 143; 247 --on-sale-badge-background: 202 124 143; 248 --on-sale-badge-text: 255 255 255; 249 --sold-out-badge-background: 239 239 239; 250 --sold-out-badge-text: 0 0 0 / 0.65; 251 --custom-badge-background: 28 28 28; 252 --custom-badge-text: 255 255 255; 253 --star-color: 28 28 28; 254 255 /* Header colors */--header-background: 255 255 255; 256 --header-text: 84 84 84; 257 --header-border-color: 229 229 229; 258 259 /* Footer colors */--footer-background: 250 210 220; 260 --footer-text: 84 84 84; 261 --footer-border-color: 225 191 200; 262 263 /* Modal colors */--modal-background: 255 255 255; 264 --modal-text: 28 28 28; 265 --modal-border-color: 221 221 221; 266 267 /* Drawer colors (reuse the same as modal) */ 268 --drawer-background: 255 255 255; 269 --drawer-text: 28 28 28; 270 --drawer-border-color: 221 221 221; 271 272 /* Popover background (uses the primary background) */ 273 --popover-background: 255 255 255; 274 --popover-text: 84 84 84; 275 --popover-border-color: 224 224 224; 276 277 /* Rounded variables (used for border radius) */ 278 --rounded-full: 9999px; 279 --button-border-radius: 0.0rem; 280 --input-border-radius: 0.0rem; 281 282 /* Box shadow */ 283 --shadow-sm: 0 2px 8px rgb(0 0 0 / 0.05); 284 --shadow: 0 5px 15px rgb(0 0 0 / 0.05); 285 --shadow-md: 0 5px 30px rgb(0 0 0 / 0.05); 286 --shadow-block: px px px rgb(var(--text-primary) / 0.0); 287 288 /** 289 * --------------------------------------------------------------------- 290 * OTHER 291 * --------------------------------------------------------------------- 292 */ 293 294 --checkmark-svg-url: url(//drstine.com/cdn/shop/t/40/assets/checkmark.svg?v=5588600397216680941764647471); 295 --cursor-zoom-in-svg-url: url(//drstine.com/cdn/shop/t/40/assets/cursor-zoom-in.svg?v=135496101872421011811764647471); 296 } 297 298 [dir="rtl"]:root { 299 /* RTL support */ 300 --transform-logical-flip: -1; 301 --transform-origin-start: right; 302 --transform-origin-end: left; 303 } 304 305 @media screen and (min-width: 700px) { 306 :root { 307 /* Typography (font size) */ 308 --text-xs: 0.75rem; 309 --text-sm: 0.8125rem; 310 --text-base: 0.875rem; 311 --text-lg: 1.0rem; 312 --text-xl: 1.25rem; 313 314 /* Spacing settings */ 315 --container-gutter: 2rem; 316 } 317 } 318 319 @media screen and (min-width: 1000px) { 320 :root { 321 /* Spacing settings */ 322 --container-gutter: 3rem; 323 324 --section-with-border-vertical-spacing: 5rem; 325 --section-with-border-vertical-spacing-tight: 4rem; 326 --section-without-border-vertical-spacing: 7.5rem; 327 --section-without-border-vertical-spacing-tight: 6rem; 328 329 --section-stack-gap:4rem; 330 --section-stack-gap-tight:4rem; 331 } 332 } 333</style>
334<script> 335 document.documentElement.classList.replace('no-js', 'js'); 336 337 // This allows to expose several variables to the global scope, to be used in scripts 338 window.themeVariables = { 339 settings: { 340 showPageTransition: true, 341 pageType: "blog", 342 moneyFormat: "â¬{{amount_with_comma_separator}}", 343 moneyWithCurrencyFormat: "â¬{{amount_with_comma_separator}} EUR", 344 currencyCodeEnabled: true, 345 cartType: "drawer" 346 }, 347 348 strings: { 349 addToCartButton: "Add to cart", 350 soldOutButton: "Sold out", 351 preOrderButton: "Pre-order", 352 unavailableButton: "Unavailable", 353 addedToCart: "Added to your cart!", 354 closeGallery: "Close gallery", 355 zoomGallery: "Zoom picture", 356 errorGallery: "Image cannot be loaded", 357 soldOutBadge: "Sold out", 358 discountBadge: "Save @@", 359 sku: "SKU:", 360 shippingEstimatorNoResults: "Sorry, we do not ship to your address.", 361 shippingEstimatorOneResult: "There is one shipping rate for your address:", 362 shippingEstimatorMultipleResults: "There are several shipping rates for your address:", 363 shippingEstimatorError: "One or more error occurred while retrieving shipping rates:", 364 next: "Next", 365 previous: "Previous" 366 }, 367 368 mediaQueries: { 369 'sm': 'screen and (min-width: 700px)', 370 'md': 'screen and (min-width: 1000px)', 371 'lg': 'screen and (min-width: 1150px)', 372 'xl': 'screen and (min-width: 1400px)', 373 '2xl': 'screen and (min-width: 1600px)', 374 'sm-max': 'screen and (max-width: 699px)', 375 'md-max': 'screen and (max-width: 999px)', 376 'lg-max': 'screen and (max-width: 1149px)', 377 'xl-max': 'screen and (max-width: 1399px)', 378 '2xl-max': 'screen and (max-width: 1599px)', 379 'motion-safe': '(prefers-reduced-motion: no-preference)', 380 'motion-reduce': '(prefers-reduced-motion: reduce)', 381 'supports-hover': 'screen and (pointer: fine)', 382 'supports-touch': 'screen and (hover: none)' 383 } 384 };window.addEventListener('pageshow', async (event) => { 385 const isReloaded = (window.performance.navigation && window.performance.navigation.type === 1) || window.performance.getEntriesByType('navigation').map((nav) => nav.type).includes('reload'); 386 387 if (window.matchMedia('(prefers-reduced-motion: no-preference)').matches && !event.persisted && !isReloaded && document.referrer.includes(location.host)) { 388 await document.body.animate({opacity: [0, 1]}, {duration: 200}).finished; 389 } 390 391 document.body.style.setProperty('opacity', '1'); 392 });</script>
vendor: 1 bytes, line 392
392
393<script async src="//drstine.com/cdn/shop/t/40/assets/es-module-shims.min.js?v=116339357281449263201764647471"></script>
393 394 395
395<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 395
395
396<script type="importmap">{ 397 "imports": { 398 "vendor": "//drstine.com/cdn/shop/t/40/assets/vendor.min.js?v=83370658215510867911764647471", 399 "theme": "//drstine.com/cdn/shop/t/40/assets/theme.js?v=109003961298651222731764647471", 400 "photoswipe": "//drstine.com/cdn/shop/t/40/assets/photoswipe.min.js?v=64262325146781401541764647471" 401 } 402 } 403 </script>
403 404 405
405<script type="module" src="//drstine.com/cdn/shop/t/40/assets/vendor.min.js?v=83370658215510867911764647471"></script>
405 406
406<script type="module" src="//drstine.com/cdn/shop/t/40/assets/theme.js?v=109003961298651222731764647471"></script>
406 407 408
408<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
408<meta name="google-site-verification" content="ulnKYoYjgj0eMd_8XvXA_CBTa_eXGc25SSnJJb2UU8c"> 409<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/59265155151/digital_wallets/dialog"> 410<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" />
411<script async="async" src="/checkouts/internal/preloads.js?locale=en-DK&default_configuration_id=2427977807"></script>
vendor: 1 bytes, line 411
411
412<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":59265155151,"countryCode":"DK","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/59265155151","merchantName":"Dr.Stine","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Dr.Stine","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 412
412
413<script id="shopify-features" type="application/json">{"accessToken":"7b754ba7e85c13b17e2a20abd4ac4907","betas":["rich-media-storefront-analytics"],"domain":"drstine.com","predictiveSearch":true,"shopId":59265155151,"locale":"en"}</script>
vendor: 1 bytes, line 413
413
414<script>var Shopify = Shopify || {}; 415Shopify.shop = "drankerstjerne-eu.myshopify.com"; 416Shopify.locale = "en"; 417Shopify.currency = {"active":"EUR","rate":"1.0"}; 418Shopify.country = "DK"; 419Shopify.theme = {"name":"R | Updated | December 31, 2025 | January Theme","id":141072400463,"schema_name":"Prestige","schema_version":"7.3.6","theme_store_id":null,"role":"main"}; 420Shopify.theme.handle = "null"; 421Shopify.theme.style = {"id":null,"handle":null}; 422Shopify.cdnHost = "drstine.com/cdn"; 423Shopify.routes = Shopify.routes || {}; 424Shopify.routes.root = "/"; 425Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 426Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 427Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 428Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 428
428
429<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 429
429
430<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 430
430
431<script> 432 window.Shopify = window.Shopify || {}; 433 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 434 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 435 window.Shopify.SignInWithShop.eligible = true; 436</script>
vendor: 1 bytes, line 436
436
437<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 437
437
438<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 438
438
439<script type="module"> 440 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 441 442 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 443 444</script>
vendor: 1 bytes, line 444
444
445<script> 446 window.Shopify = window.Shopify || {}; 447 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 448 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"]}; 449</script>
vendor: 1 bytes, line 449
449
450<script>(function() { 451 var isLoaded = false; 452 function asyncLoad() { 453 if (isLoaded) return; 454 isLoaded = true; 455 var urls = ["https:\/\/cdn.nfcube.com\/instafeed-730d83432dd74a5630680671cae27408.js?shop=drankerstjerne-eu.myshopify.com"]; 456 for (var i = 0; i < urls.length; i++) { 457 var s = document.createElement('script'); 458 s.type = 'text/javascript'; 459 s.async = true; 460 s.src = urls[i]; 461 var x = document.getElementsByTagName('script')[0]; 462 x.parentNode.insertBefore(s, x); 463 } 464 }; 465 if(window.attachEvent) { 466 window.attachEvent('onload', asyncLoad); 467 } else { 468 window.addEventListener('load', asyncLoad, false); 469 } 470})();</script>
vendor: 1 bytes, line 470
470
471<script id="__st">var __st={"a":59265155151,"offset":7200,"reqid":"58a85bf7-37b5-4123-975b-3a8437739097-1791402897","pageurl":"drstine.com\/blogs\/news","s":"blogs-81761501263","u":"6d8d06b57eae","p":"blog","rtyp":"blog","rid":81761501263};</script>
vendor: 1 bytes, line 471
471
472<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 472
472
473<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 473
473
474<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//drstine.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 474
474
475<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 = "//drstine.com/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>
475<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 475
475
476<script> 477 window.Shopify = window.Shopify || {}; 478 window.Shopify.MCP = window.Shopify.MCP || {}; 479 window.Shopify.MCP.enabled = true; 480 window.Shopify.MCP.shop = "drankerstjerne-eu.myshopify.com"; 481 window.Shopify.MCP.mcpEndpoint = "https:\/\/drstine.com\/api\/mcp"; 482 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"]}}]; 483</script>
vendor: 1 bytes, line 483
483
484<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("\/\/drstine.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 485</script>
vendor: 1 bytes, line 485
485
486<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://drstine.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 487</script>
vendor: 1 bytes, line 487
487
488<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 489 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); 490</script>
vendor: 1 bytes, line 490
490
491<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})}})); 492</script>
vendor: 1 bytes, line 492
492
493<script id='scb4127' type='text/javascript' async='' src='https://drstine.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
493<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://drstine.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 494<style id="shopify-accelerated-checkout-cart"> 495 #shopify-buyer-consent { 496 margin-top: 1em; 497 display: inline-block; 498 width: 100%; 499} 500 501#shopify-buyer-consent.hidden { 502 display: none; 503} 504 505#shopify-subscription-policy-button { 506 background: none; 507 border: none; 508 padding: 0; 509 text-decoration: underline; 510 font-size: inherit; 511 cursor: pointer; 512} 513 514#shopify-subscription-policy-button::before { 515 box-shadow: none; 516} 517 518 </style> 519
520<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
520 521 522 523<link href="//drstine.com/cdn/shop/t/40/assets/theme.css?v=118516494604561928561764647471" rel="stylesheet" type="text/css" media="all" /><link href="//drstine.com/cdn/shop/t/40/assets/app.css?v=3422938313014997971769433086" rel="stylesheet" type="text/css" media="all" />
523<script src="//drstine.com/cdn/shop/t/40/assets/app.js?v=51845604678026987141764647471" defer></script>
523 524 525 526
526<script> 527 window.forcedProduct = 41693756424271; 528 </script>
528 529 530 531 532 533 534 535 536 537 538 539 540
540<script> 541 window.forceProductTwoCartTotal = '50000'; 542 </script>
542 543 544 545 546
546<script> 547 window.canGiftsBeCombined = false; 548 </script>
548 549 550 551 552 <!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 553<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
554<script> 555/* >> TriplePixel :: start*/ 556window.TriplePixelData={TripleName:"drankerstjerne-eu.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"",cart:"drawer",template:"blog",curr:"EUR" || "EUR", market:"19403309135"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 557/* << TriplePixel :: end*/ 558</script>
558 559 560 561 562<!-- END app block --><!-- BEGIN app block: shopify://apps/tolstoy-ads-image-video/blocks/widget-block/06fa8282-42ff-403e-b67c-1936776aed11 --> 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583
584<script 585 type="module" 586 async 587 src="https://widget.gotolstoy.com/we/widget.js" 588 data-shop=drankerstjerne-eu.myshopify.com 589 data-app-key=348b0ad9-2085-439b-b48b-b7c16c677f99 590 data-should-use-cache=true 591 data-cache-version="" 592 data-product-gallery-projects="[]" 593 data-collection-gallery-projects="[]" 594 data-product-id="" 595 data-template-name="blog" 596 data-ot-ignore 597 data-cookieconsent="ignore" 598> 599</script>
vendor: 1 bytes, line 599
599
600<script 601 type="module" 602 async 603 src="https://play.gotolstoy.com/widget-v2/widget.js" 604 id="tolstoy-widget-script" 605 data-shop=drankerstjerne-eu.myshopify.com 606 data-app-key=348b0ad9-2085-439b-b48b-b7c16c677f99 607 data-should-use-cache=true 608 data-cache-version="" 609 data-product-gallery-projects="[]" 610 data-collection-gallery-projects="[]" 611 data-product-id="" 612 data-collection-id="" 613 data-shop-assistant-enabled="false" 614 data-search-bar-widget-enabled="false" 615 data-template-name="blog" 616 data-customer-id="" 617 data-ot-ignore 618 data-cookieconsent="ignore" 619></script>
vendor: 1 bytes, line 619
619
620<script 621 type="module" 622 async 623 src="https://play.gotolstoy.com/widget-v2/widget.brand-mcp.js" 624 data-app-key=348b0ad9-2085-439b-b48b-b7c16c677f99 625 data-ot-ignore 626 data-cookieconsent="ignore" 627></script>
vendor: 1 bytes, line 627
627
628<script> 629 window.tolstoyCurrencySymbol = "â¬"; 630 window.tolstoyMoneyFormat = "â¬{{amount_with_comma_separator}}"; 631</script>
vendor: 1 bytes, line 631
631
632<script> 633 (function(){ 634 function hideOrphanedTiles(){ 635 var els = document.querySelectorAll('.tolstoy-collection-page-tile,tolstoy-collection-tile'); 636 for(var i=0;i<els.length;i++){ 637 if(els[i].children.length>0) continue; 638 els[i].style.setProperty('display','none','important'); 639 var w=els[i].closest('[class*="tolstoy-grid"]')||els[i].closest('.tolstoy-collection-page-tile-wrapper'); 640 if(w) w.style.setProperty('display','none','important'); 641 } 642 } 643 if(document.readyState==='loading'){ 644 document.addEventListener('DOMContentLoaded',hideOrphanedTiles); 645 }else{ 646 hideOrphanedTiles(); 647 } 648 })(); 649</script>
vendor: 1 bytes, line 649
649
650<script> 651 window.tolstoyDebug = { 652 enable: () => { 653 fetch('/cart/update.js', { 654 method: 'POST', 655 headers: { 'Content-Type': 'application/json' }, 656 body: JSON.stringify({ attributes: { TolstoyDebugEnabled: 'true' } }) 657 }) 658 .then(response => response.json()) 659 .then(() => window.location.reload()); 660 }, 661 disable: () => { 662 fetch('/cart/update.js', { 663 method: 'POST', 664 headers: { 'Content-Type': 'application/json' }, 665 body: JSON.stringify({ attributes: { TolstoyDebugEnabled: null } }) 666 }) 667 .then(response => response.json()) 668 .then(() => window.location.reload()) 669 }, 670 status: async () => { 671 const response = await fetch('/cart.js'); 672 const json = await response.json(); 673 console.log(json.attributes); 674 } 675 } 676</script>
676 677 678<!-- END app block --><!-- BEGIN app block: shopify://apps/returnflows/blocks/return_overlay_v2/3bc010f6-eaf1-4d13-9509-ab183b1a8ed6 -->
678<script id="rf-settings-json" type="application/json"> 679 { 680 "options": { 681 "env": "production", 682 "defaultCurrency": "EUR", 683 "defaultLocale": "en", 684 "autoOpen": true, 685 "clearCartOnStart": true, 686 "customCssPage": "html,\nbody,\nhtml body.klaviyo-prevent-body-scrolling {\n\tposition: unset !important;\n\toverflow: unset !important;\n\tpadding-right: unset !important;\n}\nbody {\n\tpadding-bottom: var(--rf-summary-height, 0px) !important;\n}\n.shopify-payment-button:has(shopify-accelerated-checkout),\n[aria-label=\"POPUP Form\"],\n[aria-label=\"FLYOUT Form\"] {\n\tdisplay: none !important;\n}\nedition-geolocator {\n\ttop: calc(50% - var(--rf-summary-height, 0px) \/ 2) !important;\n}\n#shopify-pc__banner {\n padding-bottom: calc(var(--rf-summary-height, 0px) + 32px) !important;\n}\ncart-drawer {\n\tdisplay: none !important;\n}\n.modal::part(content) {\n\tmax-height: calc(85dvh - var(--rf-summary-height, 0px)) !important;\n}\n@media screen and not (max-width: 699px) {\n\t.modal::part(content) {\n\t\tbottom: calc(var(--rf-summary-height) \/ 2) !important;\n\t}\n}\n@media screen and (max-width: 699px) {\n\t.modal::part(content) {\n\t\tpadding-bottom: var(--rf-summary-height, 0px) !important;\n\t}\n}\n#tolstoyWidgetElement .tolstoy-content-container {\n\tbottom: var(--rf-summary-height, 0px) !important;\n}", 687 "customCssOverlay": "", 688 "cartActivatorSelector": "[href$=\"\/cart\"]", 689 "autoOpenTriggerEndpoint": "add", 690 "autoOpenTriggerMethod": "combination", 691 "monitorNetworkOverwrites": false, 692 "networkInterceptionMethod": "both", 693 "overrideScrollBlocking": false 694 }, 695 "translations": { 696 "messages": null 697 }, 698 "theme": { 699 "backgroundColor": "#FFFFFF", 700 "accentBackgroundColor": "#FFF4F6", 701 "primaryCTAColor": "#E3ABB7", 702 "primaryCTATextColor": "#FFFFFF", 703 "secondaryCTAColor": "#F4FBFF", 704 "secondaryCTATextColor": "#484646", 705 "primaryTextColor": "#000000", 706 "secondaryTextColor": "#000000" 707 } 708 } 709</script>
vendor: 1 bytes, line 709
709
710<script> 711 (function () { 712 713 if (!window.__rf_original_search) { 714 window.__rf_original_search = window.location.search; 715 } 716 717 function hasSessionParam() { 718 var params = new URLSearchParams(window.__rf_original_search); 719 var forceInit = params.get('rflowsForceInit'); 720 return Boolean(params.get('rflowsId')) || (Boolean(forceInit) && forceInit !== 'false'); 721 } 722 723 function hasStoredSession() { 724 var raw; 725 try { 726 raw = window.sessionStorage.getItem('rflows_session_id'); 727 } catch (error) { 728 return true; 729 } 730 if (!raw) { 731 return false; 732 } 733 try { 734 var stored = JSON.parse(raw); 735 if (!stored || !stored.value) { 736 return false; 737 } 738 return !stored.expiration || Date.now() <= stored.expiration; 739 } catch (error) { 740 return false; 741 } 742 } 743 744 if (!hasSessionParam() && !hasStoredSession()) { 745 return; 746 } 747 748 if (document.getElementById('rf-embedded-script')) { 749 return; 750 } 751 752 var script = document.createElement('script'); 753 script.id = 'rf-embedded-script'; 754 script.async = true; 755 script.src = "https:\/\/static.returnflows.com\/dist\/production\/widget.js"; 756 document.head.appendChild(script); 757 })(); 758</script>
758 759 760 761<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 762 763 764 765 766 767 768 769 770 771 772 773 774
774<script async src="https://static.klaviyo.com/onsite/js/Y6hLTr/klaviyo.js?company_id=Y6hLTr"></script>
774 775
775<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>
775 776 777 778 779 780 781 782
782<script> 783 window.klaviyoReviewsProductDesignMode = false 784 </script>
784 785 786 787 788 789 790 791 792 793 794<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
795<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: 59265155151,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};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 795
795
796<script> 797 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 798</script>
vendor: 1 bytes, line 798
798
799<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}
799).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: 59265155151,storefrontBaseUrl: "https://drstine.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://drstine.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1215529039","configuration":"{\"store_id\":\"212111\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
799,"dataSharingState":"unrestricted"},{"id":"422346831","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\"],\\\"target_country\\\":\\\"NL\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/h3sfCMfR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/F_PUCM3R3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/_BIOCMTR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/Puu8CPvP3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/bxZsCP7P3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/nwEFCNDR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-MVRK72HGTR\\\",\\\"AW-16754282760\\\/Sc4pCMrR3-IZEIiiiLU-\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-MVRK72HGTR\\\"}],\\\"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":"320077903","configuration":"{\"pixelId\":\"9e3be48e-5306-46a1-9541-ba8c16a1cdee\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"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"},{"id":"204439631","configuration":"{\"shopId\":\"drankerstjerne-eu.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":"178159695","configuration":"{\"pixel_id\":\"891454542747576\",\"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":"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":"Dr.Stine","paymentSettings":{"currencyCode":"EUR"}
799,"myshopifyDomain":"drankerstjerne-eu.myshopify.com","countryCode":"DK","storefrontUrl":"https:\/\/drstine.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7439933243471","handle":"gratis-prove","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41693756424271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7463513292879","handle":"the-anti-age-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41786624409679","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7439922036815","handle":"superfood-multipurpose-vitamin-face-gel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41693724508239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://drstine.com/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"141072400463","themePublished":"true","eventMetadataId":"737ed697-b4f5-4736-a6a4-f33dded4fac8","pageType":"blog","resourceId":"81761501263","shopId":"59265155151","storefrontBaseUrl":"https:\/\/drstine.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
799<script> 800 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 801 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 802 window.ShopifyAnalytics.meta.currency = 'EUR'; 803 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":81761501263,"requestId":"58a85bf7-37b5-4123-975b-3a8437739097-1791402897"}}; 804 for (var attr in meta) { 805 window.ShopifyAnalytics.meta[attr] = meta[attr]; 806 } 807</script>
vendor: 1 bytes, line 807
807
808<script class="analytics"> 809 (function () { 810 var customDocumentWrite = function(content) { 811 var jquery = null; 812 813 if (window.jQuery) { 814 jquery = window.jQuery; 815 } else if (window.Checkout && window.Checkout.$) { 816 jquery = window.Checkout.$; 817 } 818 819 if (jquery) { 820 jquery('body').append(content); 821 } 822 }; 823 824 var hasLoggedConversion = function(token) { 825 if (token) { 826 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 827 } 828 return false; 829 } 830 831 var setCookieIfConversion = function(token) { 832 if (token) { 833 var twoMonthsFromNow = new Date(Date.now()); 834 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 835 836 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 837 } 838 } 839 840 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 841 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 842 if (trekkie.integrations) { 843 return; 844 } 845 trekkie.methods = [ 846 'identify', 847 'page', 848 'ready', 849 'track', 850 'trackForm', 851 'trackLink' 852 ]; 853 trekkie.factory = function(method) { 854 return function() { 855 var args = Array.prototype.slice.call(arguments); 856 args.unshift(method); 857 trekkie.push(args); 858 if (method == 'track' || method == 'page') { 859 var pageUrl; 860 try { 861 pageUrl = window.location.href; 862 } catch (e) {} 863 var pageReferrer; 864 try { 865 pageReferrer = document.referrer; 866 } catch (e) {} 867 try { 868 if (window.__TREKKIE_SHIM_QUEUE == null) { 869 window.__TREKKIE_SHIM_QUEUE = []; 870 } 871 window.__TREKKIE_SHIM_QUEUE.push({ 872 from: 'trekkie-stub', 873 method: method, 874 args: args.slice(1), 875 pageContext: { 876 url: pageUrl, 877 referrer: pageReferrer 878 } 879 }); 880 } catch (e) { 881 // no-op 882 } 883 } 884 return trekkie; 885 }; 886 }; 887 for (var i = 0; i < trekkie.methods.length; i++) { 888 var key = trekkie.methods[i]; 889 trekkie[key] = trekkie.factory(key); 890 } 891 trekkie.load = function(config) { 892 trekkie.config = config || {}; 893 trekkie.config.initialDocumentCookie = document.cookie; 894 var first = document.getElementsByTagName('script')[0]; 895var script = document.createElement('script'); 896script.type = 'text/javascript'; 897script.onerror = function(e) { 898 var scriptFallback = document.createElement('script'); 899 scriptFallback.type = 'text/javascript'; 900 scriptFallback.onerror = function(error) { 901 var Monorail = { 902 produce: function produce(monorailDomain, schemaId, payload) { 903 var currentMs = new Date().getTime(); 904 var event = { 905 schema_id: schemaId, 906 payload: payload, 907 metadata: { 908 event_created_at_ms: currentMs, 909 event_sent_at_ms: currentMs 910 } 911 }; 912 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 913 }, 914 sendRequest: function sendRequest(endpointUrl, payload) { 915 // Try the sendBeacon API 916 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 917 var blobData = new window.Blob([payload], { 918 type: 'text/plain' 919 }); 920 921 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 922 return true; 923 } // sendBeacon was not successful 924 925 } // XHR beacon 926 927 var xhr = new XMLHttpRequest(); 928 929 try { 930 xhr.open('POST', endpointUrl); 931 xhr.setRequestHeader('Content-Type', 'text/plain'); 932 xhr.send(payload); 933 } catch (e) { 934 console.log(e); 935 } 936 937 return false; 938 }, 939 isIos12: function isIos12() { 940 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 941 } 942 }; 943 Monorail.produce('monorail-edge.shopifysvc.com', 944 'trekkie_storefront_load_errors/1.1', 945 {shop_id: 59265155151, 946 theme_id: 141072400463, 947 app_name: "storefront", 948 context_url: window.location.href, 949 source_url: "//drstine.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 950 951 }; 952 scriptFallback.async = true; 953 scriptFallback.src = '//drstine.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 954 first.parentNode.insertBefore(scriptFallback, first); 955}; 956script.async = true; 957script.src = '//drstine.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 958first.parentNode.insertBefore(script, first); 959 960 }; 961 trekkie.load( 962 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":59265155151,"isMerchantRequest":null,"themeId":141072400463,"themeCityHash":"16462386807323179014","contentLanguage":"en","currency":"EUR","eventMetadataId":"737ed697-b4f5-4736-a6a4-f33dded4fac8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 963 ); 964 965 var loaded = false;
966 trekkie.ready(function() { 967 if (loaded) return; 968 loaded = true; 969 970 window.ShopifyAnalytics.lib = window.trekkie; 971 972 var originalDocumentWrite = document.write; 973 document.write = customDocumentWrite; 974 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 975 document.write = originalDocumentWrite; 976 977 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 978 var token = match? match[1]: undefined; 979 if (!hasLoggedConversion(token)) { 980 setCookieIfConversion(token); 981 982 } 983 }); 984 985 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":81761501263,"requestId":"58a85bf7-37b5-4123-975b-3a8437739097-1791402897","shopifyEmitted":true}); 986 987 var eventsListenerScript = document.createElement('script'); 988 eventsListenerScript.async = true; 989 eventsListenerScript.src = "//drstine.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 990 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 991})();</script>
vendor: 1 bytes, line 991
991
992<script 993 defer 994 src="https://drstine.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js" 995 data-application="storefront-renderer" 996 data-shop-id="59265155151" 997 data-render-region="gcp-us-central1" 998 data-page-type="blog" 999 data-theme-instance-id="141072400463" 1000 data-theme-name="Prestige" 1001 data-theme-version="7.3.6" 1002 data-monorail-region="shop_domain" 1003 data-resource-timing-sampling-rate="10" 1004 data-shs="true" 1005 data-shs-beacon="true" 1006 data-shs-export-with-fetch="true" 1007 data-shs-logs-sample-rate="1" 1008 data-shs-beacon-endpoint="https://drstine.com/api/collect" 1009></script>
1009 1010<meta name="shopify-y" content="f98dba8c-2e0e-4034-9027-7bce2cb1b75e" data-expiration="1822960497000"><meta name="shopify-s" content="6d863fae-d70f-473f-9c20-bdd8549c4591" data-expiration="1791404697000"><meta name="new-cookie-storage-activated" content="t"> 1011</head> 1012 1013 1014 1015 <body class="features--button-transition features--page-transition "><template id="drawer-default-template"> 1016 <div part="base"> 1017 <div part="overlay"></div> 1018 1019 <div part="content"> 1020 <header part="header"> 1021 <slot name="header"></slot> 1022 1023 <button 1024 type="button" 1025 is="dialog-close-button" 1026 part="close-button tap-area" 1027 aria-label="Close" 1028 ><svg 1029 aria-hidden="true" 1030 focusable="false" 1031 fill="none" 1032 width="14" 1033 class="icon icon-close" 1034 viewBox="0 0 16 16" 1035 > 1036 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1037 </svg> 1038 1039 </button> 1040 </header> 1041 1042 <div part="body"> 1043 <slot></slot> 1044 </div> 1045 1046 <footer part="footer"> 1047 <slot name="footer"></slot> 1048 </footer> 1049 </div> 1050 </div> 1051</template><template id="modal-default-template"> 1052 <div part="base"> 1053 <div part="overlay"></div> 1054 1055 <div part="content"> 1056 <header part="header"> 1057 <slot name="header"></slot> 1058 1059 <button 1060 type="button" 1061 is="dialog-close-button" 1062 part="close-button tap-area" 1063 aria-label="Close" 1064 ><svg 1065 aria-hidden="true" 1066 focusable="false" 1067 fill="none" 1068 width="14" 1069 class="icon icon-close" 1070 viewBox="0 0 16 16" 1071 > 1072 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1073 </svg> 1074 1075 </button> 1076 </header> 1077 1078 <div part="body"> 1079 <slot></slot> 1080 </div> 1081 </div> 1082 </div> 1083</template><template id="popover-default-template"> 1084 <div part="base"> 1085 <div part="overlay"></div> 1086 1087 <div part="content"> 1088 <header part="header"> 1089 <slot name="header"></slot> 1090 1091 <button 1092 type="button" 1093 is="dialog-close-button" 1094 part="close-button tap-area" 1095 aria-label="Close" 1096 ><svg 1097 aria-hidden="true" 1098 focusable="false" 1099 fill="none" 1100 width="14" 1101 class="icon icon-close" 1102 viewBox="0 0 16 16" 1103 > 1104 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1105 </svg> 1106 1107 </button> 1108 </header> 1109 1110 <div part="body"> 1111 <slot></slot> 1112 </div> 1113 </div> 1114 </div> 1115</template><template id="header-search-default-template"> 1116 <div part="base"> 1117 <div part="overlay"></div> 1118 1119 <div part="content"> 1120 <slot></slot> 1121 </div> 1122 </div> 1123</template><template id="video-media-default-template"> 1124 <slot></slot> 1125 1126 <svg part="play-button" fill="none" width="48" height="48" viewBox="0 0 48 48"> 1127 <path fill-rule="evenodd" clip-rule="evenodd" d="M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24Zm-18 0-9-6.6v13.2l9-6.6Z" fill="var(--play-button-background, #f9f9f9)"/> 1128 </svg> 1129</template> 1130<loading-bar class="loading-bar" aria-hidden="true"></loading-bar> 1131 <a 1132 href="#main" 1133 allow-hash-change 1134 class="skip-to-content sr-only" 1135 >Skip to content</a><!-- BEGIN sections: header-group --> 1136<div id="shopify-section-sections--18553034309711__top_bar_features_BW3zMt" class="shopify-section shopify-section-group-header-group"> 1137 1138<style> 1139 .tbf-section { 1140 padding: 8px 30px; 1141 background: #333333; 1142 } 1143 1144 .tbf-container { 1145 display: flex; 1146 justify-content: center; 1147 align-items: center; 1148 } 1149 1150 .tbf-item { 1151 display: flex; 1152 align-items: center; 1153 position: relative; 1154 gap: 8px; 1155 } 1156 1157 .tbf-item:nth-child(2) { 1158 padding: 0 80px; 1159 margin: 0 80px; 1160 border-right: 1px solid #555555; 1161 border-left: 1px solid #555555; 1162 } 1163 1164 .tbf-icon { 1165 display: flex; 1166 align-items: center; 1167 justify-content: center; 1168 width: 20px; 1169 height: 20px; 1170 aspect-ratio: 1/1; 1171 } 1172 1173 .tbf-item:nth-child(2) .tbf-icon { 1174 padding: 2.188px 2.5px; 1175 } 1176 1177 .tbf-icon svg { 1178 display: block; 1179 width: 100%; 1180 height: 100%; 1181 } 1182 1183 .tbf-text { 1184 color: #ffffff; 1185 font-family: Rubik, sans-serif; 1186 font-size: 13px; 1187 font-style: normal; 1188 font-weight: 400; 1189 line-height: normal; 1190 } 1191 1192 @media(max-width: 1023px) { 1193 .tbf-section { 1194 padding: 8px; 1195 } 1196 1197 .tbf-item:nth-child(2) { 1198 padding: 0 40px; 1199 margin: 0 40px; 1200 } 1201 1202 .tbf-icon { 1203 width: 18px;
1204 height: 18px; 1205 } 1206 1207 .tbf-text { 1208 font-size: 10px; 1209 } 1210 } 1211 1212 @media(max-width: 767px) { 1213 .tbf-item { 1214 flex-direction: column; 1215 flex: 1; 1216 gap: 4px; 1217 min-width: 115px; 1218 width: 100%; 1219 } 1220 1221 .tbf-item:nth-child(2) { 1222 padding: 0; 1223 margin: 0; 1224 } 1225 1226 .tbf-text { 1227 font-size: 10px; 1228 text-align: center; 1229 max-width: 80px; 1230 width: 100%; 1231 } 1232</style> 1233 1234<div class="tbf-section"> 1235 <div class="tbf-container"> 1236 1237 <div class="tbf-item" > 1238 <div class="tbf-icon"> 1239 1240 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"> 1241 <g clip-path="url(#clip0_3906_2891)"> 1242 <path d="M17.2778 0.901693C17.128 0.838522 16.9554 0.908712 16.8922 1.0581C16.8286 1.20794 16.8988 1.38051 17.0483 1.44369C18.4094 2.01818 19.4182 3.37865 19.4182 5.02126C19.4182 8.58053 14.9863 10.2767 12.6263 7.59511C11.2921 6.09151 11.3074 3.75616 12.7882 2.27529C13.6633 1.39974 14.8467 1.02865 15.9947 1.16475C16.156 1.18322 16.3023 1.06878 16.3216 0.907186C16.3408 0.745901 16.2254 0.599569 16.0642 0.580343C12.2096 0.122274 9.66111 4.46447 11.8767 7.59511C11.6406 7.59511 5.96894 7.59511 5.71121 7.59511C5.43625 7.59511 5.21317 7.81866 5.21317 8.09316V11.8993L4.66049 12.9854C4.55582 13.1914 4.38126 13.3451 4.1742 13.4237C4.1742 12.9697 3.81821 12.6548 3.42026 12.6548H2.28546C1.89407 12.6548 1.53122 12.9584 1.53122 13.4389H0.801697C0.35965 13.4389 0 13.7986 0 14.2409V14.5972C0 14.7596 0.131378 14.8913 0.29419 14.8913C0.456543 14.8913 0.588379 14.7596 0.588379 14.5972V14.2409C0.588379 14.123 0.684052 14.0273 0.801697 14.0273H1.53122V18.0997H0.801697C0.684052 18.0997 0.588379 18.0041 0.588379 17.8864V15.7738C0.588379 15.611 0.456543 15.4796 0.29419 15.4796C0.131378 15.4796 0 15.611 0 15.7738V17.8864C0 18.3285 0.35965 18.6881 0.801697 18.6881H1.53122C1.53122 19.1689 1.89468 19.4726 2.28546 19.4726H3.42026C3.76587 19.4726 4.05762 19.2388 4.14627 18.9211C4.50806 19.0178 3.51151 18.9795 16.6792 18.9795C16.9824 18.9795 17.2292 18.7328 17.2292 18.4296V9.16204C20.8878 7.66469 20.9428 2.45382 17.2778 0.901693ZM3.58582 16.0465C3.58582 16.3595 3.58582 16.4615 3.58582 16.4589V18.7183C3.58582 18.8082 3.51013 18.8843 3.42026 18.8843H2.28546C2.19574 18.8843 2.1196 18.8082 2.1196 18.7183C2.1196 18.4676 2.1196 13.6564 2.1196 13.4092C2.1196 13.3188 2.19574 13.2432 2.28546 13.2432H3.42026C3.51013 13.2432 3.58582 13.3188 3.58582 13.4092V16.0465ZM8.96149 8.18334H11.2048V10.4917L10.3328 9.80947C10.1859 9.69457 9.97925 9.69518 9.83338 9.80947L8.96149 10.4917V8.18334ZM8.89389 18.3896C4.22318 18.3913 4.45053 18.4206 4.1742 18.312V14.0366C4.60861 13.9408 4.96857 13.6757 5.21317 13.1965C5.27817 13.0687 5.76294 12.1161 5.88074 11.8848C5.97824 11.69 6.52909 12.1825 6.26938 12.6925L5.98541 13.2506C5.79407 13.6269 6.0669 14.072 6.48911 14.072L10.1744 14.0708C10.3568 14.0708 10.5125 14.2203 10.5106 14.3944C10.5086 14.5672 10.3661 14.7083 10.1927 14.7092H7.89307C7.73056 14.7092 7.59888 14.8409 7.59888 15.0034C7.59888 15.1659 7.73056 15.2976 7.89307 15.2976C7.89459 15.2976 11.3261 15.2973 11.3269 15.2973C11.4751 15.2973 11.6296 15.4334 11.6536 15.5655C11.6963 15.7789 11.5712 15.9351 11.3509 15.9351C11.3499 15.9351 10.8946 15.9354 7.86835 15.9354C7.70584 15.9354 7.57416 16.0671 7.57416 16.2296C7.57416 16.392 7.70584 16.5236 7.86835 16.5236C7.87003 16.5236 10.8165 16.5236 10.8182 16.5238C11.1006 16.5342 11.2254 16.8755 11.0312 17.0685C10.9711 17.129 10.8911 17.1619 10.806 17.1619C8.55088 17.1633 9.17649 17.1631 7.58576 17.1631C7.42325 17.1631 7.29157 17.2948 7.29157 17.4573C7.29157 17.6198 7.42325 17.7515 7.58576 17.7515C8.98667 17.7515 8.99445 17.7202 9.11972 17.8448C9.319 18.0446 9.1774 18.3896 8.89389 18.3896ZM16.6408 18.3912H14.9535V12.7352C14.9535 12.5728 14.8216 12.441 14.6593 12.441C14.4965 12.441 14.3651 12.5728 14.3651 12.7352V18.3912H9.74152C9.823 18.1774 9.82178 17.9526 9.74533 17.7511L10.806 17.7503C11.4592 17.7503 11.8977 17.08 11.6379 16.4811C12.2917 16.2787 12.4507 15.4632 11.9783 14.9889C11.6606 14.6712 11.3437 14.7089 11.0405 14.7089C11.2679 14.11 10.809 13.4824 10.1744 13.4824L6.5271 13.4836L6.79383 12.9596C7.24121 12.0798 6.4682 11.1097 5.80155 11.2682V8.18334H8.37311V10.8674C8.37311 11.0909 8.55515 11.2728 8.77884 11.2728C8.96012 11.2728 8.92334 11.2684
124210.0832 10.3612C11.2271 11.2562 11.2021 11.2728 11.3873 11.2728C11.6112 11.2728 11.7932 11.0909 11.7932 10.8674V8.18334H12.3729C12.9343 8.74471 13.6186 9.13854 14.3651 9.33889V11.5586C14.3651 11.7209 14.4965 11.8528 14.6593 11.8528C14.8216 11.8528 14.9535 11.7209 14.9535 11.5586V9.45577C15.5133 9.52825 16.0904 9.49529 16.6408 9.35583V18.3912Z" fill="white"></path> 1243 <path d="M13.5927 4.96786C13.485 4.8461 13.299 4.83496 13.1775 4.94269C13.0557 5.05041 13.0446 5.23626 13.1523 5.35788L14.3372 6.69562C14.5654 6.95318 14.9672 6.95273 15.1952 6.69684L17.9161 3.64309C18.0243 3.52194 18.0135 3.33593 17.8922 3.2279C17.7708 3.11987 17.585 3.1304 17.4768 3.25171L14.7667 6.29309L13.5927 4.96786Z" fill="white"></path> 1244 </g> 1245 <defs> 1246 <clippath id="clip0_3906_2891"> 1247 <rect width="20" height="20" fill="white"></rect> 1248 </clippath> 1249 </defs> 1250 </svg> 1251 1252 </div> 1253 1254 <div class="tbf-text"> 1255 <p>Free shipping on orders over 300 Kr</p> 1256 </div> 1257 </div> 1258 1259 <div class="tbf-item" > 1260 <div class="tbf-icon"> 1261 1262 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none"> 1263 <path d="M15.4781 3.89184C15.4743 3.88163 15.4695 3.87254 15.4647 3.86287C15.4525 3.83843 15.4375 3.81629 15.4195 3.79578C15.413 3.7885 15.4077 3.78089 15.4006 3.77423C15.3754 3.75043 15.3473 3.72947 15.3145 3.71487L13.3135 2.82565C13.486 2.58416 13.6021 2.30386 13.6219 1.9772C13.6696 1.18924 13.1489 0.501526 12.3262 0.26593C11.6871 0.0828247 10.9672 0.226105 10.2449 0.680359C10.0231 0.819996 9.8059 0.988167 9.59695 1.1741L8.12695 0.520752C8.04623 0.484894 7.95422 0.484589 7.87305 0.520752L6.40792 1.1719C5.75478 0.597694 4.99827 0.1875 4.23764 0.1875C4.04523 0.1875 3.85541 0.213898 3.67368 0.26593C2.85077 0.501526 2.33014 1.18924 2.37805 1.97736C2.39798 2.30393 2.51397 2.58418 2.68651 2.82565L0.685547 3.71487C0.652779 3.72947 0.624683 3.75041 0.599468 3.77419C0.592373 3.78087 0.587013 3.78852 0.580547 3.79584C0.562523 3.81631 0.547512 3.83843 0.535381 3.86283C0.530556 3.87252 0.525787 3.88161 0.521954 3.89186C0.509022 3.92632 0.5 3.96239 0.5 4.00052V12.3057C0.5 12.4292 0.572784 12.5412 0.685547 12.5912L7.87305 15.7855C7.87764 15.7876 7.88277 15.7867 7.88743 15.7885C7.92376 15.8027 7.9614 15.8125 8 15.8125C8.0386 15.8125 8.07624 15.8027 8.11257 15.7885C8.11723 15.7867 8.12236 15.7876 8.12695 15.7855L15.3145 12.5912C15.4274 12.5412 15.5 12.4292 15.5 12.3057V4.00052C15.5 3.96237 15.491 3.92632 15.4781 3.89184ZM7.6875 7.39798V15.0192L4.5625 13.6304V6.00917L7.6875 7.39798ZM8 6.85273L5.03012 5.5329L7.49951 4.46011C7.50439 4.458 7.50737 4.45369 7.5121 4.45134C7.62206 4.45935 7.73286 4.46814 7.84207 4.47583C7.84207 4.47583 8.00227 4.4859 8.00549 4.4859C8.01511 4.4859 8.15762 4.47598 8.15762 4.47598C8.26697 4.46826 8.37794 4.45947 8.48803 4.45144C8.49273 4.45374 8.49564 4.45802 8.50049 4.46011L10.9699 5.53292L8 6.85273ZM11.7452 5.18838L9.76922 4.32998C10.2108 4.27502 10.6522 4.2038 11.0878 4.09451C11.5136 3.9877 12.2688 3.74797 12.8453 3.30169L14.4182 4.00052L11.7452 5.18838ZM10.5778 1.20938C10.9977 0.944946 11.3936 0.812195 11.7601 0.812195C11.8956 0.812195 12.0271 0.830353 12.1541 0.866821C12.5987 0.99408 13.0323 1.37509 12.9982 1.93921C12.9509 2.71191 11.902 3.24612 10.9358 3.48843C10.1228 3.69229 9.2674 3.76904 8.42969 3.82993C8.73883 3.03647 9.56799 1.84506 10.5778 1.20938ZM8 1.14819L9.11929 1.64565C8.65384 2.15417 8.26058 2.73175 8.00263 3.25599C7.74968 2.73232 7.36159 2.15417 6.89008 1.64157L8 1.14819ZM3.84579 0.866821C3.97153 0.830811 4.10336 0.8125 4.23764 0.8125C5.5856 0.8125 7.12338 2.65454 7.57306 3.83023C6.73444 3.7692 5.87811 3.6926 5.06421 3.48843C4.09818 3.24612 3.04898 2.71191 3.00183 1.93936C2.96765 1.37524 3.401 0.99408 3.84579 0.866821ZM3.15471 3.3017C3.73116 3.74797 4.48628 3.9877 4.91223 4.09451C5.34777 4.20382 5.78923 4.27506 6.23076 4.32999L4.25486 5.18836L1.582 4.00052L3.15471 3.3017ZM1.125 4.48146L3.9375 5.7314V13.3526L1.125 12.1026V4.48146ZM8.3125 7.39798L11.4375 6.00917V13.6304L8.3125 15.0192V7.39798ZM12.0625 13.3526V5.7314L14.875 4.48146V12.1026L12.0625 13.3526Z" fill="white"></path> 1264 </svg> 1265 1266 </div> 1267 1268 <div class="tbf-text"> 1269 <p>Free samples included with your purchase</p> 1270 </div> 1271 </div> 1272 1273 <div class="tbf-item" > 1274 <div class="tbf-icon"> 1275 1276 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"> 1277 <g clip-path="url(#clip0_4566_28)"> 1278 <path d="M17.1712 15.5367C16.8323 15.5369 16.501 15.4366 16.219 15.2485C15.9371 15.0604 15.7173 14.7929 15.5874 14.4799C15.4576 14.1668 15.4235 13.8223 15.4894 13.4898C15.5554 13.1574 15.7185 12.852 15.958 12.6123C16.1976 12.3725 16.5029 12.2092 16.8353 12.143C17.1677 12.0768 17.5122 12.1106 17.8254 12.2403C18.1385 12.3699 18.4062 12.5895 18.5945 12.8713C18.7828 13.1531 18.8833 13.4844 18.8833 13.8233C18.8831 14.2774 18.7027 14.7129 18.3817 15.0341C18.0607 15.3554 17.6254 15.5361 17.1712 15.5367ZM17.1712 12.735C16.9559 12.7347 16.7454 12.7984 16.5663 12.9178C16.3871 13.0372 16.2474 13.2071 16.1649 13.406C16.0823 13.6048 16.0606 13.8237 16.
12781024 14.0349C16.1443 14.2461 16.2478 14.4401 16.4 14.5924C16.5521 14.7448 16.7461 14.8486 16.9572 14.8906C17.1684 14.9327 17.3873 14.9113 17.5862 14.8289C17.7851 14.7466 17.9552 14.6071 18.0748 14.4281C18.1945 14.2491 18.2583 14.0386 18.2583 13.8233C18.2582 13.5349 18.1437 13.2584 17.9399 13.0543C17.7361 12.8503 17.4596 12.7354 17.1712 12.735Z" fill="white"></path> 1279 <path d="M8.14249 15.5367C7.80355 15.537 7.47214 15.4368 7.19016 15.2487C6.90819 15.0606 6.68832 14.7932 6.55839 14.4801C6.42846 14.1671 6.39429 13.8226 6.46021 13.4901C6.52613 13.1576 6.68918 12.8522 6.92872 12.6124C7.16827 12.3726 7.47356 12.2093 7.80596 12.143C8.13836 12.0768 8.48293 12.1106 8.7961 12.2402C9.10927 12.3699 9.37696 12.5895 9.56529 12.8713C9.75363 13.1531 9.85416 13.4844 9.85416 13.8233C9.85383 14.2773 9.67344 14.7127 9.35256 15.0339C9.03168 15.3551 8.5965 15.5359 8.14249 15.5367ZM8.14249 12.735C7.92717 12.7347 7.71659 12.7982 7.53739 12.9176C7.3582 13.037 7.21844 13.2068 7.13581 13.4057C7.05319 13.6045 7.0314 13.8234 7.0732 14.0346C7.11501 14.2458 7.21853 14.4399 7.37067 14.5923C7.52281 14.7447 7.71673 14.8485 7.92789 14.8906C8.13905 14.9327 8.35796 14.9113 8.55693 14.829C8.75589 14.7466 8.92596 14.6071 9.04562 14.4281C9.16529 14.2491 9.22916 14.0386 9.22916 13.8233C9.22894 13.535 9.11443 13.2586 8.91074 13.0546C8.70704 12.8506 8.43078 12.7356 8.14249 12.735Z" fill="white"></path> 1280 <path d="M19.4255 14.1359H18.5709C18.488 14.1359 18.4085 14.103 18.3499 14.0443C18.2913 13.9857 18.2584 13.9063 18.2584 13.8234C18.2584 13.7405 18.2913 13.661 18.3499 13.6024C18.4085 13.5438 18.488 13.5109 18.5709 13.5109H19.3371V11.8538C19.3369 11.6298 19.2796 11.4095 19.1705 11.2138L17.4788 8.18088C17.4643 8.15499 17.4432 8.13343 17.4177 8.11842C17.3921 8.1034 17.363 8.09548 17.3334 8.09546H15.028V13.5121H15.7721C15.855 13.5121 15.9345 13.545 15.9931 13.6037C16.0517 13.6623 16.0846 13.7417 16.0846 13.8246C16.0846 13.9075 16.0517 13.987 15.9931 14.0456C15.9345 14.1042 15.855 14.1371 15.7721 14.1371H14.7155C14.6326 14.1371 14.5531 14.1042 14.4945 14.0456C14.4359 13.987 14.403 13.9075 14.403 13.8246V7.78296C14.403 7.70008 14.4359 7.62059 14.4945 7.56199C14.5531 7.50338 14.6326 7.47046 14.7155 7.47046H17.3334C17.4744 7.47039 17.6128 7.50797 17.7344 7.57932C17.856 7.65066 17.9563 7.75319 18.025 7.87629L19.7163 10.9096C19.8771 11.1983 19.9615 11.5233 19.9617 11.8538V13.5996C19.9615 13.7418 19.9049 13.878 19.8044 13.9786C19.7039 14.0791 19.5676 14.1357 19.4255 14.1359Z" fill="white"></path> 1281 <path d="M6.74295 14.1359H3.7467C3.66382 14.1359 3.58434 14.103 3.52573 14.0443C3.46713 13.9857 3.4342 13.9063 3.4342 13.8234V11.42C3.4342 11.3372 3.46713 11.2577 3.52573 11.1991C3.58434 11.1405 3.66382 11.1075 3.7467 11.1075C3.82958 11.1075 3.90907 11.1405 3.96768 11.1991C4.02628 11.2577 4.0592 11.3372 4.0592 11.42V13.5109H6.74295C6.82583 13.5109 6.90532 13.5438 6.96392 13.6024C7.02253 13.661 7.05545 13.7405 7.05545 13.8234C7.05545 13.9063 7.02253 13.9857 6.96392 14.0443C6.90532 14.103 6.82583 14.1359 6.74295 14.1359Z" fill="white"></path> 1282 <path d="M3.7467 10.3112C3.66382 10.3112 3.58434 10.2783 3.52573 10.2197C3.46713 10.1611 3.4342 10.0816 3.4342 9.99872V7.90039C3.4342 7.81751 3.46713 7.73802 3.52573 7.67942C3.58434 7.62081 3.66382 7.58789 3.7467 7.58789C3.82958 7.58789 3.90907 7.62081 3.96768 7.67942C4.02628 7.73802 4.0592 7.81751 4.0592 7.90039V9.99997C4.05887 10.0826 4.0258 10.1618 3.96723 10.2201C3.90867 10.2785 3.82937 10.3112 3.7467 10.3112Z" fill="white"></path> 1283 <path d="M14.7155 14.1359H9.5417C9.45882 14.1359 9.37934 14.1029 9.32073 14.0443C9.26213 13.9857 9.2292 13.9062 9.2292 13.8234C9.2292 13.7405 9.26213 13.661 9.32073 13.6024C9.37934 13.5438 9.45882 13.5109 9.5417 13.5109H14.403V5.33545H4.0592V6.62253C4.0592 6.70541 4.02628 6.7849 3.96768 6.8435C3.90907 6.90211 3.82958 6.93503 3.7467 6.93503C3.66382 6.93503 3.58434 6.90211 3.52573 6.8435C3.46713 6.7849 3.4342 6.70541 3.4342 6.62253V5.27795C3.43442 5.12743 3.49434 4.98315 3.60081 4.87676C3.70728 4.77037 3.85161 4.71056 4.00212 4.71045H14.4605C14.6109 4.71067 14.7551 4.77053 14.8615 4.87691C14.9679 4.98329 15.0277 5.12751 15.028 5.27795V13.8234C15.028 13.9062 14.995 13.9857 14.9364 14.0443C14.8778 14.1029 14.7983 14.1359 14.7155 14.1359Z" fill="white"></path> 1284 <path d="M4.98212 11.7325H1.01587C0.932989 11.7325 0.853503 11.6996 0.794898 11.641C0.736293 11.5824 0.703369 11.5029 0.703369 11.42C0.703369 11.3372 0.736293 11.2577 0.794898 11.1991C0.853503 11.1405 0.932989 11.1075 1.01587 11.1075H4.98212C5.065 11.1075 5.14448 11.1405 5.20309 11.1991C5.2617 11.2577 5.29462 11.3372 5.29462 11.42C5.29462 11.5029 5.2617 11.5824 5.20309 11.641C5.14448 11.6996 5.065 11.7325 4.98212 11.7325Z" fill="white"></path> 1285 <path d="M8.14249 10.3113H2.60791C2.52503 10.3113 2.44554 10.2784 2.38694 10.2198C2.32833 10.1611 2.29541 10.0817 2.29541 9.99878C2.29541 9.9159 2.32833 9.83641 2.38694 9.77781C2.44554 9.7192 2.52503 9.68628 2.60791 9.68628H8.14249C8.22537 9.68628 8.30486 9.7192 8.36347 9.77781C8.42207 9.83641 8.45499 9.9159 8.45499 9.99878C8.45499 10.0817 8.42207 10.1611 8.36347 10.2198C8.30486 10.2784 8.22537 10.3113 8.14249 10.3113Z" fill="white"></path> 1286 <path d="M2.43579 8.66125H0.274536C0.191656 8.66125 0.11217 8.62833 0.0535653 8.56973C-0.00503986 8.51112 -0.0379639 8.43164 -0.0379639 8.34875C-0.0379639 8.26587 -0.00503986 8.18639 0.0535653 8.12778C0.11217 8.06918 0.191656 8.03625 0.274536 8.03625H2.43579C2.51867 8.03625 2.59815 8.06918 2.65676 8.12778C2.71536 8.18639 2.74829 8.26587 2.74829 8.34875C2.74829 8.43164 2.71536 8.51112 2.65676 8.56973C2.59815 8.62833 2.51867 8.66125 2.43579 8.66125Z" fill="white"></path> 1287 <path d="M5.9013 6.93506H2.0863C2.00342 6.93506 1.92394 6.90213 1.86533 6.84353C1.80673 6.78492 1.7
1287738 6.70544 1.7738 6.62256C1.7738 6.53968 1.80673 6.46019 1.86533 6.40159C1.92394 6.34298 2.00342 6.31006 2.0863 6.31006H5.9013C5.98418 6.31006 6.06367 6.34298 6.12227 6.40159C6.18088 6.46019 6.2138 6.53968 6.2138 6.62256C6.2138 6.70544 6.18088 6.78492 6.12227 6.84353C6.06367 6.90213 5.98418 6.93506 5.9013 6.93506Z" fill="white"></path> 1288 </g><defs><clippath id="clip0_4566_28"><rect width="20" height="20" fill="white"></rect></clippath></defs> 1289 </svg> 1290 1291 </div> 1292 1293 <div class="tbf-text"> 1294 <p>Fast delivery: 1â3 business days</p> 1295 </div> 1296 </div> 1297 1298 </div> 1299</div> 1300</div><header id="shopify-section-sections--18553034309711__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style> 1301 :root { 1302 --header-is-sticky: 1; 1303 } 1304 1305 #shopify-section-sections--18553034309711__header { 1306 --header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr); 1307 --header-padding-block: 1rem; 1308 --header-transparent-header-text-color: 255 255 255; 1309 --header-separation-border-color: 0 0 0 / 0; 1310 1311 position: relative; 1312 z-index: 5; 1313 } 1314 1315 @media screen and (min-width: 700px) { 1316 #shopify-section-sections--18553034309711__header { 1317 --header-padding-block: 1.6rem; 1318 } 1319 } 1320 1321 @media screen and (min-width: 1000px) { 1322 #shopify-section-sections--18553034309711__header {--header-grid: ". logo secondary-nav" "primary-nav primary-nav primary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);} 1323 }#shopify-section-sections--18553034309711__header { 1324 position: sticky; 1325 top: 0; 1326 } 1327 1328 .shopify-section--announcement-bar ~ #shopify-section-sections--18553034309711__header { 1329 top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px)); 1330 }#shopify-section-sections--18553034309711__header { 1331 --header-logo-width: 120px; 1332 --header-logo-height: 30px; 1333 } 1334 1335 @media screen and (min-width: 700px) { 1336 #shopify-section-sections--18553034309711__header { 1337 --header-logo-width: 165px; 1338 --header-logo-height: 41px; 1339 } 1340 }</style> 1341 1342<height-observer variable="header"> 1343 <x-header class="header"> 1344 <a href="/" class="header__logo"><span class="sr-only">Dr.Stine</span><img src="//drstine.com/cdn/shop/files/Dr.Stine_Logo_Flagg.png?v=1718367729&width=2122" alt="" srcset="//drstine.com/cdn/shop/files/Dr.Stine_Logo_Flagg.png?v=1718367729&width=330 330w, //drstine.com/cdn/shop/files/Dr.Stine_Logo_Flagg.png?v=1718367729&width=495 495w" width="2122" height="527" sizes="165px" class="header__logo-image"></a> 1345 1346<nav class="header__primary-nav header__primary-nav--center" aria-label="Primary navigation"> 1347 <button type="button" aria-controls="sidebar-menu" class="menu-hidden-desktop tw-gap-[2px] tw-flex tw-justify-center tw-items-center tw-flex-col"> 1348 <span class="sr-only">Menu</span><svg 1349 aria-hidden="true" 1350 fill="none" 1351 focusable="false" 1352 width="24" 1353 class="header__nav-icon icon icon-hamburger" 1354 viewBox="0 0 24 24" 1355 > 1356 <path d="M1 19h22M1 12h22M1 5h22" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> 1357 </svg><span class="tw-text-[0.65rem] tw-font-bold tw-text-[#545454] tw-flex tw-justify-center tw-items-center tw-text-center link-faded menu-hidden-desktop">Menu</span> 1358 </button> 1359 1360 <style> 1361 @media screen and (min-width: 1000px){ 1362 .menu-hidden-desktop{ 1363 display: none; 1364 } 1365 } 1366 </style><ul class="contents unstyled-list md-max:hidden"> 1367 1368 <li class="header__primary-nav-item" data-title="SKINCARE"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover"> 1369 <summary data-follow-link="/collections/all-products" class="h6">SKINCARE</summary><div 1370 class="mega-menu " 1371 1372><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5"> 1373 <a href="/collections/all" class="h6">All products</a></li><li class="v-stack justify-items-start gap-5"> 1374 <a href="/products/superfood-multipurpose-vitamin-face-gel" class="h6">Serum</a></li><li class="v-stack justify-items-start gap-5"> 1375 <a href="/collections/rynkekrem-ansiktskrem" class="h6">Wrinkle cream / Face cream</a></li><li class="v-stack justify-items-start gap-5"> 1376 <a href="/products/wash" class="h6">Facial cleanser</a></li><li class="v-stack justify-items-start gap-5"> 1377 <a href="/collections/hudpleiesett" class="h6">Skincare set</a></li><li class="v-stack justify-items-start gap-5"> 1378 <a href="/pages/order-free-samples" class="h6">Get free samples</a></li></ul><div class="mega-menu__promo"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=315 315w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=630 630w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">SKIN CARE SET</p><p class="smallcaps text-xs text-subdued">buy our gift boxes and get a discount</p></div></a><a href="/products/superfood-multipurpose-vitamin-face-gel" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=315 315w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=630 630w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">BEST SELLER</p><p class="smallcaps text-xs text-subdued">SUPERFOOD multipurpose vitamin face gel</p></div></a></div></div> 1379</details></li> 1380 1381 <li class="header__primary-nav-item" data-title="SKIN TYPE"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover"> 1382 <summary data-follow-link="/pages/skin-types" class="h6">SKIN TYPE</summary><div 1383 class="mega-menu " 1384 1385><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5"> 1386 <a href="/pages/combination-skin" class="h6">Combination skin</a></li><li class="v-stack justify-items-start gap-5"> 1387 <a href="/pages/normal-skin" class="h6">Normal skin</a></li><li class="v-stack justify-items-start gap-5"> 1388 <a href="/pages/dry-skin" class="h6">Dry Skin</a></li><li class="v-stack justify-items-start gap-5"> 1389 <a href="/pages/oily-skin" class="h6">Oily skin</a></li><li class="v-stack justify-items-start gap-5"> 1390 <a href="/pages/sensitive-skin" class="h6">Sensitive skin</a></li><li class="v-stack justify-items-start gap-5"> 1391 <a href="/pages/adult-skin" class="h6">Mature skin</a></li><li class="v-stack justify-items-start gap-5"> 1392 <a href="/pages/large-pores" class="h6">Large pores</a></li><li class="v-stack justify-items-start gap-5"> 1393 <a href="/pages/pigment-spots" class="h6">Pigment spots</a></li><li class="v-stack justify-items-start gap-5"> 1394 <a href="/pages/eczema" class="h6">Eczema</a></li><li class="v-stack justify-items-start gap-5"> 1395 <a href="/pages/adult-acne" class="h6">Adult acne</a></li><li class="v-stack justify-items-start gap-5"> 1396 <a href="/pages/safe-products-for-pregnant-women" class="h6">Safe products for pregnant women</a></li></ul><div class="mega-menu__promo"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=315 315w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=630 630w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">SKIN CARE SET</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=315 315w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=630 630w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div> 1397</details></li> 1398 1399 <li class="header__primary-nav-item" data-title="ALL PRODUCTS"><a href="/collections/all-products" class="block h6" >ALL PRODUCTS</a></li> 1400 1401 <li class="header__primary-nav-item" data-title="SUBSCRIPTION"><a href="/collections/subscriptions" class="block h6" >SUBSCRIPTION</a></li> 1402 1403 <li class="header__primary-nav-item" data-title="ABOUT US"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover"> 1404 <summary data-follow-link="/pages/our-history" class="h6">ABOUT US</summary><div 1405 class="mega-menu " 1406 1407><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5"> 1408 <a href="/pages/our-history" class="h6">Our history</a></li><li class="v-stack justify-items-start gap-5"> 1409 <a href="/pages/reviews" class="h6">Reviews</a></li><li class="v-stack justify-items-start gap-5"> 1410 <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="h6">Frequently asked questions</a></li><li class="v-stack justify-items-start gap-5"> 1411 <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="h6">Contact</a></li></ul><div class="mega-menu__promo"><a href="/collections/all" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=315 315w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=630 630w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">ALL PRODUCTS</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=315 315w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=630 630w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-2.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div> 1412</details></li> 1413 1414 <li class="header__primary-nav-item" data-title="CLINICAL STUDIES"><a href="/pages/clinical-studies" class="block h6" >CLINICAL STUDIES</a></li></ul></nav><nav class="header__secondary-nav" aria-label="Secondary navigation"><a href="/account" class="sm-max:hidden">
1415 <span class="sr-only">Open account page</span><svg 1416 aria-hidden="true" 1417 fill="none" 1418 focusable="false" 1419 width="24" 1420 class="header__nav-icon icon icon-account" 1421 viewBox="0 0 24 24" 1422 > 1423 <path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1424 <path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1425 </svg></a><a class="tw-flex tw-justify-center tw-items-center tw-flex-col tw-gap-[2px]" href="/search" aria-controls="header-search-sections--18553034309711__header"> 1426 <span class="sr-only">Search</span><svg 1427 aria-hidden="true" 1428 fill="none" 1429 focusable="false" 1430 width="24" 1431 class="header__nav-icon icon icon-search" 1432 viewBox="0 0 24 24" 1433 > 1434 <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1435 <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> 1436 </svg><span class="tw-text-[0.65rem] tw-font-bold tw-text-[#545454] tw-flex tw-justify-center tw-items-center tw-text-center link-faded menu-hidden-desktop">Search</span></a><a id="cart_trigger" href="/cart" class="relative tw-gap-[2px] tw-flex tw-justify-center tw-items-center tw-flex-col" aria-controls="cart-drawer"> 1437 <span class="sr-only">Cart</span><svg 1438 aria-hidden="true" 1439 fill="none" 1440 focusable="false" 1441 width="24" 1442 class="header__nav-icon icon icon-cart" 1443 viewBox="0 0 24 24" 1444 ><path d="M2 10h20l-4 11H6L2 10Zm14-3a4 4 0 0 0-8 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="tw-text-[0.65rem] tw-font-bold tw-text-[#545454] tw-flex tw-justify-center tw-items-center tw-text-center link-faded menu-hidden-desktop">Cart </span><cart-dot class="header__cart-dot "></cart-dot> 1445 </a> 1446 </nav><header-search id="header-search-sections--18553034309711__header" class="header-search"> 1447 <div class="container"> 1448 <form 1449 id="predictive-search-form" 1450 action="/search" 1451 method="GET" 1452 aria-owns="header-predictive-search" 1453 class="header-search__form" 1454 role="search" 1455 > 1456 <div class="header-search__form-control"><svg 1457 aria-hidden="true" 1458 fill="none" 1459 focusable="false" 1460 width="20" 1461 class="icon icon-search" 1462 viewBox="0 0 24 24" 1463 > 1464 <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1465 <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> 1466 </svg><input 1467 type="search" 1468 name="q" 1469 spellcheck="false" 1470 class="header-search__input h5 sm:h4" 1471 aria-label="Search" 1472 placeholder="Search for..." 1473 > 1474 <button type="button" is="dialog-close-button"> 1475 <span class="sr-only">Close</span><svg 1476 aria-hidden="true" 1477 focusable="false" 1478 fill="none" 1479 width="16" 1480 class="icon icon-close" 1481 viewBox="0 0 16 16" 1482 > 1483 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1484 </svg> 1485 1486 </button> 1487 </div> 1488 </form> 1489 1490 <predictive-search id="header-predictive-search" class="predictive-search"> 1491 <div class="predictive-search__content" slot="results"></div> 1492 </predictive-search> 1493 </div> 1494</header-search> 1495 1496 1497<template id="header-sidebar-template"> 1498 <div part="base"> 1499 <div part="overlay"></div> 1500 1501 <div part="content"> 1502 <header part="header"> 1503 <button 1504 type="button" 1505 is="dialog-close-button" 1506 part="close-button tap-area" 1507 aria-label="Close" 1508 ><svg 1509 aria-hidden="true" 1510 focusable="false" 1511 fill="none" 1512 width="16" 1513 class="icon icon-close"
1514 viewBox="0 0 16 16" 1515 > 1516 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1517 </svg> 1518 1519 </button> 1520 </header> 1521 1522 <div part="panel-list"> 1523 <slot name="main-panel"></slot><slot name="collapsible-panel"></slot></div> 1524 </div> 1525 </div> 1526</template> 1527 1528<header-sidebar 1529 id="sidebar-menu" 1530 class="header-sidebar drawer drawer--sm" 1531 template="header-sidebar-template" 1532 open-from="left" 1533><div class="header-sidebar__main-panel" slot="main-panel"> 1534 <div class="header-sidebar__scroller"> 1535 1536 <div class="tw-w-full"> 1537 <div class="tw-mb-2 tw-grid tw-h-full tw-grid-cols-2 tw-gap-4"> 1538 1539 1540 1541 1542 </div> 1543 </div> 1544 1545 <style> 1546 .image_size img { 1547 width: 100%; 1548 height: 100%; 1549 object-fit: cover; 1550 object-position: center; 1551 border-radius: 6.8px 6.8px 0 0; 1552 } 1553 </style> 1554 1555 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><button 1556 type="button" 1557 class="header-sidebar__linklist-button h6" 1558 aria-controls="header-panel-1" 1559 aria-expanded="false" 1560 >SKINCARE<svg 1561 aria-hidden="true" 1562 focusable="false" 1563 fill="none" 1564 width="12" 1565 class="icon icon-chevron-right icon--direction-aware" 1566 viewBox="0 0 10 10" 1567 > 1568 <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/> 1569 </svg></button></li><li><button 1570 type="button" 1571 class="header-sidebar__linklist-button h6" 1572 aria-controls="header-panel-2" 1573 aria-expanded="false" 1574 >SKIN TYPE<svg 1575 aria-hidden="true" 1576 focusable="false" 1577 fill="none" 1578 width="12" 1579 class="icon icon-chevron-right icon--direction-aware" 1580 viewBox="0 0 10 10" 1581 > 1582 <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/> 1583 </svg></button></li><li><a 1584 href="/collections/all-products" 1585 class="header-sidebar__linklist-button h6" 1586 >ALL PRODUCTS</a></li><li><a 1587 href="/collections/subscriptions" 1588 class="header-sidebar__linklist-button h6" 1589 >SUBSCRIPTION</a></li><li><button 1590 type="button" 1591 class="header-sidebar__linklist-button h6" 1592 aria-controls="header-panel-5" 1593 aria-expanded="false" 1594 >ABOUT US<svg 1595 aria-hidden="true" 1596 focusable="false" 1597 fill="none" 1598 width="12" 1599 class="icon icon-chevron-right icon--direction-aware" 1600 viewBox="0 0 10 10" 1601 > 1602 <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/> 1603 </svg></button></li><li><a 1604 href="/pages/clinical-studies" 1605 class="header-sidebar__linklist-button h6" 1606 >CLINICAL STUDIES</a></li></ul> 1607 </div><div class="header-sidebar__footer"><a href="/account" class="text-with-icon smallcaps sm:hidden"><svg 1608 aria-hidden="true" 1609 fill="none" 1610 focusable="false" 1611 width="20" 1612 class="icon icon-account" 1613 viewBox="0 0 24 24" 1614 > 1615 <path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1616 <path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1617 </svg>Account</a></div></div><header-sidebar-collapsible-panel class="header-sidebar__collapsible-panel" slot="collapsible-panel"> 1618 <div class="header-sidebar__scroller"><div id="header-panel-1" class="header-sidebar__sub-panel" hidden> 1619 <button 1620 type="button" 1621 class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" 1622 data-action="close-panel" 1623 ><svg 1624 aria-hidden="true" 1625 focusable="false" 1626 fill="none" 1627 width="12" 1628 class="icon icon-chevron-left icon--direction-aware"
1629 viewBox="0 0 10 10" 1630 > 1631 <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/> 1632 </svg>SKINCARE</button> 1633 1634 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a 1635 href="/collections/all" 1636 class="header-sidebar__linklist-button h6" 1637 >All products</a></li><li><a 1638 href="/products/superfood-multipurpose-vitamin-face-gel" 1639 class="header-sidebar__linklist-button h6" 1640 >Serum</a></li><li><a 1641 href="/collections/rynkekrem-ansiktskrem" 1642 class="header-sidebar__linklist-button h6" 1643 >Wrinkle cream / Face cream</a></li><li><a 1644 href="/products/wash" 1645 class="header-sidebar__linklist-button h6" 1646 >Facial cleanser</a></li><li><a 1647 href="/collections/hudpleiesett" 1648 class="header-sidebar__linklist-button h6" 1649 >Skincare set</a></li><li><a 1650 href="/pages/order-free-samples" 1651 class="header-sidebar__linklist-button h6" 1652 >Get free samples</a></li></ul><div class="header-sidebar__promo scroll-area bleed md:unbleed"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=315 315w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=630 630w, //drstine.com/cdn/shop/files/mobil_hudtype_1070500_1188_x_766_px.jpg?v=1715763222&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">SKIN CARE SET</p><p class="smallcaps text-xs text-subdued">buy our gift boxes and get a discount</p></div></a><a href="/products/superfood-multipurpose-vitamin-face-gel" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=315 315w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=630 630w, //drstine.com/cdn/shop/files/Dr.A_Superfood_mobil.jpg?v=1715763054&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">BEST SELLER</p><p class="smallcaps text-xs text-subdued">SUPERFOOD multipurpose vitamin face gel</p></div></a></div></div><div id="header-panel-2" class="header-sidebar__sub-panel" hidden> 1653 <button 1654 type="button" 1655 class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" 1656 data-action="close-panel" 1657 ><svg 1658 aria-hidden="true" 1659 focusable="false" 1660 fill="none" 1661 width="12" 1662 class="icon icon-chevron-left icon--direction-aware" 1663 viewBox="0 0 10 10" 1664 > 1665 <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/> 1666 </svg>SKIN TYPE</button> 1667 1668 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a 1669 href="/pages/combination-skin" 1670 class="header-sidebar__linklist-button h6" 1671 >Combination skin</a></li><li><a 1672 href="/pages/normal-skin" 1673 class="header-sidebar__linklist-button h6" 1674 >Normal skin</a></li><li><a 1675 href="/pages/dry-skin" 1676 class="header-sidebar__linklist-button h6" 1677 >Dry Skin</a></li><li><a 1678 href="/pages/oily-skin" 1679 class="header-sidebar__linklist-button h6" 1680 >Oily skin</a></li><li><a 1681 href="/pages/sensitive-skin" 1682 class="header-sidebar__linklist-button h6" 1683 >Sensitive skin</a></li><li><a 1684 href="/pages/adult-skin" 1685 class="header-sidebar__linklist-button h6" 1686 >Mature skin</a></li><li><a 1687 href="/pages/large-pores" 1688 class="header-sidebar__linklist-button h6" 1689 >Large pores</a></li><li><a 1690 href="/pages/pigment-spots" 1691 class="header-sidebar__linklist-button h6" 1692 >Pigment spots</a></li><li><a 1693 href="/pages/eczema" 1694 class="header-sidebar__linklist-button h6" 1695 >Eczema</a></li><li><a 1696 href="/pages/adult-acne" 1697 class="header-sidebar__linklist-button h6" 1698 >Adult acne</a></li><li><a 1699 href="/pages/safe-products-for-pregnant-women" 1700 class="header-sidebar__linklist-button h6" 1701 >Safe products for pregnant women</a></li></ul><div class="header-sidebar__promo scroll-area bleed md:unbleed"><a href="/products/the-anti-age-kit" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=315 315w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=630 630w, //drstine.com/cdn/shop/files/hudtype_meny.jpg?v=1715763223&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">SKIN CARE SET</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=315 315w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=630 630w, //drstine.com/cdn/shop/files/hudtype.jpg?v=1715763227&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div><div id="header-panel-5" class="header-sidebar__sub-panel" hidden> 1702 <button 1703 type="button" 1704 class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" 1705 data-action="close-panel" 1706 ><svg 1707 aria-hidden="true" 1708 focusable="false" 1709 fill="none" 1710 width="12" 1711 class="icon icon-chevron-left icon--direction-aware"
1712 viewBox="0 0 10 10" 1713 > 1714 <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/> 1715 </svg>ABOUT US</button> 1716 1717 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a 1718 href="/pages/our-history" 1719 class="header-sidebar__linklist-button h6" 1720 >Our history</a></li><li><a 1721 href="/pages/reviews" 1722 class="header-sidebar__linklist-button h6" 1723 >Reviews</a></li><li><a 1724 href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" 1725 class="header-sidebar__linklist-button h6" 1726 >Frequently asked questions</a></li><li><a 1727 href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" 1728 class="header-sidebar__linklist-button h6" 1729 >Contact</a></li></ul><div class="header-sidebar__promo scroll-area bleed md:unbleed"><a href="/collections/all" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=315 315w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=630 630w, //drstine.com/cdn/shop/files/om_oss.jpg?v=1715763224&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">ALL PRODUCTS</p></div></a><a href="/pages/clinical-studies" class="v-stack justify-items-center gap-4 sm:gap-5 group"><div class="overflow-hidden"><img src="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=1188" alt="" srcset="//drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=315 315w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=630 630w, //drstine.com/cdn/shop/files/om-oss.jpg?v=1715763229&width=945 945w" width="1188" height="766" loading="lazy" sizes="315px" class="zoom-image group-hover:zoom"></div><div class="v-stack text-center gap-0.5"><p class="h6">CLINICAL STUDIES</p></div></a></div></div></div> 1730 </header-sidebar-collapsible-panel></header-sidebar> 1731</x-header> 1732</height-observer> 1733
1734<script> 1735 document.documentElement.style.setProperty('--header-height', `${Math.round(document.getElementById('shopify-section-sections--18553034309711__header').clientHeight)}px`); 1736</script>
1736 1737 1738</header> 1739<!-- END sections: header-group --><!-- BEGIN sections: overlay-group --> 1740<section id="shopify-section-sections--18553035292751__cart-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--cart-drawer"><div class="tw-opacity-0"> 1741 <svg 1742 width="38" 1743 height="24" 1744 viewBox="0 0 38 24" 1745 fill="none" 1746 xmlns="http://www.w3.org/2000/svg" 1747 xmlns:xlink="http://www.w3.org/1999/xlink" 1748> 1749 <rect x="0.5" y="0.5" width="37" height="23" rx="3.5" fill="white" stroke="#F3F3F3"/> 1750 <rect x="1" y="7" width="36" height="9" fill="url(#pattern0)"/> 1751 <defs> 1752 <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"> 1753 <use xlink:href="#image0_1127_24" transform="matrix(0.0037037 0 0 0.0133333 -0.166667 -1.8)"/> 1754 </pattern> 1755 <image id="image0_1127_24" width="360" height="360" xlink:href="data:image/png;base64,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"/> 1756 </defs> 1757</svg> 1758 1759</div> 1760<cart-drawer 1761 id="cart-drawer"
1762 class="cart-drawer drawer !tw-w-full drawer--center-body" 1763 initial-focus="false" 1764 handle-editor-events 1765> 1766 <p class="h4" slot="header">Cart</p><p class="h5 text-center">Your cart is empty</p></cart-drawer> 1767 1768<style> 1769 #cart_upsell .ed_card { 1770 flex: 1 0 85% !important; 1771 height: 75px; 1772 align-items: center; 1773 } 1774</style> 1775 1776 1777</section> 1778<!-- END sections: overlay-group --><main id="main" class="anchor"> 1779 <section id="shopify-section-template--18553038176335__204d5aaf-4579-4463-a4a5-9a09562fc9d0" class="shopify-section shopify-section--image-with-text-overlay"><style> 1780 #shopify-section-template--18553038176335__204d5aaf-4579-4463-a4a5-9a09562fc9d0 {--content-over-media-overlay: 0 0 0 / 0.0;--content-over-media-content-max-width: var(--container-md-max-width); 1781 } 1782 </style><div 1783 class="" 1784 1785 > 1786 <image-with-text-overlay 1787 class="content-over-media content-over-media--auto" 1788 reveal-on-scroll="false" 1789 ><picture><source 1790 media="(max-width: 699px)" 1791 srcset="//drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=400 400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=600 600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=800 800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER_MOBIL.jpg?v=1715763012&width=1000 1000w" 1792 width="779" 1793 height="317" 1794 ><img src="//drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=5208" alt="" srcset="//drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=200 200w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=300 300w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=400 400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=500 500w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=600 600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=700 700w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=800 800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=900 900w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=1000 1000w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=1200 1200w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=1400 1400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=1600 1600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=1800 1800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=2000 2000w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=2200 2200w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=2400 2400w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=2600 2600w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=2800 2800w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=3000 3000w, //drstine.com/cdn/shop/files/HUDPLEIEBLOGG_BANNER.jpg?v=1715763014&width=3200 3200w" width="5208" height="1458" loading="lazy" sizes="100vw"></picture><div 1795 class="content place-self-center text-center sm:place-self-center sm:text-center" 1796 style="--text-color: 84 84 84; color: rgb(var(--text-color));--border-color: var(--text-color) / 0.15;" 1797 > 1798 <div class="prose"><p class="h3" > 1799 HUDPLEIEBLOGG 1800 </p></div> 1801 </div></image-with-text-overlay> 1802 </div> 1803</section><section id="shopify-section-template--18553038176335__89632523-7602-4717-8edc-72a223aed0b5" class="shopify-section shopify-section--rich-text"><div class=" bordered-section"> 1804 <div class="container container--sm"> 1805 <div class="prose text-center"><p class="h6" >Hudpleie som skiller seg fra mengden</p><div ><p>Vi setter stor ære i å dele vår kunnskap og innsikt om hudpleie, virkningsmekanismer og aktive ingredienser. <br/>På den måten kan du trygt velge riktige produkter til din hud.</p><p></p></div></div> 1806 </div> 1807 </div> 1808</section><section id="shopify-section-template--18553038176335__584ebd61-8405-42ff-9a86-e5b859ebabfb" class="shopify-section shopify-section--faq"> 1809</section><section id="shopify-section-template--18553038176335__3e5710b3-8d17-41af-a4cc-ea04eea6fa1f" class="shopify-section shopify-section--text-with-icons"><div class="section-spacing section-spacing--tight bordered-section"> 1810 <div class="container"> 1811 <div class="v-stack gap-8"><div 1812 class="text-with-icons text-with-icons--stacked" 1813 role="region" 1814 style="--border-color: var(--text-color) / 0.15;" 1815 ><div class="text-with-icons__item is-selected " role="group" aria-label="Item 1 of 4" > 1816 <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><img src="//drstine.com/cdn/shop/files/lege4.png?v=1715762072&width=1080" alt="" srcset="//drstine.com/cdn/shop/files/lege4.png?v=1715762072&width=32 32w, //drstine.com/cdn/shop/files/lege4.png?v=1715762072&width=64 64w" width="1080" height="1080" loading="lazy" sizes="32px" class="constrained-image" style="--image-mobile-max-width: 24px; --image-max-width: 32px"><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">UTVIKLET AV LEGER</p></div></div> 1817 </div><div class="text-with-icons__item " role="group" aria-label="Item 2 of 4" > 1818 <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><img src="//drstine.com/cdn/shop/files/vegan.png?v=1715762038&width=2926" alt="" srcset="//drstine.com/cdn/shop/files/vegan.png?v=1715762038&width=56 56w, //drstine.com/cdn/shop/files/vegan.png?v=1715762038&width=112 112w" width="2926" height="1462" loading="lazy" sizes="56px" class="constrained-image" style="--image-mobile-max-width: 24px; --image-max-width: 56px"><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">VEGANSK</p></div></div> 1819 </div><div class="text-with-icons__item " role="group" aria-label="Item 3 of 4" > 1820 <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><div style="--border-color: var(--text-color) / 0.15;"><svg 1821 aria-hidden="true" 1822 focusable="false" 1823 fill="none" 1824 stroke-width="1.5" 1825 width="24" 1826 class="sm:hidden icon icon-picto-earth"
1827 viewBox="0 0 24 24" 1828 > 1829 <path clip-rule="evenodd" d="M12 23.25c6.213 0 11.25-5.037 11.25-11.25S18.213.75 12 .75.75 5.787.75 12 5.787 23.25 12 23.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1830 <path clip-rule="evenodd" d="M7.079 15.75a1.5 1.5 0 0 0 1.455-1.864l-.75-3A1.5 1.5 0 0 0 6.329 9.75H.976a11.246 11.246 0 0 0 4.016 11.042L6 15.75h1.079Zm13.906-10.5h-4.064a1.5 1.5 0 0 0-1.455 1.136l-.75 3a1.5 1.5 0 0 0 1.455 1.864h1.579l.791 4.75a1.5 1.5 0 0 0 1.48 1.253h1.925a11.2 11.2 0 0 0-.961-12V5.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1831 </svg><svg 1832 aria-hidden="true" 1833 focusable="false" 1834 fill="none" 1835 stroke-width="1.5" 1836 width="28" 1837 class="hidden sm:block icon icon-picto-earth" 1838 viewBox="0 0 24 24" 1839 > 1840 <path clip-rule="evenodd" d="M12 23.25c6.213 0 11.25-5.037 11.25-11.25S18.213.75 12 .75.75 5.787.75 12 5.787 23.25 12 23.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1841 <path clip-rule="evenodd" d="M7.079 15.75a1.5 1.5 0 0 0 1.455-1.864l-.75-3A1.5 1.5 0 0 0 6.329 9.75H.976a11.246 11.246 0 0 0 4.016 11.042L6 15.75h1.079Zm13.906-10.5h-4.064a1.5 1.5 0 0 0-1.455 1.136l-.75 3a1.5 1.5 0 0 0 1.455 1.864h1.579l.791 4.75a1.5 1.5 0 0 0 1.48 1.253h1.925a11.2 11.2 0 0 0-.961-12V5.25Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1842 </svg></div><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">PRODUSERT I SKANDINAVIA</p></div></div> 1843 </div><div class="text-with-icons__item " role="group" aria-label="Item 4 of 4" > 1844 <div class="v-stack gap-6 justify-items-center sm:justify-items-center"><div style="--border-color: var(--text-color) / 0.15;"><svg 1845 aria-hidden="true" 1846 focusable="false" 1847 fill="none" 1848 stroke-width="1.5" 1849 width="24" 1850 class="sm:hidden icon icon-picto-recycle" 1851 viewBox="0 0 24 24" 1852 > 1853 <path d="m18.344 9.2-3.8-6.682a3 3 0 0 0-5.2 0l-1.058 1.83M11.942 20.1H19.5a3 3 0 0 0 2.6-4.5l-1.3-2.25M5.594 8.848l-3.8 6.75a3 3 0 0 0 2.6 4.5h3.052" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1854 <path d="m14.942 17.098-3 3 3 3m4.5-18-1.098 4.098-4.098-1.098M1.496 9.946l4.098-1.098 1.098 4.098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1855 </svg><svg 1856 aria-hidden="true" 1857 focusable="false" 1858 fill="none" 1859 stroke-width="1.5" 1860 width="28" 1861 class="hidden sm:block icon icon-picto-recycle" 1862 viewBox="0 0 24 24" 1863 > 1864 <path d="m18.344 9.2-3.8-6.682a3 3 0 0 0-5.2 0l-1.058 1.83M11.942 20.1H19.5a3 3 0 0 0 2.6-4.5l-1.3-2.25M5.594 8.848l-3.8 6.75a3 3 0 0 0 2.6 4.5h3.052" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1865 <path d="m14.942 17.098-3 3 3 3m4.5-18-1.098 4.098-4.098-1.098M1.496 9.946l4.098-1.098 1.098 4.098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1866 </svg></div><div class="v-stack gap-2 text-center sm:text-center"><p class="h6">TUBE AV RESIRKULERT PLAST</p></div></div> 1867 </div></div></div> 1868 </div> 1869 </div> 1870</section><section id="shopify-section-template--18553038176335__main" class="shopify-section shopify-section--main-blog"><div class="section-spacing section-spacing--tight"><div class="container container--lg"> 1871 <div class="section-stack"><div class="v-stack gap-8 sm:gap-12"><blog-posts 1872 class="blog-post-list" 1873 1874 reveal-on-scroll="true" 1875 1876 ><div class="blog-post-card group snap-center"><a href="/blogs/news/enkel-og-effektiv-sommer-hudpleierutine" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=1800" alt="Simple and effective summer skincare routine" srcset="//drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=300 300w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=400 400w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=500 500w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=600 600w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=800 800w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=1000 1000w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=1200 1200w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=1400 1400w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=1600 1600w, //drstine.com/cdn/shop/articles/effektiv_og_enkel_sommer_hudpleie_rutine.jpg?v=1719317073&width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p> 1877 <a href="/blogs/news/enkel-og-effektiv-sommer-hudpleierutine" class="blog-post-card__title h4">Simple and effective summer skincare routine</a> 1878 </p><p class="blog-post-card__excerpt"> 1879 1880 1881 1882 1883 1884 1885There are many more fun things to do on your vacation than your skincare routine. It can be tempting to skip your evening care, but read this before you do: 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898Throughout the day, w...</p><a href="/blogs/news/enkel-og-effektiv-sommer-hudpleierutine" class="blog-post-card__read-more link">Read more</a></div> 1899</div> 1900<div class="blog-post-card group snap-center"><a href="/blogs/news/sommerhud-elsker-denne-ingrediensen-niacinamid" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=1800" alt="Summer skin loves this ingredient â Niacinamide" srcset="//drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=300 300w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=400 400w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=500 500w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=600 600w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=800 800w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=1000 1000w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=1200 1200w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=1400 1400w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=1600 1600w, //drstine.com/cdn/shop/articles/Niacinamid.jpg?v=1719317070&width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p> 1901 <a href="/blogs/news/sommerhud-elsker-denne-ingrediensen-niacinamid" class="blog-post-card__title h4">Summer skin loves this ingredient â Niacinamide</a> 1902 </p><p class="blog-post-card__excerpt"> 1903 1904 1905 1906 1907 1908You have probably heard about Niacinamide before â it is a fantastic ingredient that does a lot of good for our skin. 1909 1910 1911 1912 1913In the summer, the skin is constantly exposed to influences. UV rays ...</p><a href="/blogs/news/sommerhud-elsker-denne-ingrediensen-niacinamid" class="blog-post-card__read-more link">Read more</a></div> 1914</div> 1915<div class="blog-post-card group snap-center"><a href="/blogs/news/anti-age-til-menn" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=1800" alt="Anti-aging for men" srcset="//drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=300 300w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=400 400w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=500 500w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=600 600w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=800 800w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=1000 1000w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=1200 1200w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=1400 1400w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=1600 1600w, //drstine.com/cdn/shop/articles/7.jpg?v=1719317068&width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p> 1916 <a href="/blogs/news/anti-age-til-menn" class="blog-post-card__title h4">Anti-aging for men</a> 1917 </p><p class="blog-post-card__excerpt">Dr. Ankerstjerne makes advanced skincare easy to use â even for men. One or two skincare products in your skincare routine is all you need. 1918 1919 1920 1921 1922 1923 1924Are you a man looking to use skincare products that...</p><a href="/blogs/news/anti-age-til-menn" class="blog-post-card__read-more link">Read more</a></div> 1925</div> 1926<div class="blog-post-card group snap-center"><a href="/blogs/news/hvordan-unngar-du-pigmentflekker" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=1800" alt="How to avoid pigmentation spots?" srcset="//drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=300 300w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=400 400w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=500 500w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=600 600w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=800 800w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=1000 1000w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=1200 1200w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=1400 1400w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=1600 1600w, //drstine.com/cdn/shop/articles/6.jpg?v=1719317065&width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p> 1927 <a href="/blogs/news/hvordan-unngar-du-pigmentflekker" class="blog-post-card__title h4">How to avoid pigmentation spots?</a> 1928 </p><p class="blog-post-card__excerpt"> 1929 1930 1931Tips for preventing pigmentation spots: 1932 1933 1934 1935 1936Fortunately, pigmentation spots can be prevented to some extent, and sun protection is the best preventive measure. 1937 1938 1939 1940 194101 1942 1943 1944 1945 1946Use high SPF every day...</p><a href="/blogs/news/hvordan-unngar-du-pigmentflekker" class="blog-post-card__read-more link">Read more</a></div> 1947</div> 1948<div class="blog-post-card group snap-center"><a href="/blogs/news/5-tips-som-forebygger-rynker" class="overflow-hidden"><img src="//drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=1800" alt="5 tips som forebygger rynker" srcset="//drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=300 300w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=400 400w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=500 500w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=600 600w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=800 800w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=1000 1000w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=1200 1200w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=1400 1400w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=1600 1600w, //drstine.com/cdn/shop/articles/5.jpg?v=1719317055&width=1800 1800w" width="1800" height="1000" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-post-card__image w-full zoom-image group-hover:zoom"></a><div class="blog-post-card__info"><p> 1949 <a href="/blogs/news/5-tips-som-forebygger-rynker" class="blog-post-card__title h4">5 tips som forebygger rynker</a> 1950 </p><p class="blog-post-card__excerpt"> 1951 1952 1953 1954 1955 1956 1957Disse simple tips hjælper dig med at forebygge rynker. Bruger du solbeskyttelse Ã¥ret rundt? SÃ¥ er du langt pÃ¥ vej. Der er selvfølgelig mange andre tiltag, der forebygger tidlig aldring, men ...</p><a href="/blogs/news/5-tips-som-forebygger-rynker" class="blog-post-card__read-more link">Read more</a></div> 1958</div> 1959</blog-posts></div> 1960 </div> 1961 </div></div> 1962 1963 1964</section> 1965 </main><!-- BEGIN sections: footer-group --> 1966<div id="shopify-section-sections--18553034244175__48297610-2888-4bc5-af9c-7014a8f88a97" class="shopify-section shopify-section-group-footer-group"><link href="//drstine.com/cdn/shop/t/40/assets/custom-carousel.css?v=89766270549836055911764647471" rel="stylesheet" type="text/css" media="all" /> 1967 1968 1969 1970 1971 1972<section style="background-color: #f9f9f9" class="tw-py-8"> 1973 <div class="tw-mx-auto tw-max-w-[1150px] tw-relative"> 1974 1975 <h2 class="tw-text-center tw-text-black tw-mb-5 tw-font-bold"><i class="tw-not-italic tw-bg-[#a5dcc4] tw-p-1">4,4 out of 5</i> from 700+ reviews</h2> 1976 1977 1978 1979 1980 1981 1982 <custom-carousel class="testimonial-slider carousel-wrapper">
1983 <div class="carousel tw-scroll-smooth tw-grid tw-grid-flow-col tw-auto-cols-[100%] sm:tw-auto-cols-[calc((100%_/_2)_-_9px)] md:tw-auto-cols-[calc((100%_/_3)_-_9px)] tw-gap-[12px] tw-overflow-hidden"> 1984 1985 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 1986 1987 1988 <div class="!tw-flex !tw-justify-between !tw-items-center"> 1989 1990 <p class="tw-font-bold tw-text-[14px]" style="color:"> 1991 Ann Kristin 1992 </p> 1993 1994 1995 <p> 1996 12/12/2023 1997 </p> 1998 1999 </div> 2000 2001 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full "> 2002 <span class="tw-line-clamp-3">Delicious products, packaged delicately and precise delivery :)</span> 2003 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2004 </div> 2005 <dialog class="my_modal tw-max-w-[500px]"> 2006 <div class="modal-box tw-p-3"> 2007 2008 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2009 <h3 class="font-bold text-lg">Ann Kristin</h3> 2010 <p class="py-4">12/12/2023</p> 2011 </div> 2012 2013 <div class="modal-action"> 2014 <form method="dialog tw-w-full"> 2015 <p class="tw-mb-3">Delicious products, packaged delicately and precise delivery :)</p> 2016 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2017 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2018 <g id="Layer_1-2" data-name="Layer 1"> 2019 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2020 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2021 </g> 2022 </svg> 2023 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2024 <g id="Layer_1-2" data-name="Layer 1"> 2025 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2026 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2027 </g> 2028 </svg> 2029 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2030 <g id="Layer_1-2" data-name="Layer 1"> 2031 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2032 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2033 </g> 2034 </svg> 2035 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2036 <g id="Layer_1-2" data-name="Layer 1"> 2037 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2038 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2039 </g> 2040 </svg> 2041 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2042 <g id="Layer_1-2" data-name="Layer 1"> 2043 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2044 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2045 </g> 2046 </svg> 2047 </div> 2048 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2049 </form> 2050 </div> 2051 </div> 2052 </dialog> 2053 2054
2054<script> 2055 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2056 var closeBtns = document.querySelectorAll(".closeBtns"); 2057 2058 // Open the modal 2059 for ( var modaleBtn in modaleBtns ) { 2060 modaleBtns[modaleBtn].onclick = function() { 2061 let parent = this.closest('.carousel-card') 2062 let modal = parent.querySelector('.my_modal') 2063 modal.showModal(); 2064 } 2065 } 2066 2067 // Close the modal 2068 for ( var closeBtn in closeBtns ) { 2069 closeBtns[closeBtn].onclick = function() { 2070 let parent = this.closest('.carousel-card') 2071 let modal = parent.querySelector('.my_modal') 2072 modal.close(); 2073 } 2074 } 2075 2076 // Close the modal by clicking Escape 2077 document.addEventListener("keydown", function (event) { 2078 if (event.key === "Escape") { 2079 closeModal(); 2080 } 2081 }); 2082 </script>
2082 2083 2084<div class="tw-flex tw-justify-start tw-gap-0.5"> 2085 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2086 <g id="Layer_1-2" data-name="Layer 1"> 2087 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2088 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2089 </g> 2090 </svg> 2091 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2092 <g id="Layer_1-2" data-name="Layer 1"> 2093 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2094 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2095 </g> 2096 </svg> 2097 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2098 <g id="Layer_1-2" data-name="Layer 1"> 2099 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2100 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2101 </g> 2102 </svg> 2103 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2104 <g id="Layer_1-2" data-name="Layer 1"> 2105 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2106 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2107 </g> 2108 </svg> 2109 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2110 <g id="Layer_1-2" data-name="Layer 1"> 2111 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2112 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2113 </g> 2114 </svg> 2115</div> 2116 2117 </div> 2118 2119 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2120 2121 2122 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2123 2124 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2125 Anne Helen Welle 2126 </p> 2127 2128 2129 <p> 2130 08/10/2024 2131 </p> 2132 2133 </div> 2134 2135 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2136 <span class="tw-line-clamp-3">Fantastic facial cream.</span> 2137 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2138 </div> 2139 <dialog class="my_modal tw-max-w-[500px]"> 2140 <div class="modal-box tw-p-3"> 2141 2142 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2143 <h3 class="font-bold text-lg">Anne Helen Welle</h3> 2144 <p class="py-4">08/10/2024</p> 2145 </div> 2146 2147 <div class="modal-action"> 2148 <form method="dialog tw-w-full"> 2149 <p class="tw-mb-3">Fantastic facial cream.</p> 2150 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2151 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2152 <g id="Layer_1-2" data-name="Layer 1"> 2153 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2154 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2155 </g> 2156 </svg> 2157 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2158 <g id="Layer_1-2" data-name="Layer 1"> 2159 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2160 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2161 </g> 2162 </svg> 2163 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2164 <g id="Layer_1-2" data-name="Layer 1"> 2165 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2166 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2167 </g> 2168 </svg> 2169 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2170 <g id="Layer_1-2" data-name="Layer 1"> 2171 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2172 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2173 </g> 2174 </svg> 2175 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2176 <g id="Layer_1-2" data-name="Layer 1"> 2177 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2178 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2179 </g> 2180 </svg> 2181 </div> 2182 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2183 </form> 2184 </div> 2185 </div> 2186 </dialog> 2187 2188
2188<script> 2189 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2190 var closeBtns = document.querySelectorAll(".closeBtns"); 2191 2192 // Open the modal 2193 for ( var modaleBtn in modaleBtns ) { 2194 modaleBtns[modaleBtn].onclick = function() { 2195 let parent = this.closest('.carousel-card') 2196 let modal = parent.querySelector('.my_modal') 2197 modal.showModal(); 2198 } 2199 } 2200 2201 // Close the modal 2202 for ( var closeBtn in closeBtns ) { 2203 closeBtns[closeBtn].onclick = function() { 2204 let parent = this.closest('.carousel-card') 2205 let modal = parent.querySelector('.my_modal') 2206 modal.close(); 2207 } 2208 } 2209 2210 // Close the modal by clicking Escape 2211 document.addEventListener("keydown", function (event) { 2212 if (event.key === "Escape") { 2213 closeModal(); 2214 } 2215 }); 2216 </script>
2216 2217 2218<div class="tw-flex tw-justify-start tw-gap-0.5"> 2219 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2220 <g id="Layer_1-2" data-name="Layer 1"> 2221 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2222 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2223 </g> 2224 </svg> 2225 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2226 <g id="Layer_1-2" data-name="Layer 1"> 2227 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2228 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2229 </g> 2230 </svg> 2231 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2232 <g id="Layer_1-2" data-name="Layer 1"> 2233 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2234 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2235 </g> 2236 </svg> 2237 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2238 <g id="Layer_1-2" data-name="Layer 1"> 2239 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2240 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2241 </g> 2242 </svg> 2243 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2244 <g id="Layer_1-2" data-name="Layer 1"> 2245 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2246 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2247 </g> 2248 </svg> 2249</div> 2250 2251 </div> 2252 2253 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2254 2255 2256 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2257 2258 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2259 Anne-Lise 2260 </p> 2261 2262 2263 <p> 2264 04/12/2023 2265 </p> 2266 2267 </div> 2268 2269 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2270 <span class="tw-line-clamp-3">The products work, and very good service is provided ð</span> 2271 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2272 </div> 2273 <dialog class="my_modal tw-max-w-[500px]"> 2274 <div class="modal-box tw-p-3"> 2275 2276 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2277 <h3 class="font-bold text-lg">Anne-Lise</h3> 2278 <p class="py-4">04/12/2023</p> 2279 </div> 2280 2281 <div class="modal-action"> 2282 <form method="dialog tw-w-full"> 2283 <p class="tw-mb-3">The products work, and very good service is provided ð</p> 2284 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2285 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2286 <g id="Layer_1-2" data-name="Layer 1"> 2287 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2288 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2289 </g> 2290 </svg> 2291 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2292 <g id="Layer_1-2" data-name="Layer 1"> 2293 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2294 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2295 </g> 2296 </svg> 2297 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2298 <g id="Layer_1-2" data-name="Layer 1"> 2299 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2300 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2301 </g> 2302 </svg> 2303 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2304 <g id="Layer_1-2" data-name="Layer 1"> 2305 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2306 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2307 </g> 2308 </svg> 2309 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2310 <g id="Layer_1-2" data-name="Layer 1"> 2311 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2312 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2313 </g> 2314 </svg> 2315 </div> 2316 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2317 </form> 2318 </div> 2319 </div> 2320 </dialog> 2321 2322
2322<script> 2323 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2324 var closeBtns = document.querySelectorAll(".closeBtns"); 2325 2326 // Open the modal 2327 for ( var modaleBtn in modaleBtns ) { 2328 modaleBtns[modaleBtn].onclick = function() { 2329 let parent = this.closest('.carousel-card') 2330 let modal = parent.querySelector('.my_modal') 2331 modal.showModal(); 2332 } 2333 } 2334 2335 // Close the modal 2336 for ( var closeBtn in closeBtns ) { 2337 closeBtns[closeBtn].onclick = function() { 2338 let parent = this.closest('.carousel-card') 2339 let modal = parent.querySelector('.my_modal') 2340 modal.close(); 2341 } 2342 } 2343 2344 // Close the modal by clicking Escape 2345 document.addEventListener("keydown", function (event) { 2346 if (event.key === "Escape") { 2347 closeModal(); 2348 } 2349 }); 2350 </script>
2350 2351 2352<div class="tw-flex tw-justify-start tw-gap-0.5"> 2353 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2354 <g id="Layer_1-2" data-name="Layer 1"> 2355 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2356 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2357 </g> 2358 </svg> 2359 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2360 <g id="Layer_1-2" data-name="Layer 1"> 2361 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2362 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2363 </g> 2364 </svg> 2365 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2366 <g id="Layer_1-2" data-name="Layer 1"> 2367 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2368 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2369 </g> 2370 </svg> 2371 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2372 <g id="Layer_1-2" data-name="Layer 1"> 2373 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2374 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2375 </g> 2376 </svg> 2377 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2378 <g id="Layer_1-2" data-name="Layer 1"> 2379 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2380 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2381 </g> 2382 </svg> 2383</div> 2384 2385 </div> 2386 2387 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2388 2389 2390 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2391 2392 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2393 Ã shild 2394 </p> 2395 2396 2397 <p> 2398 14/12/2023 2399 </p> 2400 2401 </div> 2402 2403 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2404 <span class="tw-line-clamp-3">I like that the packaging of the products is simple and not overly fancy with unnecessary extra wrapping. The focus is on the quality of the product and not on how pretty the packaging is. Quick delivery and good customer service. I also like that they provide tips on new smart ways to use the products, such as when they gave a tip to use night cream as day cream in cold weather because it helps protect the skin.</span> 2405 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2406 </div> 2407 <dialog class="my_modal tw-max-w-[500px]"> 2408 <div class="modal-box tw-p-3"> 2409 2410 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2411 <h3 class="font-bold text-lg">Ã shild</h3> 2412 <p class="py-4">14/12/2023</p> 2413 </div> 2414 2415 <div class="modal-action"> 2416 <form method="dialog tw-w-full"> 2417 <p class="tw-mb-3">I like that the packaging of the products is simple and not overly fancy with unnecessary extra wrapping. The focus is on the quality of the product and not on how pretty the packaging is. Quick delivery and good customer service. I also like that they provide tips on new smart ways to use the products, such as when they gave a tip to use night cream as day cream in cold weather because it helps protect the skin.</p> 2418 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2419 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2420 <g id="Layer_1-2" data-name="Layer 1"> 2421 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2422 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2423 </g> 2424 </svg> 2425 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2426 <g id="Layer_1-2" data-name="Layer 1"> 2427 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2428 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2429 </g> 2430 </svg> 2431 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2432 <g id="Layer_1-2" data-name="Layer 1"> 2433 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2434 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2435 </g> 2436 </svg> 2437 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2438 <g id="Layer_1-2" data-name="Layer 1"> 2439 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2440 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2441 </g> 2442 </svg> 2443 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2444 <g id="Layer_1-2" data-name="Layer 1"> 2445 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2446 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2447 </g> 2448 </svg> 2449 </div> 2450 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2451 </form> 2452 </div> 2453 </div> 2454 </dialog> 2455 2456
2456<script> 2457 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2458 var closeBtns = document.querySelectorAll(".closeBtns"); 2459 2460 // Open the modal 2461 for ( var modaleBtn in modaleBtns ) { 2462 modaleBtns[modaleBtn].onclick = function() { 2463 let parent = this.closest('.carousel-card') 2464 let modal = parent.querySelector('.my_modal') 2465 modal.showModal(); 2466 } 2467 } 2468 2469 // Close the modal 2470 for ( var closeBtn in closeBtns ) { 2471 closeBtns[closeBtn].onclick = function() { 2472 let parent = this.closest('.carousel-card') 2473 let modal = parent.querySelector('.my_modal') 2474 modal.close(); 2475 } 2476 } 2477 2478 // Close the modal by clicking Escape 2479 document.addEventListener("keydown", function (event) { 2480 if (event.key === "Escape") { 2481 closeModal(); 2482 } 2483 }); 2484 </script>
2484 2485 2486<div class="tw-flex tw-justify-start tw-gap-0.5"> 2487 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2488 <g id="Layer_1-2" data-name="Layer 1"> 2489 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2490 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2491 </g> 2492 </svg> 2493 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2494 <g id="Layer_1-2" data-name="Layer 1"> 2495 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2496 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2497 </g> 2498 </svg> 2499 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2500 <g id="Layer_1-2" data-name="Layer 1"> 2501 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2502 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2503 </g> 2504 </svg> 2505 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2506 <g id="Layer_1-2" data-name="Layer 1"> 2507 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2508 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2509 </g> 2510 </svg> 2511 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2512 <g id="Layer_1-2" data-name="Layer 1"> 2513 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2514 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2515 </g> 2516 </svg> 2517</div> 2518 2519 </div> 2520 2521 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2522 2523 2524 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2525 2526 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2527 Bente 2528 </p> 2529 2530 2531 <p> 2532 11/11/2023 2533 </p> 2534 2535 </div> 2536 2537 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2538 <span class="tw-line-clamp-3">The service here is so good, if you have ordered a product that is not in stock, you will receive a clear and explicit message immediately by email about it, and when the expected delivery time is, and I like this... The products that are in stock are quickly sent and arrive very quickly, shipping costs for sample packages are a real price not overpriced with double as some other online stores do. And most importantly, the products are absolutely lovely and work quickly, you notice a difference in the skin after just one week, which is so incredibly fun after having had problem skin for a long time.</span> 2539 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2540 </div> 2541 <dialog class="my_modal tw-max-w-[500px]"> 2542 <div class="modal-box tw-p-3"> 2543 2544 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2545 <h3 class="font-bold text-lg">Bente</h3> 2546 <p class="py-4">11/11/2023</p> 2547 </div> 2548 2549 <div class="modal-action"> 2550 <form method="dialog tw-w-full"> 2551 <p class="tw-mb-3">The service here is so good, if you have ordered a product that is not in stock, you will receive a clear and explicit message immediately by email about it, and when the expected delivery time is, and I like this... The products that are in stock are quickly sent and arrive very quickly, shipping costs for sample packages are a real price not overpriced with double as some other online stores do. And most importantly, the products are absolutely lovely and work quickly, you notice a difference in the skin after just one week, which is so incredibly fun after having had problem skin for a long time.</p> 2552 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2553 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2554 <g id="Layer_1-2" data-name="Layer 1"> 2555 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2556 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2557 </g> 2558 </svg> 2559 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2560 <g id="Layer_1-2" data-name="Layer 1"> 2561 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2562 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2563 </g> 2564 </svg> 2565 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2566 <g id="Layer_1-2" data-name="Layer 1"> 2567 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2568 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2569 </g> 2570 </svg> 2571 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2572 <g id="Layer_1-2" data-name="Layer 1"> 2573 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2574 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2575 </g> 2576 </svg> 2577 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2578 <g id="Layer_1-2" data-name="Layer 1"> 2579 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2580 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2581 </g> 2582 </svg> 2583 </div> 2584 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2585 </form> 2586 </div> 2587 </div> 2588 </dialog> 2589 2590
2590<script> 2591 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2592 var closeBtns = document.querySelectorAll(".closeBtns"); 2593 2594 // Open the modal 2595 for ( var modaleBtn in modaleBtns ) { 2596 modaleBtns[modaleBtn].onclick = function() { 2597 let parent = this.closest('.carousel-card') 2598 let modal = parent.querySelector('.my_modal') 2599 modal.showModal(); 2600 } 2601 } 2602 2603 // Close the modal 2604 for ( var closeBtn in closeBtns ) { 2605 closeBtns[closeBtn].onclick = function() { 2606 let parent = this.closest('.carousel-card') 2607 let modal = parent.querySelector('.my_modal') 2608 modal.close(); 2609 } 2610 } 2611 2612 // Close the modal by clicking Escape 2613 document.addEventListener("keydown", function (event) { 2614 if (event.key === "Escape") { 2615 closeModal(); 2616 } 2617 }); 2618 </script>
2618 2619 2620<div class="tw-flex tw-justify-start tw-gap-0.5"> 2621 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2622 <g id="Layer_1-2" data-name="Layer 1"> 2623 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2624 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2625 </g> 2626 </svg> 2627 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2628 <g id="Layer_1-2" data-name="Layer 1"> 2629 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2630 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2631 </g> 2632 </svg> 2633 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2634 <g id="Layer_1-2" data-name="Layer 1"> 2635 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2636 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2637 </g> 2638 </svg> 2639 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2640 <g id="Layer_1-2" data-name="Layer 1"> 2641 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2642 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2643 </g> 2644 </svg> 2645 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2646 <g id="Layer_1-2" data-name="Layer 1"> 2647 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2648 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2649 </g> 2650 </svg> 2651</div> 2652 2653 </div> 2654 2655 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2656 2657 2658 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2659 2660 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2661 Cathrine 2662 </p> 2663 2664 2665 <p> 2666 6/11/2023 2667 </p> 2668 2669 </div> 2670 2671 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2672 <span class="tw-line-clamp-3">I received a sample package in the mail with cleanser, day cream, and a gel. Very happy with all 3 products and definitely considering continuing when I run out of the products I currently use.</span> 2673 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2674 </div> 2675 <dialog class="my_modal tw-max-w-[500px]"> 2676 <div class="modal-box tw-p-3"> 2677 2678 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2679 <h3 class="font-bold text-lg">Cathrine</h3> 2680 <p class="py-4">6/11/2023</p> 2681 </div> 2682 2683 <div class="modal-action"> 2684 <form method="dialog tw-w-full"> 2685 <p class="tw-mb-3">I received a sample package in the mail with cleanser, day cream, and a gel. Very happy with all 3 products and definitely considering continuing when I run out of the products I currently use.</p> 2686 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2687 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2688 <g id="Layer_1-2" data-name="Layer 1"> 2689 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2690 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2691 </g> 2692 </svg> 2693 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2694 <g id="Layer_1-2" data-name="Layer 1"> 2695 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2696 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2697 </g> 2698 </svg> 2699 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2700 <g id="Layer_1-2" data-name="Layer 1"> 2701 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2702 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2703 </g> 2704 </svg> 2705 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2706 <g id="Layer_1-2" data-name="Layer 1"> 2707 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2708 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2709 </g> 2710 </svg> 2711 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2712 <g id="Layer_1-2" data-name="Layer 1"> 2713 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2714 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2715 </g> 2716 </svg> 2717 </div> 2718 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2719 </form> 2720 </div> 2721 </div> 2722 </dialog> 2723 2724
2724<script> 2725 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2726 var closeBtns = document.querySelectorAll(".closeBtns"); 2727 2728 // Open the modal 2729 for ( var modaleBtn in modaleBtns ) { 2730 modaleBtns[modaleBtn].onclick = function() { 2731 let parent = this.closest('.carousel-card') 2732 let modal = parent.querySelector('.my_modal') 2733 modal.showModal(); 2734 } 2735 } 2736 2737 // Close the modal 2738 for ( var closeBtn in closeBtns ) { 2739 closeBtns[closeBtn].onclick = function() { 2740 let parent = this.closest('.carousel-card') 2741 let modal = parent.querySelector('.my_modal') 2742 modal.close(); 2743 } 2744 } 2745 2746 // Close the modal by clicking Escape 2747 document.addEventListener("keydown", function (event) { 2748 if (event.key === "Escape") { 2749 closeModal(); 2750 } 2751 }); 2752 </script>
2752 2753 2754<div class="tw-flex tw-justify-start tw-gap-0.5"> 2755 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2756 <g id="Layer_1-2" data-name="Layer 1"> 2757 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2758 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2759 </g> 2760 </svg> 2761 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2762 <g id="Layer_1-2" data-name="Layer 1"> 2763 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2764 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2765 </g> 2766 </svg> 2767 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2768 <g id="Layer_1-2" data-name="Layer 1"> 2769 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2770 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2771 </g> 2772 </svg> 2773 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2774 <g id="Layer_1-2" data-name="Layer 1"> 2775 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2776 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2777 </g> 2778 </svg> 2779 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2780 <g id="Layer_1-2" data-name="Layer 1"> 2781 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2782 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2783 </g> 2784 </svg> 2785</div> 2786 2787 </div> 2788 2789 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2790 2791 2792 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2793 2794 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2795 Cathrine 2796 </p> 2797 2798 2799 <p> 2800 28/05/2023 2801 </p> 2802 2803 </div> 2804 2805 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2806 <span class="tw-line-clamp-3">Fantastic products! I have become completely addicted to both the serum, day cream, and night cream. I already feel like I can see a difference in my skin after a month.</span> 2807 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2808 </div> 2809 <dialog class="my_modal tw-max-w-[500px]"> 2810 <div class="modal-box tw-p-3"> 2811 2812 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2813 <h3 class="font-bold text-lg">Cathrine</h3> 2814 <p class="py-4">28/05/2023</p> 2815 </div> 2816 2817 <div class="modal-action"> 2818 <form method="dialog tw-w-full"> 2819 <p class="tw-mb-3">Fantastic products! I have become completely addicted to both the serum, day cream, and night cream. I already feel like I can see a difference in my skin after a month.</p> 2820 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2821 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2822 <g id="Layer_1-2" data-name="Layer 1"> 2823 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2824 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2825 </g> 2826 </svg> 2827 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2828 <g id="Layer_1-2" data-name="Layer 1"> 2829 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2830 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2831 </g> 2832 </svg> 2833 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2834 <g id="Layer_1-2" data-name="Layer 1"> 2835 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2836 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2837 </g> 2838 </svg> 2839 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2840 <g id="Layer_1-2" data-name="Layer 1"> 2841 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2842 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2843 </g> 2844 </svg> 2845 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2846 <g id="Layer_1-2" data-name="Layer 1"> 2847 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2848 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2849 </g> 2850 </svg> 2851 </div> 2852 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2853 </form> 2854 </div> 2855 </div> 2856 </dialog> 2857 2858
2858<script> 2859 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2860 var closeBtns = document.querySelectorAll(".closeBtns"); 2861 2862 // Open the modal 2863 for ( var modaleBtn in modaleBtns ) { 2864 modaleBtns[modaleBtn].onclick = function() { 2865 let parent = this.closest('.carousel-card') 2866 let modal = parent.querySelector('.my_modal') 2867 modal.showModal(); 2868 } 2869 } 2870 2871 // Close the modal 2872 for ( var closeBtn in closeBtns ) { 2873 closeBtns[closeBtn].onclick = function() { 2874 let parent = this.closest('.carousel-card') 2875 let modal = parent.querySelector('.my_modal') 2876 modal.close(); 2877 } 2878 } 2879 2880 // Close the modal by clicking Escape 2881 document.addEventListener("keydown", function (event) { 2882 if (event.key === "Escape") { 2883 closeModal(); 2884 } 2885 }); 2886 </script>
2886 2887 2888<div class="tw-flex tw-justify-start tw-gap-0.5"> 2889 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2890 <g id="Layer_1-2" data-name="Layer 1"> 2891 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2892 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2893 </g> 2894 </svg> 2895 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2896 <g id="Layer_1-2" data-name="Layer 1"> 2897 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2898 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2899 </g> 2900 </svg> 2901 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2902 <g id="Layer_1-2" data-name="Layer 1"> 2903 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2904 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2905 </g> 2906 </svg> 2907 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2908 <g id="Layer_1-2" data-name="Layer 1"> 2909 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2910 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2911 </g> 2912 </svg> 2913 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2914 <g id="Layer_1-2" data-name="Layer 1"> 2915 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2916 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2917 </g> 2918 </svg> 2919</div> 2920 2921 </div> 2922 2923 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 2924 2925 2926 <div class="!tw-flex !tw-justify-between !tw-items-center"> 2927 2928 <p class="tw-font-bold tw-text-[14px]" style="color:"> 2929 Cathrine 2930 </p> 2931 2932 2933 <p> 2934 12/10/2024 2935 </p> 2936 2937 </div> 2938 2939 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
2940 <span class="tw-line-clamp-3">The products work well and smell great. They absorb nicely into the skin. These are products Iâd like to continue using</span> 2941 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 2942 </div> 2943 <dialog class="my_modal tw-max-w-[500px]"> 2944 <div class="modal-box tw-p-3"> 2945 2946 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 2947 <h3 class="font-bold text-lg">Cathrine</h3> 2948 <p class="py-4">12/10/2024</p> 2949 </div> 2950 2951 <div class="modal-action"> 2952 <form method="dialog tw-w-full"> 2953 <p class="tw-mb-3">The products work well and smell great. They absorb nicely into the skin. These are products Iâd like to continue using</p> 2954 <div class="tw-flex tw-justify-start tw-gap-0.5"> 2955 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2956 <g id="Layer_1-2" data-name="Layer 1"> 2957 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2958 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2959 </g> 2960 </svg> 2961 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2962 <g id="Layer_1-2" data-name="Layer 1"> 2963 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2964 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2965 </g> 2966 </svg> 2967 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2968 <g id="Layer_1-2" data-name="Layer 1"> 2969 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2970 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2971 </g> 2972 </svg> 2973 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2974 <g id="Layer_1-2" data-name="Layer 1"> 2975 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2976 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2977 </g> 2978 </svg> 2979 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 2980 <g id="Layer_1-2" data-name="Layer 1"> 2981 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 2982 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 2983 </g> 2984 </svg> 2985 </div> 2986 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 2987 </form> 2988 </div> 2989 </div> 2990 </dialog> 2991 2992
2992<script> 2993 var modaleBtns = document.querySelectorAll(".modaleBtns"); 2994 var closeBtns = document.querySelectorAll(".closeBtns"); 2995 2996 // Open the modal 2997 for ( var modaleBtn in modaleBtns ) { 2998 modaleBtns[modaleBtn].onclick = function() { 2999 let parent = this.closest('.carousel-card') 3000 let modal = parent.querySelector('.my_modal') 3001 modal.showModal(); 3002 } 3003 } 3004 3005 // Close the modal 3006 for ( var closeBtn in closeBtns ) { 3007 closeBtns[closeBtn].onclick = function() { 3008 let parent = this.closest('.carousel-card') 3009 let modal = parent.querySelector('.my_modal') 3010 modal.close(); 3011 } 3012 } 3013 3014 // Close the modal by clicking Escape 3015 document.addEventListener("keydown", function (event) { 3016 if (event.key === "Escape") { 3017 closeModal(); 3018 } 3019 }); 3020 </script>
3020 3021 3022<div class="tw-flex tw-justify-start tw-gap-0.5"> 3023 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3024 <g id="Layer_1-2" data-name="Layer 1"> 3025 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3026 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3027 </g> 3028 </svg> 3029 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3030 <g id="Layer_1-2" data-name="Layer 1"> 3031 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3032 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3033 </g> 3034 </svg> 3035 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3036 <g id="Layer_1-2" data-name="Layer 1"> 3037 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3038 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3039 </g> 3040 </svg> 3041 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3042 <g id="Layer_1-2" data-name="Layer 1"> 3043 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3044 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3045 </g> 3046 </svg> 3047 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3048 <g id="Layer_1-2" data-name="Layer 1"> 3049 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3050 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3051 </g> 3052 </svg> 3053</div> 3054 3055 </div> 3056 3057 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3058 3059 3060 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3061 3062 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3063 Eirin Hov 3064 </p> 3065 3066 3067 <p> 3068 08/10/2024 3069 </p> 3070 3071 </div> 3072 3073 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3074 <span class="tw-line-clamp-3">Very comfortable and seems to last throughout the day. It would have been nice if the tubes of the respective day and night creams had a visible difference on the outside, but not a big problem. Superfood is very good.</span> 3075 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3076 </div> 3077 <dialog class="my_modal tw-max-w-[500px]"> 3078 <div class="modal-box tw-p-3"> 3079 3080 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3081 <h3 class="font-bold text-lg">Eirin Hov</h3> 3082 <p class="py-4">08/10/2024</p> 3083 </div> 3084 3085 <div class="modal-action"> 3086 <form method="dialog tw-w-full"> 3087 <p class="tw-mb-3">Very comfortable and seems to last throughout the day. It would have been nice if the tubes of the respective day and night creams had a visible difference on the outside, but not a big problem. Superfood is very good.</p> 3088 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3089 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3090 <g id="Layer_1-2" data-name="Layer 1"> 3091 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3092 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3093 </g> 3094 </svg> 3095 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3096 <g id="Layer_1-2" data-name="Layer 1"> 3097 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3098 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3099 </g> 3100 </svg> 3101 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3102 <g id="Layer_1-2" data-name="Layer 1"> 3103 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3104 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3105 </g> 3106 </svg> 3107 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3108 <g id="Layer_1-2" data-name="Layer 1"> 3109 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3110 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3111 </g> 3112 </svg> 3113 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3114 <g id="Layer_1-2" data-name="Layer 1"> 3115 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3116 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3117 </g> 3118 </svg> 3119 </div> 3120 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3121 </form> 3122 </div> 3123 </div> 3124 </dialog> 3125 3126
3126<script> 3127 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3128 var closeBtns = document.querySelectorAll(".closeBtns"); 3129 3130 // Open the modal 3131 for ( var modaleBtn in modaleBtns ) { 3132 modaleBtns[modaleBtn].onclick = function() { 3133 let parent = this.closest('.carousel-card') 3134 let modal = parent.querySelector('.my_modal') 3135 modal.showModal(); 3136 } 3137 } 3138 3139 // Close the modal 3140 for ( var closeBtn in closeBtns ) { 3141 closeBtns[closeBtn].onclick = function() { 3142 let parent = this.closest('.carousel-card') 3143 let modal = parent.querySelector('.my_modal') 3144 modal.close(); 3145 } 3146 } 3147 3148 // Close the modal by clicking Escape 3149 document.addEventListener("keydown", function (event) { 3150 if (event.key === "Escape") { 3151 closeModal(); 3152 } 3153 }); 3154 </script>
3154 3155 3156<div class="tw-flex tw-justify-start tw-gap-0.5"> 3157 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3158 <g id="Layer_1-2" data-name="Layer 1"> 3159 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3160 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3161 </g> 3162 </svg> 3163 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3164 <g id="Layer_1-2" data-name="Layer 1"> 3165 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3166 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3167 </g> 3168 </svg> 3169 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3170 <g id="Layer_1-2" data-name="Layer 1"> 3171 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3172 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3173 </g> 3174 </svg> 3175 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3176 <g id="Layer_1-2" data-name="Layer 1"> 3177 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3178 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3179 </g> 3180 </svg> 3181 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3182 <g id="Layer_1-2" data-name="Layer 1"> 3183 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3184 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3185 </g> 3186 </svg> 3187</div> 3188 3189 </div> 3190 3191 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3192 3193 3194 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3195 3196 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3197 Ellen Ragnhild Solveig Sara 3198 </p> 3199 3200 3201 <p> 3202 01/11/2024 3203 </p> 3204 3205 </div> 3206 3207 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3208 <span class="tw-line-clamp-3">Excellent products for my allergic skin and nose! Everything is perfect!</span> 3209 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3210 </div> 3211 <dialog class="my_modal tw-max-w-[500px]"> 3212 <div class="modal-box tw-p-3"> 3213 3214 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3215 <h3 class="font-bold text-lg">Ellen Ragnhild Solveig Sara</h3> 3216 <p class="py-4">01/11/2024</p> 3217 </div> 3218 3219 <div class="modal-action"> 3220 <form method="dialog tw-w-full"> 3221 <p class="tw-mb-3">Excellent products for my allergic skin and nose! Everything is perfect!</p> 3222 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3223 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3224 <g id="Layer_1-2" data-name="Layer 1"> 3225 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3226 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3227 </g> 3228 </svg> 3229 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3230 <g id="Layer_1-2" data-name="Layer 1"> 3231 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3232 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3233 </g> 3234 </svg> 3235 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3236 <g id="Layer_1-2" data-name="Layer 1"> 3237 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3238 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3239 </g> 3240 </svg> 3241 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3242 <g id="Layer_1-2" data-name="Layer 1"> 3243 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3244 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3245 </g> 3246 </svg> 3247 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3248 <g id="Layer_1-2" data-name="Layer 1"> 3249 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3250 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3251 </g> 3252 </svg> 3253 </div> 3254 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3255 </form> 3256 </div> 3257 </div> 3258 </dialog> 3259 3260
3260<script> 3261 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3262 var closeBtns = document.querySelectorAll(".closeBtns"); 3263 3264 // Open the modal 3265 for ( var modaleBtn in modaleBtns ) { 3266 modaleBtns[modaleBtn].onclick = function() { 3267 let parent = this.closest('.carousel-card') 3268 let modal = parent.querySelector('.my_modal') 3269 modal.showModal(); 3270 } 3271 } 3272 3273 // Close the modal 3274 for ( var closeBtn in closeBtns ) { 3275 closeBtns[closeBtn].onclick = function() { 3276 let parent = this.closest('.carousel-card') 3277 let modal = parent.querySelector('.my_modal') 3278 modal.close(); 3279 } 3280 } 3281 3282 // Close the modal by clicking Escape 3283 document.addEventListener("keydown", function (event) { 3284 if (event.key === "Escape") { 3285 closeModal(); 3286 } 3287 }); 3288 </script>
3288 3289 3290<div class="tw-flex tw-justify-start tw-gap-0.5"> 3291 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3292 <g id="Layer_1-2" data-name="Layer 1"> 3293 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3294 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3295 </g> 3296 </svg> 3297 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3298 <g id="Layer_1-2" data-name="Layer 1"> 3299 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3300 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3301 </g> 3302 </svg> 3303 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3304 <g id="Layer_1-2" data-name="Layer 1"> 3305 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3306 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3307 </g> 3308 </svg> 3309 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3310 <g id="Layer_1-2" data-name="Layer 1"> 3311 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3312 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3313 </g> 3314 </svg> 3315 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3316 <g id="Layer_1-2" data-name="Layer 1"> 3317 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3318 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3319 </g> 3320 </svg> 3321</div> 3322 3323 </div> 3324 3325 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3326 3327 3328 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3329 3330 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3331 Eva 3332 </p> 3333 3334 3335 <p> 3336 12/12/2023 3337 </p> 3338 3339 </div> 3340 3341 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3342 <span class="tw-line-clamp-3">Simply the best night cream! 3343Love itð</span> 3344 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3345 </div> 3346 <dialog class="my_modal tw-max-w-[500px]"> 3347 <div class="modal-box tw-p-3"> 3348 3349 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3350 <h3 class="font-bold text-lg">Eva</h3> 3351 <p class="py-4">12/12/2023</p> 3352 </div> 3353 3354 <div class="modal-action"> 3355 <form method="dialog tw-w-full"> 3356 <p class="tw-mb-3">Simply the best night cream! 3357Love itð</p> 3358 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3359 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3360 <g id="Layer_1-2" data-name="Layer 1"> 3361 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3362 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3363 </g> 3364 </svg> 3365 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3366 <g id="Layer_1-2" data-name="Layer 1"> 3367 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3368 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3369 </g> 3370 </svg> 3371 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3372 <g id="Layer_1-2" data-name="Layer 1"> 3373 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3374 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3375 </g> 3376 </svg> 3377 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3378 <g id="Layer_1-2" data-name="Layer 1"> 3379 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3380 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3381 </g> 3382 </svg> 3383 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3384 <g id="Layer_1-2" data-name="Layer 1"> 3385 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3386 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3387 </g> 3388 </svg> 3389 </div> 3390 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3391 </form> 3392 </div> 3393 </div> 3394 </dialog> 3395 3396
3396<script> 3397 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3398 var closeBtns = document.querySelectorAll(".closeBtns"); 3399 3400 // Open the modal 3401 for ( var modaleBtn in modaleBtns ) { 3402 modaleBtns[modaleBtn].onclick = function() { 3403 let parent = this.closest('.carousel-card') 3404 let modal = parent.querySelector('.my_modal') 3405 modal.showModal(); 3406 } 3407 } 3408 3409 // Close the modal 3410 for ( var closeBtn in closeBtns ) { 3411 closeBtns[closeBtn].onclick = function() { 3412 let parent = this.closest('.carousel-card') 3413 let modal = parent.querySelector('.my_modal') 3414 modal.close(); 3415 } 3416 } 3417 3418 // Close the modal by clicking Escape 3419 document.addEventListener("keydown", function (event) { 3420 if (event.key === "Escape") { 3421 closeModal(); 3422 } 3423 }); 3424 </script>
3424 3425 3426<div class="tw-flex tw-justify-start tw-gap-0.5"> 3427 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3428 <g id="Layer_1-2" data-name="Layer 1"> 3429 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3430 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3431 </g> 3432 </svg> 3433 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3434 <g id="Layer_1-2" data-name="Layer 1"> 3435 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3436 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3437 </g> 3438 </svg> 3439 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3440 <g id="Layer_1-2" data-name="Layer 1"> 3441 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3442 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3443 </g> 3444 </svg> 3445 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3446 <g id="Layer_1-2" data-name="Layer 1"> 3447 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3448 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3449 </g> 3450 </svg> 3451 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3452 <g id="Layer_1-2" data-name="Layer 1"> 3453 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3454 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3455 </g> 3456 </svg> 3457</div> 3458 3459 </div> 3460 3461 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3462 3463 3464 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3465 3466 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3467 Gerd-May 3468 </p> 3469 3470 3471 <p> 3472 13/12/2023 3473 </p> 3474 3475 </div> 3476 3477 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3478 <span class="tw-line-clamp-3">Great skincare products that provide moisture and firmness to the skin. Very satisfied with all the creams in this series.</span> 3479 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3480 </div> 3481 <dialog class="my_modal tw-max-w-[500px]"> 3482 <div class="modal-box tw-p-3"> 3483 3484 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3485 <h3 class="font-bold text-lg">Gerd-May</h3> 3486 <p class="py-4">13/12/2023</p> 3487 </div> 3488 3489 <div class="modal-action"> 3490 <form method="dialog tw-w-full"> 3491 <p class="tw-mb-3">Great skincare products that provide moisture and firmness to the skin. Very satisfied with all the creams in this series.</p> 3492 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3493 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3494 <g id="Layer_1-2" data-name="Layer 1"> 3495 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3496 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3497 </g> 3498 </svg> 3499 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3500 <g id="Layer_1-2" data-name="Layer 1"> 3501 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3502 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3503 </g> 3504 </svg> 3505 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3506 <g id="Layer_1-2" data-name="Layer 1"> 3507 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3508 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3509 </g> 3510 </svg> 3511 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3512 <g id="Layer_1-2" data-name="Layer 1"> 3513 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3514 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3515 </g> 3516 </svg> 3517 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3518 <g id="Layer_1-2" data-name="Layer 1"> 3519 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3520 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3521 </g> 3522 </svg> 3523 </div> 3524 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3525 </form> 3526 </div> 3527 </div> 3528 </dialog> 3529 3530
3530<script> 3531 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3532 var closeBtns = document.querySelectorAll(".closeBtns"); 3533 3534 // Open the modal 3535 for ( var modaleBtn in modaleBtns ) { 3536 modaleBtns[modaleBtn].onclick = function() { 3537 let parent = this.closest('.carousel-card') 3538 let modal = parent.querySelector('.my_modal') 3539 modal.showModal(); 3540 } 3541 } 3542 3543 // Close the modal 3544 for ( var closeBtn in closeBtns ) { 3545 closeBtns[closeBtn].onclick = function() { 3546 let parent = this.closest('.carousel-card') 3547 let modal = parent.querySelector('.my_modal') 3548 modal.close(); 3549 } 3550 } 3551 3552 // Close the modal by clicking Escape 3553 document.addEventListener("keydown", function (event) { 3554 if (event.key === "Escape") { 3555 closeModal(); 3556 } 3557 }); 3558 </script>
3558 3559 3560<div class="tw-flex tw-justify-start tw-gap-0.5"> 3561 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3562 <g id="Layer_1-2" data-name="Layer 1"> 3563 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3564 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3565 </g> 3566 </svg> 3567 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3568 <g id="Layer_1-2" data-name="Layer 1"> 3569 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3570 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3571 </g> 3572 </svg> 3573 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3574 <g id="Layer_1-2" data-name="Layer 1"> 3575 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3576 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3577 </g> 3578 </svg> 3579 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3580 <g id="Layer_1-2" data-name="Layer 1"> 3581 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3582 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3583 </g> 3584 </svg> 3585 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3586 <g id="Layer_1-2" data-name="Layer 1"> 3587 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3588 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3589 </g> 3590 </svg> 3591</div> 3592 3593 </div> 3594 3595 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3596 3597 3598 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3599 3600 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3601 Gunn Kristin Ibenfeldt 3602 </p> 3603 3604 3605 <p> 3606 11/10/2024 3607 </p> 3608 3609 </div> 3610 3611 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3612 <span class="tw-line-clamp-3">The best products on the market.</span> 3613 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3614 </div> 3615 <dialog class="my_modal tw-max-w-[500px]"> 3616 <div class="modal-box tw-p-3"> 3617 3618 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3619 <h3 class="font-bold text-lg">Gunn Kristin Ibenfeldt</h3> 3620 <p class="py-4">11/10/2024</p> 3621 </div> 3622 3623 <div class="modal-action"> 3624 <form method="dialog tw-w-full"> 3625 <p class="tw-mb-3">The best products on the market.</p> 3626 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3627 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3628 <g id="Layer_1-2" data-name="Layer 1"> 3629 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3630 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3631 </g> 3632 </svg> 3633 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3634 <g id="Layer_1-2" data-name="Layer 1"> 3635 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3636 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3637 </g> 3638 </svg> 3639 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3640 <g id="Layer_1-2" data-name="Layer 1"> 3641 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3642 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3643 </g> 3644 </svg> 3645 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3646 <g id="Layer_1-2" data-name="Layer 1"> 3647 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3648 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3649 </g> 3650 </svg> 3651 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3652 <g id="Layer_1-2" data-name="Layer 1"> 3653 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3654 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3655 </g> 3656 </svg> 3657 </div> 3658 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3659 </form> 3660 </div> 3661 </div> 3662 </dialog> 3663 3664
3664<script> 3665 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3666 var closeBtns = document.querySelectorAll(".closeBtns"); 3667 3668 // Open the modal 3669 for ( var modaleBtn in modaleBtns ) { 3670 modaleBtns[modaleBtn].onclick = function() { 3671 let parent = this.closest('.carousel-card') 3672 let modal = parent.querySelector('.my_modal') 3673 modal.showModal(); 3674 } 3675 } 3676 3677 // Close the modal 3678 for ( var closeBtn in closeBtns ) { 3679 closeBtns[closeBtn].onclick = function() { 3680 let parent = this.closest('.carousel-card') 3681 let modal = parent.querySelector('.my_modal') 3682 modal.close(); 3683 } 3684 } 3685 3686 // Close the modal by clicking Escape 3687 document.addEventListener("keydown", function (event) { 3688 if (event.key === "Escape") { 3689 closeModal(); 3690 } 3691 }); 3692 </script>
3692 3693 3694<div class="tw-flex tw-justify-start tw-gap-0.5"> 3695 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3696 <g id="Layer_1-2" data-name="Layer 1"> 3697 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3698 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3699 </g> 3700 </svg> 3701 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3702 <g id="Layer_1-2" data-name="Layer 1"> 3703 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3704 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3705 </g> 3706 </svg> 3707 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3708 <g id="Layer_1-2" data-name="Layer 1"> 3709 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3710 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3711 </g> 3712 </svg> 3713 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3714 <g id="Layer_1-2" data-name="Layer 1"> 3715 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3716 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3717 </g> 3718 </svg> 3719 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3720 <g id="Layer_1-2" data-name="Layer 1"> 3721 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3722 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3723 </g> 3724 </svg> 3725</div> 3726 3727 </div> 3728 3729 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3730 3731 3732 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3733 3734 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3735 Hanne S. Dahl 3736 </p> 3737 3738 3739 <p> 3740 09/10/2024 3741 </p> 3742 3743 </div> 3744 3745 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3746 <span class="tw-line-clamp-3">Superfood is simply â SUPER! 3747Under makeup and fresh-up over makeup.</span> 3748 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3749 </div> 3750 <dialog class="my_modal tw-max-w-[500px]"> 3751 <div class="modal-box tw-p-3"> 3752 3753 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3754 <h3 class="font-bold text-lg">Hanne S. Dahl</h3> 3755 <p class="py-4">09/10/2024</p> 3756 </div> 3757 3758 <div class="modal-action"> 3759 <form method="dialog tw-w-full"> 3760 <p class="tw-mb-3">Superfood is simply â SUPER! 3761Under makeup and fresh-up over makeup.</p> 3762 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3763 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3764 <g id="Layer_1-2" data-name="Layer 1"> 3765 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3766 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3767 </g> 3768 </svg> 3769 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3770 <g id="Layer_1-2" data-name="Layer 1"> 3771 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3772 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3773 </g> 3774 </svg> 3775 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3776 <g id="Layer_1-2" data-name="Layer 1"> 3777 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3778 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3779 </g> 3780 </svg> 3781 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3782 <g id="Layer_1-2" data-name="Layer 1"> 3783 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3784 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3785 </g> 3786 </svg> 3787 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3788 <g id="Layer_1-2" data-name="Layer 1"> 3789 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3790 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3791 </g> 3792 </svg> 3793 </div> 3794 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3795 </form> 3796 </div> 3797 </div> 3798 </dialog> 3799 3800
3800<script> 3801 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3802 var closeBtns = document.querySelectorAll(".closeBtns"); 3803 3804 // Open the modal 3805 for ( var modaleBtn in modaleBtns ) { 3806 modaleBtns[modaleBtn].onclick = function() { 3807 let parent = this.closest('.carousel-card') 3808 let modal = parent.querySelector('.my_modal') 3809 modal.showModal(); 3810 } 3811 } 3812 3813 // Close the modal 3814 for ( var closeBtn in closeBtns ) { 3815 closeBtns[closeBtn].onclick = function() { 3816 let parent = this.closest('.carousel-card') 3817 let modal = parent.querySelector('.my_modal') 3818 modal.close(); 3819 } 3820 } 3821 3822 // Close the modal by clicking Escape 3823 document.addEventListener("keydown", function (event) { 3824 if (event.key === "Escape") { 3825 closeModal(); 3826 } 3827 }); 3828 </script>
3828 3829 3830<div class="tw-flex tw-justify-start tw-gap-0.5"> 3831 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3832 <g id="Layer_1-2" data-name="Layer 1"> 3833 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3834 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3835 </g> 3836 </svg> 3837 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3838 <g id="Layer_1-2" data-name="Layer 1"> 3839 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3840 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3841 </g> 3842 </svg> 3843 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3844 <g id="Layer_1-2" data-name="Layer 1"> 3845 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3846 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3847 </g> 3848 </svg> 3849 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3850 <g id="Layer_1-2" data-name="Layer 1"> 3851 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3852 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3853 </g> 3854 </svg> 3855 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3856 <g id="Layer_1-2" data-name="Layer 1"> 3857 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3858 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3859 </g> 3860 </svg> 3861</div> 3862 3863 </div> 3864 3865 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 3866 3867 3868 <div class="!tw-flex !tw-justify-between !tw-items-center"> 3869 3870 <p class="tw-font-bold tw-text-[14px]" style="color:"> 3871 Heidi K 3872 </p> 3873 3874 3875 <p> 3876 01/10/2024 3877 </p> 3878 3879 </div> 3880 3881 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
3882 <span class="tw-line-clamp-3">Very satisfied with Superfood from Dr.Ankerstjerne</span> 3883 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 3884 </div> 3885 <dialog class="my_modal tw-max-w-[500px]"> 3886 <div class="modal-box tw-p-3"> 3887 3888 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 3889 <h3 class="font-bold text-lg">Heidi K</h3> 3890 <p class="py-4">01/10/2024</p> 3891 </div> 3892 3893 <div class="modal-action"> 3894 <form method="dialog tw-w-full"> 3895 <p class="tw-mb-3">Very satisfied with Superfood from Dr.Ankerstjerne</p> 3896 <div class="tw-flex tw-justify-start tw-gap-0.5"> 3897 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3898 <g id="Layer_1-2" data-name="Layer 1"> 3899 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3900 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3901 </g> 3902 </svg> 3903 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3904 <g id="Layer_1-2" data-name="Layer 1"> 3905 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3906 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3907 </g> 3908 </svg> 3909 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3910 <g id="Layer_1-2" data-name="Layer 1"> 3911 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3912 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3913 </g> 3914 </svg> 3915 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3916 <g id="Layer_1-2" data-name="Layer 1"> 3917 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3918 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3919 </g> 3920 </svg> 3921 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3922 <g id="Layer_1-2" data-name="Layer 1"> 3923 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3924 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3925 </g> 3926 </svg> 3927 </div> 3928 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 3929 </form> 3930 </div> 3931 </div> 3932 </dialog> 3933 3934
3934<script> 3935 var modaleBtns = document.querySelectorAll(".modaleBtns"); 3936 var closeBtns = document.querySelectorAll(".closeBtns"); 3937 3938 // Open the modal 3939 for ( var modaleBtn in modaleBtns ) { 3940 modaleBtns[modaleBtn].onclick = function() { 3941 let parent = this.closest('.carousel-card') 3942 let modal = parent.querySelector('.my_modal') 3943 modal.showModal(); 3944 } 3945 } 3946 3947 // Close the modal 3948 for ( var closeBtn in closeBtns ) { 3949 closeBtns[closeBtn].onclick = function() { 3950 let parent = this.closest('.carousel-card') 3951 let modal = parent.querySelector('.my_modal') 3952 modal.close(); 3953 } 3954 } 3955 3956 // Close the modal by clicking Escape 3957 document.addEventListener("keydown", function (event) { 3958 if (event.key === "Escape") { 3959 closeModal(); 3960 } 3961 }); 3962 </script>
3962 3963 3964<div class="tw-flex tw-justify-start tw-gap-0.5"> 3965 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3966 <g id="Layer_1-2" data-name="Layer 1"> 3967 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3968 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3969 </g> 3970 </svg> 3971 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3972 <g id="Layer_1-2" data-name="Layer 1"> 3973 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3974 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3975 </g> 3976 </svg> 3977 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3978 <g id="Layer_1-2" data-name="Layer 1"> 3979 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3980 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3981 </g> 3982 </svg> 3983 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3984 <g id="Layer_1-2" data-name="Layer 1"> 3985 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3986 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3987 </g> 3988 </svg> 3989 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 3990 <g id="Layer_1-2" data-name="Layer 1"> 3991 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 3992 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 3993 </g> 3994 </svg> 3995</div> 3996 3997 </div> 3998 3999 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4000 4001 4002 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4003 4004 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4005 Inger-Margrethe Andersen 4006 </p> 4007 4008 4009 <p> 4010 14/10/2024 4011 </p> 4012 4013 </div> 4014 4015 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4016 <span class="tw-line-clamp-3">Iâm a completely new customer and therefore have no more experience than handling/delivery of products. Iâve also just started using them and am overall satisfied.</span> 4017 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4018 </div> 4019 <dialog class="my_modal tw-max-w-[500px]"> 4020 <div class="modal-box tw-p-3"> 4021 4022 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4023 <h3 class="font-bold text-lg">Inger-Margrethe Andersen</h3> 4024 <p class="py-4">14/10/2024</p> 4025 </div> 4026 4027 <div class="modal-action"> 4028 <form method="dialog tw-w-full"> 4029 <p class="tw-mb-3">Iâm a completely new customer and therefore have no more experience than handling/delivery of products. Iâve also just started using them and am overall satisfied.</p> 4030 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4031 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4032 <g id="Layer_1-2" data-name="Layer 1"> 4033 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4034 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4035 </g> 4036 </svg> 4037 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4038 <g id="Layer_1-2" data-name="Layer 1"> 4039 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4040 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4041 </g> 4042 </svg> 4043 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4044 <g id="Layer_1-2" data-name="Layer 1"> 4045 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4046 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4047 </g> 4048 </svg> 4049 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4050 <g id="Layer_1-2" data-name="Layer 1"> 4051 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4052 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4053 </g> 4054 </svg> 4055 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4056 <g id="Layer_1-2" data-name="Layer 1"> 4057 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4058 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4059 </g> 4060 </svg> 4061 </div> 4062 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4063 </form> 4064 </div> 4065 </div> 4066 </dialog> 4067 4068
4068<script> 4069 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4070 var closeBtns = document.querySelectorAll(".closeBtns"); 4071 4072 // Open the modal 4073 for ( var modaleBtn in modaleBtns ) { 4074 modaleBtns[modaleBtn].onclick = function() { 4075 let parent = this.closest('.carousel-card') 4076 let modal = parent.querySelector('.my_modal') 4077 modal.showModal(); 4078 } 4079 } 4080 4081 // Close the modal 4082 for ( var closeBtn in closeBtns ) { 4083 closeBtns[closeBtn].onclick = function() { 4084 let parent = this.closest('.carousel-card') 4085 let modal = parent.querySelector('.my_modal') 4086 modal.close(); 4087 } 4088 } 4089 4090 // Close the modal by clicking Escape 4091 document.addEventListener("keydown", function (event) { 4092 if (event.key === "Escape") { 4093 closeModal(); 4094 } 4095 }); 4096 </script>
4096 4097 4098<div class="tw-flex tw-justify-start tw-gap-0.5"> 4099 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4100 <g id="Layer_1-2" data-name="Layer 1"> 4101 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4102 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4103 </g> 4104 </svg> 4105 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4106 <g id="Layer_1-2" data-name="Layer 1"> 4107 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4108 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4109 </g> 4110 </svg> 4111 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4112 <g id="Layer_1-2" data-name="Layer 1"> 4113 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4114 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4115 </g> 4116 </svg> 4117 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4118 <g id="Layer_1-2" data-name="Layer 1"> 4119 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4120 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4121 </g> 4122 </svg> 4123 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4124 <g id="Layer_1-2" data-name="Layer 1"> 4125 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4126 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4127 </g> 4128 </svg> 4129</div> 4130 4131 </div> 4132 4133 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4134 4135 4136 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4137 4138 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4139 Janne 4140 </p> 4141 4142 4143 <p> 4144 06/12/2023 4145 </p> 4146 4147 </div> 4148 4149 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4150 <span class="tw-line-clamp-3">Fast delivery, nice packaging, and good products.</span> 4151 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4152 </div> 4153 <dialog class="my_modal tw-max-w-[500px]"> 4154 <div class="modal-box tw-p-3"> 4155 4156 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4157 <h3 class="font-bold text-lg">Janne</h3> 4158 <p class="py-4">06/12/2023</p> 4159 </div> 4160 4161 <div class="modal-action"> 4162 <form method="dialog tw-w-full"> 4163 <p class="tw-mb-3">Fast delivery, nice packaging, and good products.</p> 4164 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4165 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4166 <g id="Layer_1-2" data-name="Layer 1"> 4167 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4168 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4169 </g> 4170 </svg> 4171 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4172 <g id="Layer_1-2" data-name="Layer 1"> 4173 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4174 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4175 </g> 4176 </svg> 4177 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4178 <g id="Layer_1-2" data-name="Layer 1"> 4179 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4180 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4181 </g> 4182 </svg> 4183 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4184 <g id="Layer_1-2" data-name="Layer 1"> 4185 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4186 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4187 </g> 4188 </svg> 4189 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4190 <g id="Layer_1-2" data-name="Layer 1"> 4191 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4192 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4193 </g> 4194 </svg> 4195 </div> 4196 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4197 </form> 4198 </div> 4199 </div> 4200 </dialog> 4201 4202
4202<script> 4203 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4204 var closeBtns = document.querySelectorAll(".closeBtns"); 4205 4206 // Open the modal 4207 for ( var modaleBtn in modaleBtns ) { 4208 modaleBtns[modaleBtn].onclick = function() { 4209 let parent = this.closest('.carousel-card') 4210 let modal = parent.querySelector('.my_modal') 4211 modal.showModal(); 4212 } 4213 } 4214 4215 // Close the modal 4216 for ( var closeBtn in closeBtns ) { 4217 closeBtns[closeBtn].onclick = function() { 4218 let parent = this.closest('.carousel-card') 4219 let modal = parent.querySelector('.my_modal') 4220 modal.close(); 4221 } 4222 } 4223 4224 // Close the modal by clicking Escape 4225 document.addEventListener("keydown", function (event) { 4226 if (event.key === "Escape") { 4227 closeModal(); 4228 } 4229 }); 4230 </script>
4230 4231 4232<div class="tw-flex tw-justify-start tw-gap-0.5"> 4233 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4234 <g id="Layer_1-2" data-name="Layer 1"> 4235 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4236 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4237 </g> 4238 </svg> 4239 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4240 <g id="Layer_1-2" data-name="Layer 1"> 4241 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4242 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4243 </g> 4244 </svg> 4245 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4246 <g id="Layer_1-2" data-name="Layer 1"> 4247 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4248 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4249 </g> 4250 </svg> 4251 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4252 <g id="Layer_1-2" data-name="Layer 1"> 4253 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4254 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4255 </g> 4256 </svg> 4257 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4258 <g id="Layer_1-2" data-name="Layer 1"> 4259 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4260 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4261 </g> 4262 </svg> 4263</div> 4264 4265 </div> 4266 4267 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4268 4269 4270 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4271 4272 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4273 Jannicke Hynne 4274 </p> 4275 4276 4277 <p> 4278 05/11/2024 4279 </p> 4280 4281 </div> 4282 4283 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4284 <span class="tw-line-clamp-3">Very satisfied :)</span> 4285 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4286 </div> 4287 <dialog class="my_modal tw-max-w-[500px]"> 4288 <div class="modal-box tw-p-3"> 4289 4290 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4291 <h3 class="font-bold text-lg">Jannicke Hynne</h3> 4292 <p class="py-4">05/11/2024</p> 4293 </div> 4294 4295 <div class="modal-action"> 4296 <form method="dialog tw-w-full"> 4297 <p class="tw-mb-3">Very satisfied :)</p> 4298 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4299 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4300 <g id="Layer_1-2" data-name="Layer 1"> 4301 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4302 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4303 </g> 4304 </svg> 4305 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4306 <g id="Layer_1-2" data-name="Layer 1"> 4307 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4308 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4309 </g> 4310 </svg> 4311 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4312 <g id="Layer_1-2" data-name="Layer 1"> 4313 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4314 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4315 </g> 4316 </svg> 4317 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4318 <g id="Layer_1-2" data-name="Layer 1"> 4319 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4320 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4321 </g> 4322 </svg> 4323 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4324 <g id="Layer_1-2" data-name="Layer 1"> 4325 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4326 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4327 </g> 4328 </svg> 4329 </div> 4330 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4331 </form> 4332 </div> 4333 </div> 4334 </dialog> 4335 4336
4336<script> 4337 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4338 var closeBtns = document.querySelectorAll(".closeBtns"); 4339 4340 // Open the modal 4341 for ( var modaleBtn in modaleBtns ) { 4342 modaleBtns[modaleBtn].onclick = function() { 4343 let parent = this.closest('.carousel-card') 4344 let modal = parent.querySelector('.my_modal') 4345 modal.showModal(); 4346 } 4347 } 4348 4349 // Close the modal 4350 for ( var closeBtn in closeBtns ) { 4351 closeBtns[closeBtn].onclick = function() { 4352 let parent = this.closest('.carousel-card') 4353 let modal = parent.querySelector('.my_modal') 4354 modal.close(); 4355 } 4356 } 4357 4358 // Close the modal by clicking Escape 4359 document.addEventListener("keydown", function (event) { 4360 if (event.key === "Escape") { 4361 closeModal(); 4362 } 4363 }); 4364 </script>
4364 4365 4366<div class="tw-flex tw-justify-start tw-gap-0.5"> 4367 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4368 <g id="Layer_1-2" data-name="Layer 1"> 4369 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4370 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4371 </g> 4372 </svg> 4373 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4374 <g id="Layer_1-2" data-name="Layer 1"> 4375 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4376 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4377 </g> 4378 </svg> 4379 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4380 <g id="Layer_1-2" data-name="Layer 1"> 4381 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4382 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4383 </g> 4384 </svg> 4385 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4386 <g id="Layer_1-2" data-name="Layer 1"> 4387 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4388 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4389 </g> 4390 </svg> 4391 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4392 <g id="Layer_1-2" data-name="Layer 1"> 4393 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4394 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4395 </g> 4396 </svg> 4397</div> 4398 4399 </div> 4400 4401 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4402 4403 4404 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4405 4406 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4407 Jill Seidelin 4408 </p> 4409 4410 4411 <p> 4412 04/11/2024 4413 </p> 4414 4415 </div> 4416 4417 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4418 <span class="tw-line-clamp-3">Great service that you can try the products before deciding whether you want to buy them â also in a large enough sample size (with shipping payment). 4419Thank you for that! These are wonderful products that are durable in use.</span> 4420 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4421 </div> 4422 <dialog class="my_modal tw-max-w-[500px]"> 4423 <div class="modal-box tw-p-3"> 4424 4425 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4426 <h3 class="font-bold text-lg">Jill Seidelin</h3> 4427 <p class="py-4">04/11/2024</p> 4428 </div> 4429 4430 <div class="modal-action"> 4431 <form method="dialog tw-w-full"> 4432 <p class="tw-mb-3">Great service that you can try the products before deciding whether you want to buy them â also in a large enough sample size (with shipping payment). 4433Thank you for that! These are wonderful products that are durable in use.</p> 4434 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4435 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4436 <g id="Layer_1-2" data-name="Layer 1"> 4437 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4438 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4439 </g> 4440 </svg> 4441 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4442 <g id="Layer_1-2" data-name="Layer 1"> 4443 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4444 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4445 </g> 4446 </svg> 4447 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4448 <g id="Layer_1-2" data-name="Layer 1"> 4449 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4450 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4451 </g> 4452 </svg> 4453 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4454 <g id="Layer_1-2" data-name="Layer 1"> 4455 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4456 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4457 </g> 4458 </svg> 4459 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4460 <g id="Layer_1-2" data-name="Layer 1"> 4461 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4462 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4463 </g> 4464 </svg> 4465 </div> 4466 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4467 </form> 4468 </div> 4469 </div> 4470 </dialog> 4471 4472
4472<script> 4473 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4474 var closeBtns = document.querySelectorAll(".closeBtns"); 4475 4476 // Open the modal 4477 for ( var modaleBtn in modaleBtns ) { 4478 modaleBtns[modaleBtn].onclick = function() { 4479 let parent = this.closest('.carousel-card') 4480 let modal = parent.querySelector('.my_modal') 4481 modal.showModal(); 4482 } 4483 } 4484 4485 // Close the modal 4486 for ( var closeBtn in closeBtns ) { 4487 closeBtns[closeBtn].onclick = function() { 4488 let parent = this.closest('.carousel-card') 4489 let modal = parent.querySelector('.my_modal') 4490 modal.close(); 4491 } 4492 } 4493 4494 // Close the modal by clicking Escape 4495 document.addEventListener("keydown", function (event) { 4496 if (event.key === "Escape") { 4497 closeModal(); 4498 } 4499 }); 4500 </script>
4500 4501 4502<div class="tw-flex tw-justify-start tw-gap-0.5"> 4503 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4504 <g id="Layer_1-2" data-name="Layer 1"> 4505 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4506 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4507 </g> 4508 </svg> 4509 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4510 <g id="Layer_1-2" data-name="Layer 1"> 4511 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4512 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4513 </g> 4514 </svg> 4515 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4516 <g id="Layer_1-2" data-name="Layer 1"> 4517 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4518 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4519 </g> 4520 </svg> 4521 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4522 <g id="Layer_1-2" data-name="Layer 1"> 4523 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4524 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4525 </g> 4526 </svg> 4527 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4528 <g id="Layer_1-2" data-name="Layer 1"> 4529 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4530 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4531 </g> 4532 </svg> 4533</div> 4534 4535 </div> 4536 4537 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4538 4539 4540 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4541 4542 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4543 Kari 4544 </p> 4545 4546 4547 <p> 4548 30/10/2023 4549 </p> 4550 4551 </div> 4552 4553 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4554 <span class="tw-line-clamp-3">The samples I received in the mail were incredibly good. Perhaps the best products I have tried in my 68-year long life. Can definitely be recommended.</span> 4555 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4556 </div> 4557 <dialog class="my_modal tw-max-w-[500px]"> 4558 <div class="modal-box tw-p-3"> 4559 4560 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4561 <h3 class="font-bold text-lg">Kari</h3> 4562 <p class="py-4">30/10/2023</p> 4563 </div> 4564 4565 <div class="modal-action"> 4566 <form method="dialog tw-w-full"> 4567 <p class="tw-mb-3">The samples I received in the mail were incredibly good. Perhaps the best products I have tried in my 68-year long life. Can definitely be recommended.</p> 4568 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4569 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4570 <g id="Layer_1-2" data-name="Layer 1"> 4571 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4572 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4573 </g> 4574 </svg> 4575 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4576 <g id="Layer_1-2" data-name="Layer 1"> 4577 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4578 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4579 </g> 4580 </svg> 4581 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4582 <g id="Layer_1-2" data-name="Layer 1"> 4583 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4584 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4585 </g> 4586 </svg> 4587 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4588 <g id="Layer_1-2" data-name="Layer 1"> 4589 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4590 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4591 </g> 4592 </svg> 4593 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4594 <g id="Layer_1-2" data-name="Layer 1"> 4595 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4596 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4597 </g> 4598 </svg> 4599 </div> 4600 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4601 </form> 4602 </div> 4603 </div> 4604 </dialog> 4605 4606
4606<script> 4607 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4608 var closeBtns = document.querySelectorAll(".closeBtns"); 4609 4610 // Open the modal 4611 for ( var modaleBtn in modaleBtns ) { 4612 modaleBtns[modaleBtn].onclick = function() { 4613 let parent = this.closest('.carousel-card') 4614 let modal = parent.querySelector('.my_modal') 4615 modal.showModal(); 4616 } 4617 } 4618 4619 // Close the modal 4620 for ( var closeBtn in closeBtns ) { 4621 closeBtns[closeBtn].onclick = function() { 4622 let parent = this.closest('.carousel-card') 4623 let modal = parent.querySelector('.my_modal') 4624 modal.close(); 4625 } 4626 } 4627 4628 // Close the modal by clicking Escape 4629 document.addEventListener("keydown", function (event) { 4630 if (event.key === "Escape") { 4631 closeModal(); 4632 } 4633 }); 4634 </script>
4634 4635 4636<div class="tw-flex tw-justify-start tw-gap-0.5"> 4637 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4638 <g id="Layer_1-2" data-name="Layer 1"> 4639 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4640 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4641 </g> 4642 </svg> 4643 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4644 <g id="Layer_1-2" data-name="Layer 1"> 4645 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4646 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4647 </g> 4648 </svg> 4649 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4650 <g id="Layer_1-2" data-name="Layer 1"> 4651 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4652 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4653 </g> 4654 </svg> 4655 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4656 <g id="Layer_1-2" data-name="Layer 1"> 4657 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4658 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4659 </g> 4660 </svg> 4661 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4662 <g id="Layer_1-2" data-name="Layer 1"> 4663 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4664 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4665 </g> 4666 </svg> 4667</div> 4668 4669 </div> 4670 4671 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4672 4673 4674 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4675 4676 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4677 Kristianne 4678 </p> 4679 4680 4681 <p> 4682 18/10/2023 4683 </p> 4684 4685 </div> 4686 4687 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4688 <span class="tw-line-clamp-3">I use skincare products from Dr. Ankerstjerne because I can easily give my skin the essential nutrients it needs every day. All products from Dr. Ankerstjerne give me radiant skin, with Superfood being my absolute favorite. Superfood is easy to incorporate into a busy daily routine, providing the skin with the care it needs. Superfood and the other products from Dr. Ankerstjerne smell good, feel pleasant on the skin, and are easy to use. Highly recommended.</span> 4689 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4690 </div> 4691 <dialog class="my_modal tw-max-w-[500px]"> 4692 <div class="modal-box tw-p-3"> 4693 4694 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4695 <h3 class="font-bold text-lg">Kristianne</h3> 4696 <p class="py-4">18/10/2023</p> 4697 </div> 4698 4699 <div class="modal-action"> 4700 <form method="dialog tw-w-full"> 4701 <p class="tw-mb-3">I use skincare products from Dr. Ankerstjerne because I can easily give my skin the essential nutrients it needs every day. All products from Dr. Ankerstjerne give me radiant skin, with Superfood being my absolute favorite. Superfood is easy to incorporate into a busy daily routine, providing the skin with the care it needs. Superfood and the other products from Dr. Ankerstjerne smell good, feel pleasant on the skin, and are easy to use. Highly recommended.</p> 4702 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4703 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4704 <g id="Layer_1-2" data-name="Layer 1"> 4705 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4706 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4707 </g> 4708 </svg> 4709 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4710 <g id="Layer_1-2" data-name="Layer 1"> 4711 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4712 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4713 </g> 4714 </svg> 4715 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4716 <g id="Layer_1-2" data-name="Layer 1"> 4717 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4718 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4719 </g> 4720 </svg> 4721 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4722 <g id="Layer_1-2" data-name="Layer 1"> 4723 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4724 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4725 </g> 4726 </svg> 4727 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4728 <g id="Layer_1-2" data-name="Layer 1"> 4729 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4730 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4731 </g> 4732 </svg> 4733 </div> 4734 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4735 </form> 4736 </div> 4737 </div> 4738 </dialog> 4739 4740
4740<script> 4741 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4742 var closeBtns = document.querySelectorAll(".closeBtns"); 4743 4744 // Open the modal 4745 for ( var modaleBtn in modaleBtns ) { 4746 modaleBtns[modaleBtn].onclick = function() { 4747 let parent = this.closest('.carousel-card') 4748 let modal = parent.querySelector('.my_modal') 4749 modal.showModal(); 4750 } 4751 } 4752 4753 // Close the modal 4754 for ( var closeBtn in closeBtns ) { 4755 closeBtns[closeBtn].onclick = function() { 4756 let parent = this.closest('.carousel-card') 4757 let modal = parent.querySelector('.my_modal') 4758 modal.close(); 4759 } 4760 } 4761 4762 // Close the modal by clicking Escape 4763 document.addEventListener("keydown", function (event) { 4764 if (event.key === "Escape") { 4765 closeModal(); 4766 } 4767 }); 4768 </script>
4768 4769 4770<div class="tw-flex tw-justify-start tw-gap-0.5"> 4771 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4772 <g id="Layer_1-2" data-name="Layer 1"> 4773 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4774 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4775 </g> 4776 </svg> 4777 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4778 <g id="Layer_1-2" data-name="Layer 1"> 4779 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4780 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4781 </g> 4782 </svg> 4783 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4784 <g id="Layer_1-2" data-name="Layer 1"> 4785 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4786 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4787 </g> 4788 </svg> 4789 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4790 <g id="Layer_1-2" data-name="Layer 1"> 4791 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4792 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4793 </g> 4794 </svg> 4795 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4796 <g id="Layer_1-2" data-name="Layer 1"> 4797 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4798 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4799 </g> 4800 </svg> 4801</div> 4802 4803 </div> 4804 4805 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4806 4807 4808 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4809 4810 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4811 Kristin 4812 </p> 4813 4814 4815 <p> 4816 5/10/2023 4817 </p> 4818 4819 </div> 4820 4821 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4822 <span class="tw-line-clamp-3">I don't often write reviews, but when the products are really great, I do. I am 51 years old and have struggled with acne all my life. I have had significantly less of this since I started using superfood and urban protection day cream. The products give so much glow and moisture to the skin. Highly recommended.</span> 4823 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4824 </div> 4825 <dialog class="my_modal tw-max-w-[500px]"> 4826 <div class="modal-box tw-p-3"> 4827 4828 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4829 <h3 class="font-bold text-lg">Kristin</h3> 4830 <p class="py-4">5/10/2023</p> 4831 </div> 4832 4833 <div class="modal-action"> 4834 <form method="dialog tw-w-full"> 4835 <p class="tw-mb-3">I don't often write reviews, but when the products are really great, I do. I am 51 years old and have struggled with acne all my life. I have had significantly less of this since I started using superfood and urban protection day cream. The products give so much glow and moisture to the skin. Highly recommended.</p> 4836 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4837 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4838 <g id="Layer_1-2" data-name="Layer 1"> 4839 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4840 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4841 </g> 4842 </svg> 4843 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4844 <g id="Layer_1-2" data-name="Layer 1"> 4845 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4846 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4847 </g> 4848 </svg> 4849 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4850 <g id="Layer_1-2" data-name="Layer 1"> 4851 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4852 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4853 </g> 4854 </svg> 4855 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4856 <g id="Layer_1-2" data-name="Layer 1"> 4857 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4858 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4859 </g> 4860 </svg> 4861 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4862 <g id="Layer_1-2" data-name="Layer 1"> 4863 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4864 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4865 </g> 4866 </svg> 4867 </div> 4868 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 4869 </form> 4870 </div> 4871 </div> 4872 </dialog> 4873 4874
4874<script> 4875 var modaleBtns = document.querySelectorAll(".modaleBtns"); 4876 var closeBtns = document.querySelectorAll(".closeBtns"); 4877 4878 // Open the modal 4879 for ( var modaleBtn in modaleBtns ) { 4880 modaleBtns[modaleBtn].onclick = function() { 4881 let parent = this.closest('.carousel-card') 4882 let modal = parent.querySelector('.my_modal') 4883 modal.showModal(); 4884 } 4885 } 4886 4887 // Close the modal 4888 for ( var closeBtn in closeBtns ) { 4889 closeBtns[closeBtn].onclick = function() { 4890 let parent = this.closest('.carousel-card') 4891 let modal = parent.querySelector('.my_modal') 4892 modal.close(); 4893 } 4894 } 4895 4896 // Close the modal by clicking Escape 4897 document.addEventListener("keydown", function (event) { 4898 if (event.key === "Escape") { 4899 closeModal(); 4900 } 4901 }); 4902 </script>
4902 4903 4904<div class="tw-flex tw-justify-start tw-gap-0.5"> 4905 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4906 <g id="Layer_1-2" data-name="Layer 1"> 4907 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4908 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4909 </g> 4910 </svg> 4911 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4912 <g id="Layer_1-2" data-name="Layer 1"> 4913 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4914 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4915 </g> 4916 </svg> 4917 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4918 <g id="Layer_1-2" data-name="Layer 1"> 4919 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4920 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4921 </g> 4922 </svg> 4923 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4924 <g id="Layer_1-2" data-name="Layer 1"> 4925 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4926 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4927 </g> 4928 </svg> 4929 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4930 <g id="Layer_1-2" data-name="Layer 1"> 4931 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4932 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4933 </g> 4934 </svg> 4935</div> 4936 4937 </div> 4938 4939 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 4940 4941 4942 <div class="!tw-flex !tw-justify-between !tw-items-center"> 4943 4944 <p class="tw-font-bold tw-text-[14px]" style="color:"> 4945 Laila Elise Junge 4946 </p> 4947 4948 4949 <p> 4950 07/11/2024 4951 </p> 4952 4953 </div> 4954 4955 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
4956 <span class="tw-line-clamp-3">Keeps the skin moisturized all day and night.</span> 4957 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 4958 </div> 4959 <dialog class="my_modal tw-max-w-[500px]"> 4960 <div class="modal-box tw-p-3"> 4961 4962 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 4963 <h3 class="font-bold text-lg">Laila Elise Junge</h3> 4964 <p class="py-4">07/11/2024</p> 4965 </div> 4966 4967 <div class="modal-action"> 4968 <form method="dialog tw-w-full"> 4969 <p class="tw-mb-3">Keeps the skin moisturized all day and night.</p> 4970 <div class="tw-flex tw-justify-start tw-gap-0.5"> 4971 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4972 <g id="Layer_1-2" data-name="Layer 1"> 4973 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4974 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4975 </g> 4976 </svg> 4977 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4978 <g id="Layer_1-2" data-name="Layer 1"> 4979 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4980 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4981 </g> 4982 </svg> 4983 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4984 <g id="Layer_1-2" data-name="Layer 1"> 4985 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4986 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4987 </g> 4988 </svg> 4989 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4990 <g id="Layer_1-2" data-name="Layer 1"> 4991 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4992 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4993 </g> 4994 </svg> 4995 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 4996 <g id="Layer_1-2" data-name="Layer 1"> 4997 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 4998 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 4999 </g> 5000 </svg> 5001 </div> 5002 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5003 </form> 5004 </div> 5005 </div> 5006 </dialog> 5007 5008
5008<script> 5009 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5010 var closeBtns = document.querySelectorAll(".closeBtns"); 5011 5012 // Open the modal 5013 for ( var modaleBtn in modaleBtns ) { 5014 modaleBtns[modaleBtn].onclick = function() { 5015 let parent = this.closest('.carousel-card') 5016 let modal = parent.querySelector('.my_modal') 5017 modal.showModal(); 5018 } 5019 } 5020 5021 // Close the modal 5022 for ( var closeBtn in closeBtns ) { 5023 closeBtns[closeBtn].onclick = function() { 5024 let parent = this.closest('.carousel-card') 5025 let modal = parent.querySelector('.my_modal') 5026 modal.close(); 5027 } 5028 } 5029 5030 // Close the modal by clicking Escape 5031 document.addEventListener("keydown", function (event) { 5032 if (event.key === "Escape") { 5033 closeModal(); 5034 } 5035 }); 5036 </script>
5036 5037 5038<div class="tw-flex tw-justify-start tw-gap-0.5"> 5039 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5040 <g id="Layer_1-2" data-name="Layer 1"> 5041 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5042 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5043 </g> 5044 </svg> 5045 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5046 <g id="Layer_1-2" data-name="Layer 1"> 5047 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5048 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5049 </g> 5050 </svg> 5051 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5052 <g id="Layer_1-2" data-name="Layer 1"> 5053 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5054 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5055 </g> 5056 </svg> 5057 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5058 <g id="Layer_1-2" data-name="Layer 1"> 5059 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5060 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5061 </g> 5062 </svg> 5063 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5064 <g id="Layer_1-2" data-name="Layer 1"> 5065 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5066 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5067 </g> 5068 </svg> 5069</div> 5070 5071 </div> 5072 5073 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5074 5075 5076 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5077 5078 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5079 Lena Kristjansdottir 5080 </p> 5081 5082 5083 <p> 5084 05/11/2024 5085 </p> 5086 5087 </div> 5088 5089 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5090 <span class="tw-line-clamp-3">The best products you can buy, I just love them.</span> 5091 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5092 </div> 5093 <dialog class="my_modal tw-max-w-[500px]"> 5094 <div class="modal-box tw-p-3"> 5095 5096 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5097 <h3 class="font-bold text-lg">Lena Kristjansdottir</h3> 5098 <p class="py-4">05/11/2024</p> 5099 </div> 5100 5101 <div class="modal-action"> 5102 <form method="dialog tw-w-full"> 5103 <p class="tw-mb-3">The best products you can buy, I just love them.</p> 5104 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5105 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5106 <g id="Layer_1-2" data-name="Layer 1"> 5107 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5108 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5109 </g> 5110 </svg> 5111 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5112 <g id="Layer_1-2" data-name="Layer 1"> 5113 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5114 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5115 </g> 5116 </svg> 5117 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5118 <g id="Layer_1-2" data-name="Layer 1"> 5119 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5120 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5121 </g> 5122 </svg> 5123 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5124 <g id="Layer_1-2" data-name="Layer 1"> 5125 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5126 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5127 </g> 5128 </svg> 5129 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5130 <g id="Layer_1-2" data-name="Layer 1"> 5131 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5132 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5133 </g> 5134 </svg> 5135 </div> 5136 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5137 </form> 5138 </div> 5139 </div> 5140 </dialog> 5141 5142
5142<script> 5143 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5144 var closeBtns = document.querySelectorAll(".closeBtns"); 5145 5146 // Open the modal 5147 for ( var modaleBtn in modaleBtns ) { 5148 modaleBtns[modaleBtn].onclick = function() { 5149 let parent = this.closest('.carousel-card') 5150 let modal = parent.querySelector('.my_modal') 5151 modal.showModal(); 5152 } 5153 } 5154 5155 // Close the modal 5156 for ( var closeBtn in closeBtns ) { 5157 closeBtns[closeBtn].onclick = function() { 5158 let parent = this.closest('.carousel-card') 5159 let modal = parent.querySelector('.my_modal') 5160 modal.close(); 5161 } 5162 } 5163 5164 // Close the modal by clicking Escape 5165 document.addEventListener("keydown", function (event) { 5166 if (event.key === "Escape") { 5167 closeModal(); 5168 } 5169 }); 5170 </script>
5170 5171 5172<div class="tw-flex tw-justify-start tw-gap-0.5"> 5173 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5174 <g id="Layer_1-2" data-name="Layer 1"> 5175 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5176 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5177 </g> 5178 </svg> 5179 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5180 <g id="Layer_1-2" data-name="Layer 1"> 5181 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5182 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5183 </g> 5184 </svg> 5185 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5186 <g id="Layer_1-2" data-name="Layer 1"> 5187 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5188 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5189 </g> 5190 </svg> 5191 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5192 <g id="Layer_1-2" data-name="Layer 1"> 5193 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5194 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5195 </g> 5196 </svg> 5197 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5198 <g id="Layer_1-2" data-name="Layer 1"> 5199 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5200 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5201 </g> 5202 </svg> 5203</div> 5204 5205 </div> 5206 5207 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5208 5209 5210 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5211 5212 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5213 Linda 5214 </p> 5215 5216 5217 <p> 5218 08/12/2023 5219 </p> 5220 5221 </div> 5222 5223 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5224 <span class="tw-line-clamp-3">Lovely products - absorbs well into the skin and the skin feels soft and moisturized.</span> 5225 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5226 </div> 5227 <dialog class="my_modal tw-max-w-[500px]"> 5228 <div class="modal-box tw-p-3"> 5229 5230 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5231 <h3 class="font-bold text-lg">Linda</h3> 5232 <p class="py-4">08/12/2023</p> 5233 </div> 5234 5235 <div class="modal-action"> 5236 <form method="dialog tw-w-full"> 5237 <p class="tw-mb-3">Lovely products - absorbs well into the skin and the skin feels soft and moisturized.</p> 5238 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5239 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5240 <g id="Layer_1-2" data-name="Layer 1"> 5241 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5242 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5243 </g> 5244 </svg> 5245 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5246 <g id="Layer_1-2" data-name="Layer 1"> 5247 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5248 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5249 </g> 5250 </svg> 5251 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5252 <g id="Layer_1-2" data-name="Layer 1"> 5253 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5254 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5255 </g> 5256 </svg> 5257 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5258 <g id="Layer_1-2" data-name="Layer 1"> 5259 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5260 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5261 </g> 5262 </svg> 5263 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5264 <g id="Layer_1-2" data-name="Layer 1"> 5265 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5266 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5267 </g> 5268 </svg> 5269 </div> 5270 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5271 </form> 5272 </div> 5273 </div> 5274 </dialog> 5275 5276
5276<script> 5277 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5278 var closeBtns = document.querySelectorAll(".closeBtns"); 5279 5280 // Open the modal 5281 for ( var modaleBtn in modaleBtns ) { 5282 modaleBtns[modaleBtn].onclick = function() { 5283 let parent = this.closest('.carousel-card') 5284 let modal = parent.querySelector('.my_modal') 5285 modal.showModal(); 5286 } 5287 } 5288 5289 // Close the modal 5290 for ( var closeBtn in closeBtns ) { 5291 closeBtns[closeBtn].onclick = function() { 5292 let parent = this.closest('.carousel-card') 5293 let modal = parent.querySelector('.my_modal') 5294 modal.close(); 5295 } 5296 } 5297 5298 // Close the modal by clicking Escape 5299 document.addEventListener("keydown", function (event) { 5300 if (event.key === "Escape") { 5301 closeModal(); 5302 } 5303 }); 5304 </script>
5304 5305 5306<div class="tw-flex tw-justify-start tw-gap-0.5"> 5307 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5308 <g id="Layer_1-2" data-name="Layer 1"> 5309 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5310 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5311 </g> 5312 </svg> 5313 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5314 <g id="Layer_1-2" data-name="Layer 1"> 5315 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5316 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5317 </g> 5318 </svg> 5319 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5320 <g id="Layer_1-2" data-name="Layer 1"> 5321 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5322 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5323 </g> 5324 </svg> 5325 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5326 <g id="Layer_1-2" data-name="Layer 1"> 5327 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5328 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5329 </g> 5330 </svg> 5331 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5332 <g id="Layer_1-2" data-name="Layer 1"> 5333 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5334 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5335 </g> 5336 </svg> 5337</div> 5338 5339 </div> 5340 5341 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5342 5343 5344 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5345 5346 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5347 Lise Muri 5348 </p> 5349 5350 5351 <p> 5352 07/10/2024 5353 </p> 5354 5355 </div> 5356 5357 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5358 <span class="tw-line-clamp-3">Fast and easy delivery and great products that I plan to test a bit more.</span> 5359 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5360 </div> 5361 <dialog class="my_modal tw-max-w-[500px]"> 5362 <div class="modal-box tw-p-3"> 5363 5364 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5365 <h3 class="font-bold text-lg">Lise Muri</h3> 5366 <p class="py-4">07/10/2024</p> 5367 </div> 5368 5369 <div class="modal-action"> 5370 <form method="dialog tw-w-full"> 5371 <p class="tw-mb-3">Fast and easy delivery and great products that I plan to test a bit more.</p> 5372 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5373 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5374 <g id="Layer_1-2" data-name="Layer 1"> 5375 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5376 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5377 </g> 5378 </svg> 5379 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5380 <g id="Layer_1-2" data-name="Layer 1"> 5381 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5382 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5383 </g> 5384 </svg> 5385 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5386 <g id="Layer_1-2" data-name="Layer 1"> 5387 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5388 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5389 </g> 5390 </svg> 5391 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5392 <g id="Layer_1-2" data-name="Layer 1"> 5393 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5394 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5395 </g> 5396 </svg> 5397 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5398 <g id="Layer_1-2" data-name="Layer 1"> 5399 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5400 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5401 </g> 5402 </svg> 5403 </div> 5404 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5405 </form> 5406 </div> 5407 </div> 5408 </dialog> 5409 5410
5410<script> 5411 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5412 var closeBtns = document.querySelectorAll(".closeBtns"); 5413 5414 // Open the modal 5415 for ( var modaleBtn in modaleBtns ) { 5416 modaleBtns[modaleBtn].onclick = function() { 5417 let parent = this.closest('.carousel-card') 5418 let modal = parent.querySelector('.my_modal') 5419 modal.showModal(); 5420 } 5421 } 5422 5423 // Close the modal 5424 for ( var closeBtn in closeBtns ) { 5425 closeBtns[closeBtn].onclick = function() { 5426 let parent = this.closest('.carousel-card') 5427 let modal = parent.querySelector('.my_modal') 5428 modal.close(); 5429 } 5430 } 5431 5432 // Close the modal by clicking Escape 5433 document.addEventListener("keydown", function (event) { 5434 if (event.key === "Escape") { 5435 closeModal(); 5436 } 5437 }); 5438 </script>
5438 5439 5440<div class="tw-flex tw-justify-start tw-gap-0.5"> 5441 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5442 <g id="Layer_1-2" data-name="Layer 1"> 5443 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5444 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5445 </g> 5446 </svg> 5447 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5448 <g id="Layer_1-2" data-name="Layer 1"> 5449 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5450 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5451 </g> 5452 </svg> 5453 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5454 <g id="Layer_1-2" data-name="Layer 1"> 5455 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5456 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5457 </g> 5458 </svg> 5459 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5460 <g id="Layer_1-2" data-name="Layer 1"> 5461 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5462 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5463 </g> 5464 </svg> 5465 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5466 <g id="Layer_1-2" data-name="Layer 1"> 5467 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5468 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5469 </g> 5470 </svg> 5471</div> 5472 5473 </div> 5474 5475 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5476 5477 5478 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5479 5480 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5481 Marianne 5482 </p> 5483 5484 5485 <p> 5486 31/05/2023 5487 </p> 5488 5489 </div> 5490 5491 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5492 <span class="tw-line-clamp-3">Great service and fast delivery of delicious products. I have been using Dr. Ankerstjerne's products since they came on the market, and I am very satisfied. Recommended :)</span> 5493 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5494 </div> 5495 <dialog class="my_modal tw-max-w-[500px]"> 5496 <div class="modal-box tw-p-3"> 5497 5498 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5499 <h3 class="font-bold text-lg">Marianne</h3> 5500 <p class="py-4">31/05/2023</p> 5501 </div> 5502 5503 <div class="modal-action"> 5504 <form method="dialog tw-w-full"> 5505 <p class="tw-mb-3">Great service and fast delivery of delicious products. I have been using Dr. Ankerstjerne's products since they came on the market, and I am very satisfied. Recommended :)</p> 5506 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5507 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5508 <g id="Layer_1-2" data-name="Layer 1"> 5509 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5510 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5511 </g> 5512 </svg> 5513 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5514 <g id="Layer_1-2" data-name="Layer 1"> 5515 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5516 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5517 </g> 5518 </svg> 5519 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5520 <g id="Layer_1-2" data-name="Layer 1"> 5521 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5522 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5523 </g> 5524 </svg> 5525 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5526 <g id="Layer_1-2" data-name="Layer 1"> 5527 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5528 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5529 </g> 5530 </svg> 5531 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5532 <g id="Layer_1-2" data-name="Layer 1"> 5533 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5534 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5535 </g> 5536 </svg> 5537 </div> 5538 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5539 </form> 5540 </div> 5541 </div> 5542 </dialog> 5543 5544
5544<script> 5545 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5546 var closeBtns = document.querySelectorAll(".closeBtns"); 5547 5548 // Open the modal 5549 for ( var modaleBtn in modaleBtns ) { 5550 modaleBtns[modaleBtn].onclick = function() { 5551 let parent = this.closest('.carousel-card') 5552 let modal = parent.querySelector('.my_modal') 5553 modal.showModal(); 5554 } 5555 } 5556 5557 // Close the modal 5558 for ( var closeBtn in closeBtns ) { 5559 closeBtns[closeBtn].onclick = function() { 5560 let parent = this.closest('.carousel-card') 5561 let modal = parent.querySelector('.my_modal') 5562 modal.close(); 5563 } 5564 } 5565 5566 // Close the modal by clicking Escape 5567 document.addEventListener("keydown", function (event) { 5568 if (event.key === "Escape") { 5569 closeModal(); 5570 } 5571 }); 5572 </script>
5572 5573 5574<div class="tw-flex tw-justify-start tw-gap-0.5"> 5575 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5576 <g id="Layer_1-2" data-name="Layer 1"> 5577 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5578 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5579 </g> 5580 </svg> 5581 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5582 <g id="Layer_1-2" data-name="Layer 1"> 5583 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5584 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5585 </g> 5586 </svg> 5587 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5588 <g id="Layer_1-2" data-name="Layer 1"> 5589 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5590 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5591 </g> 5592 </svg> 5593 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5594 <g id="Layer_1-2" data-name="Layer 1"> 5595 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5596 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5597 </g> 5598 </svg> 5599 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5600 <g id="Layer_1-2" data-name="Layer 1"> 5601 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5602 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5603 </g> 5604 </svg> 5605</div> 5606 5607 </div> 5608 5609 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5610 5611 5612 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5613 5614 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5615 Marianne 5616 </p> 5617 5618 5619 <p> 5620 04/06/2023 5621 </p> 5622 5623 </div> 5624 5625 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5626 <span class="tw-line-clamp-3">Best product I have used. Great service, samples I can take for travel. Fast delivery and free shipping. Highly recommended!</span> 5627 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5628 </div> 5629 <dialog class="my_modal tw-max-w-[500px]"> 5630 <div class="modal-box tw-p-3"> 5631 5632 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5633 <h3 class="font-bold text-lg">Marianne</h3> 5634 <p class="py-4">04/06/2023</p> 5635 </div> 5636 5637 <div class="modal-action"> 5638 <form method="dialog tw-w-full"> 5639 <p class="tw-mb-3">Best product I have used. Great service, samples I can take for travel. Fast delivery and free shipping. Highly recommended!</p> 5640 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5641 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5642 <g id="Layer_1-2" data-name="Layer 1"> 5643 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5644 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5645 </g> 5646 </svg> 5647 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5648 <g id="Layer_1-2" data-name="Layer 1"> 5649 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5650 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5651 </g> 5652 </svg> 5653 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5654 <g id="Layer_1-2" data-name="Layer 1"> 5655 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5656 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5657 </g> 5658 </svg> 5659 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5660 <g id="Layer_1-2" data-name="Layer 1"> 5661 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5662 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5663 </g> 5664 </svg> 5665 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5666 <g id="Layer_1-2" data-name="Layer 1"> 5667 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5668 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5669 </g> 5670 </svg> 5671 </div> 5672 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5673 </form> 5674 </div> 5675 </div> 5676 </dialog> 5677 5678
5678<script> 5679 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5680 var closeBtns = document.querySelectorAll(".closeBtns"); 5681 5682 // Open the modal 5683 for ( var modaleBtn in modaleBtns ) { 5684 modaleBtns[modaleBtn].onclick = function() { 5685 let parent = this.closest('.carousel-card') 5686 let modal = parent.querySelector('.my_modal') 5687 modal.showModal(); 5688 } 5689 } 5690 5691 // Close the modal 5692 for ( var closeBtn in closeBtns ) { 5693 closeBtns[closeBtn].onclick = function() { 5694 let parent = this.closest('.carousel-card') 5695 let modal = parent.querySelector('.my_modal') 5696 modal.close(); 5697 } 5698 } 5699 5700 // Close the modal by clicking Escape 5701 document.addEventListener("keydown", function (event) { 5702 if (event.key === "Escape") { 5703 closeModal(); 5704 } 5705 }); 5706 </script>
5706 5707 5708<div class="tw-flex tw-justify-start tw-gap-0.5"> 5709 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5710 <g id="Layer_1-2" data-name="Layer 1"> 5711 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5712 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5713 </g> 5714 </svg> 5715 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5716 <g id="Layer_1-2" data-name="Layer 1"> 5717 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5718 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5719 </g> 5720 </svg> 5721 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5722 <g id="Layer_1-2" data-name="Layer 1"> 5723 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5724 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5725 </g> 5726 </svg> 5727 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5728 <g id="Layer_1-2" data-name="Layer 1"> 5729 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5730 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5731 </g> 5732 </svg> 5733 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5734 <g id="Layer_1-2" data-name="Layer 1"> 5735 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5736 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5737 </g> 5738 </svg> 5739</div> 5740 5741 </div> 5742 5743 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5744 5745 5746 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5747 5748 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5749 Mette 5750 </p> 5751 5752 5753 <p> 5754 7/11/2023 5755 </p> 5756 5757 </div> 5758 5759 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5760 <span class="tw-line-clamp-3">Absolutely fantastic products! I have been using them since 2019 and my skin has finally found peace and glow. The price is a bit high, but the skin deserves only the best. I wish they could also make a pure sunscreen in their series.</span> 5761 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5762 </div> 5763 <dialog class="my_modal tw-max-w-[500px]"> 5764 <div class="modal-box tw-p-3"> 5765 5766 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5767 <h3 class="font-bold text-lg">Mette</h3> 5768 <p class="py-4">7/11/2023</p> 5769 </div> 5770 5771 <div class="modal-action"> 5772 <form method="dialog tw-w-full"> 5773 <p class="tw-mb-3">Absolutely fantastic products! I have been using them since 2019 and my skin has finally found peace and glow. The price is a bit high, but the skin deserves only the best. I wish they could also make a pure sunscreen in their series.</p> 5774 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5775 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5776 <g id="Layer_1-2" data-name="Layer 1"> 5777 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5778 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5779 </g> 5780 </svg> 5781 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5782 <g id="Layer_1-2" data-name="Layer 1"> 5783 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5784 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5785 </g> 5786 </svg> 5787 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5788 <g id="Layer_1-2" data-name="Layer 1"> 5789 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5790 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5791 </g> 5792 </svg> 5793 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5794 <g id="Layer_1-2" data-name="Layer 1"> 5795 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5796 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5797 </g> 5798 </svg> 5799 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5800 <g id="Layer_1-2" data-name="Layer 1"> 5801 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5802 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5803 </g> 5804 </svg> 5805 </div> 5806 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5807 </form> 5808 </div> 5809 </div> 5810 </dialog> 5811 5812
5812<script> 5813 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5814 var closeBtns = document.querySelectorAll(".closeBtns"); 5815 5816 // Open the modal 5817 for ( var modaleBtn in modaleBtns ) { 5818 modaleBtns[modaleBtn].onclick = function() { 5819 let parent = this.closest('.carousel-card') 5820 let modal = parent.querySelector('.my_modal') 5821 modal.showModal(); 5822 } 5823 } 5824 5825 // Close the modal 5826 for ( var closeBtn in closeBtns ) { 5827 closeBtns[closeBtn].onclick = function() { 5828 let parent = this.closest('.carousel-card') 5829 let modal = parent.querySelector('.my_modal') 5830 modal.close(); 5831 } 5832 } 5833 5834 // Close the modal by clicking Escape 5835 document.addEventListener("keydown", function (event) { 5836 if (event.key === "Escape") { 5837 closeModal(); 5838 } 5839 }); 5840 </script>
5840 5841 5842<div class="tw-flex tw-justify-start tw-gap-0.5"> 5843 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5844 <g id="Layer_1-2" data-name="Layer 1"> 5845 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5846 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5847 </g> 5848 </svg> 5849 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5850 <g id="Layer_1-2" data-name="Layer 1"> 5851 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5852 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5853 </g> 5854 </svg> 5855 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5856 <g id="Layer_1-2" data-name="Layer 1"> 5857 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5858 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5859 </g> 5860 </svg> 5861 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5862 <g id="Layer_1-2" data-name="Layer 1"> 5863 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5864 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5865 </g> 5866 </svg> 5867 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5868 <g id="Layer_1-2" data-name="Layer 1"> 5869 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5870 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5871 </g> 5872 </svg> 5873</div> 5874 5875 </div> 5876 5877 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 5878 5879 5880 <div class="!tw-flex !tw-justify-between !tw-items-center"> 5881 5882 <p class="tw-font-bold tw-text-[14px]" style="color:"> 5883 Mona 5884 </p> 5885 5886 5887 <p> 5888 07/10/2024 5889 </p> 5890 5891 </div> 5892 5893 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
5894 <span class="tw-line-clamp-3">Best skincare ever.</span> 5895 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 5896 </div> 5897 <dialog class="my_modal tw-max-w-[500px]"> 5898 <div class="modal-box tw-p-3"> 5899 5900 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 5901 <h3 class="font-bold text-lg">Mona</h3> 5902 <p class="py-4">07/10/2024</p> 5903 </div> 5904 5905 <div class="modal-action"> 5906 <form method="dialog tw-w-full"> 5907 <p class="tw-mb-3">Best skincare ever.</p> 5908 <div class="tw-flex tw-justify-start tw-gap-0.5"> 5909 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5910 <g id="Layer_1-2" data-name="Layer 1"> 5911 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5912 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5913 </g> 5914 </svg> 5915 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5916 <g id="Layer_1-2" data-name="Layer 1"> 5917 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5918 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5919 </g> 5920 </svg> 5921 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5922 <g id="Layer_1-2" data-name="Layer 1"> 5923 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5924 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5925 </g> 5926 </svg> 5927 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5928 <g id="Layer_1-2" data-name="Layer 1"> 5929 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5930 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5931 </g> 5932 </svg> 5933 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5934 <g id="Layer_1-2" data-name="Layer 1"> 5935 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5936 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5937 </g> 5938 </svg> 5939 </div> 5940 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 5941 </form> 5942 </div> 5943 </div> 5944 </dialog> 5945 5946
5946<script> 5947 var modaleBtns = document.querySelectorAll(".modaleBtns"); 5948 var closeBtns = document.querySelectorAll(".closeBtns"); 5949 5950 // Open the modal 5951 for ( var modaleBtn in modaleBtns ) { 5952 modaleBtns[modaleBtn].onclick = function() { 5953 let parent = this.closest('.carousel-card') 5954 let modal = parent.querySelector('.my_modal') 5955 modal.showModal(); 5956 } 5957 } 5958 5959 // Close the modal 5960 for ( var closeBtn in closeBtns ) { 5961 closeBtns[closeBtn].onclick = function() { 5962 let parent = this.closest('.carousel-card') 5963 let modal = parent.querySelector('.my_modal') 5964 modal.close(); 5965 } 5966 } 5967 5968 // Close the modal by clicking Escape 5969 document.addEventListener("keydown", function (event) { 5970 if (event.key === "Escape") { 5971 closeModal(); 5972 } 5973 }); 5974 </script>
5974 5975 5976<div class="tw-flex tw-justify-start tw-gap-0.5"> 5977 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5978 <g id="Layer_1-2" data-name="Layer 1"> 5979 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5980 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5981 </g> 5982 </svg> 5983 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5984 <g id="Layer_1-2" data-name="Layer 1"> 5985 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5986 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5987 </g> 5988 </svg> 5989 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5990 <g id="Layer_1-2" data-name="Layer 1"> 5991 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5992 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5993 </g> 5994 </svg> 5995 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 5996 <g id="Layer_1-2" data-name="Layer 1"> 5997 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 5998 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 5999 </g> 6000 </svg> 6001 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6002 <g id="Layer_1-2" data-name="Layer 1"> 6003 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6004 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6005 </g> 6006 </svg> 6007</div> 6008 6009 </div> 6010 6011 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 6012 6013 6014 <div class="!tw-flex !tw-justify-between !tw-items-center"> 6015 6016 <p class="tw-font-bold tw-text-[14px]" style="color:"> 6017 Nina 6018 </p> 6019 6020 6021 <p> 6022 09/12/2023 6023 </p> 6024 6025 </div> 6026 6027 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6028 <span class="tw-line-clamp-3">Very good products. Even out skin tones well. The day cream provides very good protection all day in the sun. The night cream provides good moisture. Superfood is a very good serum that gives a good glow to the skin all day long.</span> 6029 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 6030 </div> 6031 <dialog class="my_modal tw-max-w-[500px]"> 6032 <div class="modal-box tw-p-3"> 6033 6034 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 6035 <h3 class="font-bold text-lg">Nina</h3> 6036 <p class="py-4">09/12/2023</p> 6037 </div> 6038 6039 <div class="modal-action"> 6040 <form method="dialog tw-w-full"> 6041 <p class="tw-mb-3">Very good products. Even out skin tones well. The day cream provides very good protection all day in the sun. The night cream provides good moisture. Superfood is a very good serum that gives a good glow to the skin all day long.</p> 6042 <div class="tw-flex tw-justify-start tw-gap-0.5"> 6043 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6044 <g id="Layer_1-2" data-name="Layer 1"> 6045 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6046 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6047 </g> 6048 </svg> 6049 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6050 <g id="Layer_1-2" data-name="Layer 1"> 6051 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6052 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6053 </g> 6054 </svg> 6055 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6056 <g id="Layer_1-2" data-name="Layer 1"> 6057 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6058 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6059 </g> 6060 </svg> 6061 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6062 <g id="Layer_1-2" data-name="Layer 1"> 6063 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6064 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6065 </g> 6066 </svg> 6067 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6068 <g id="Layer_1-2" data-name="Layer 1"> 6069 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6070 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6071 </g> 6072 </svg> 6073 </div> 6074 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 6075 </form> 6076 </div> 6077 </div> 6078 </dialog> 6079 6080
6080<script> 6081 var modaleBtns = document.querySelectorAll(".modaleBtns"); 6082 var closeBtns = document.querySelectorAll(".closeBtns"); 6083 6084 // Open the modal 6085 for ( var modaleBtn in modaleBtns ) { 6086 modaleBtns[modaleBtn].onclick = function() { 6087 let parent = this.closest('.carousel-card') 6088 let modal = parent.querySelector('.my_modal') 6089 modal.showModal(); 6090 } 6091 } 6092 6093 // Close the modal 6094 for ( var closeBtn in closeBtns ) { 6095 closeBtns[closeBtn].onclick = function() { 6096 let parent = this.closest('.carousel-card') 6097 let modal = parent.querySelector('.my_modal') 6098 modal.close(); 6099 } 6100 } 6101 6102 // Close the modal by clicking Escape 6103 document.addEventListener("keydown", function (event) { 6104 if (event.key === "Escape") { 6105 closeModal(); 6106 } 6107 }); 6108 </script>
6108 6109 6110<div class="tw-flex tw-justify-start tw-gap-0.5"> 6111 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6112 <g id="Layer_1-2" data-name="Layer 1"> 6113 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6114 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6115 </g> 6116 </svg> 6117 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6118 <g id="Layer_1-2" data-name="Layer 1"> 6119 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6120 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6121 </g> 6122 </svg> 6123 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6124 <g id="Layer_1-2" data-name="Layer 1"> 6125 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6126 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6127 </g> 6128 </svg> 6129 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6130 <g id="Layer_1-2" data-name="Layer 1"> 6131 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6132 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6133 </g> 6134 </svg> 6135 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6136 <g id="Layer_1-2" data-name="Layer 1"> 6137 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6138 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6139 </g> 6140 </svg> 6141</div> 6142 6143 </div> 6144 6145 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 6146 6147 6148 <div class="!tw-flex !tw-justify-between !tw-items-center"> 6149 6150 <p class="tw-font-bold tw-text-[14px]" style="color:"> 6151 Therese 6152 </p> 6153 6154 6155 <p> 6156 14/10/2024 6157 </p> 6158 6159 </div> 6160 6161 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6162 <span class="tw-line-clamp-3">It works, and the creams absorb well into the skin.</span> 6163 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 6164 </div> 6165 <dialog class="my_modal tw-max-w-[500px]"> 6166 <div class="modal-box tw-p-3"> 6167 6168 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 6169 <h3 class="font-bold text-lg">Therese</h3> 6170 <p class="py-4">14/10/2024</p> 6171 </div> 6172 6173 <div class="modal-action"> 6174 <form method="dialog tw-w-full"> 6175 <p class="tw-mb-3">It works, and the creams absorb well into the skin.</p> 6176 <div class="tw-flex tw-justify-start tw-gap-0.5"> 6177 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6178 <g id="Layer_1-2" data-name="Layer 1"> 6179 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6180 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6181 </g> 6182 </svg> 6183 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6184 <g id="Layer_1-2" data-name="Layer 1"> 6185 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6186 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6187 </g> 6188 </svg> 6189 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6190 <g id="Layer_1-2" data-name="Layer 1"> 6191 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6192 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6193 </g> 6194 </svg> 6195 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6196 <g id="Layer_1-2" data-name="Layer 1"> 6197 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6198 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6199 </g> 6200 </svg> 6201 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6202 <g id="Layer_1-2" data-name="Layer 1"> 6203 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6204 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6205 </g> 6206 </svg> 6207 </div> 6208 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 6209 </form> 6210 </div> 6211 </div> 6212 </dialog> 6213 6214
6214<script> 6215 var modaleBtns = document.querySelectorAll(".modaleBtns"); 6216 var closeBtns = document.querySelectorAll(".closeBtns"); 6217 6218 // Open the modal 6219 for ( var modaleBtn in modaleBtns ) { 6220 modaleBtns[modaleBtn].onclick = function() { 6221 let parent = this.closest('.carousel-card') 6222 let modal = parent.querySelector('.my_modal') 6223 modal.showModal(); 6224 } 6225 } 6226 6227 // Close the modal 6228 for ( var closeBtn in closeBtns ) { 6229 closeBtns[closeBtn].onclick = function() { 6230 let parent = this.closest('.carousel-card') 6231 let modal = parent.querySelector('.my_modal') 6232 modal.close(); 6233 } 6234 } 6235 6236 // Close the modal by clicking Escape 6237 document.addEventListener("keydown", function (event) { 6238 if (event.key === "Escape") { 6239 closeModal(); 6240 } 6241 }); 6242 </script>
6242 6243 6244<div class="tw-flex tw-justify-start tw-gap-0.5"> 6245 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6246 <g id="Layer_1-2" data-name="Layer 1"> 6247 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6248 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6249 </g> 6250 </svg> 6251 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6252 <g id="Layer_1-2" data-name="Layer 1"> 6253 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6254 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6255 </g> 6256 </svg> 6257 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6258 <g id="Layer_1-2" data-name="Layer 1"> 6259 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6260 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6261 </g> 6262 </svg> 6263 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6264 <g id="Layer_1-2" data-name="Layer 1"> 6265 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6266 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6267 </g> 6268 </svg> 6269 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6270 <g id="Layer_1-2" data-name="Layer 1"> 6271 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6272 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6273 </g> 6274 </svg> 6275</div> 6276 6277 </div> 6278 6279 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 6280 6281 6282 <div class="!tw-flex !tw-justify-between !tw-items-center"> 6283 6284 <p class="tw-font-bold tw-text-[14px]" style="color:"> 6285 Torild 6286 </p> 6287 6288 6289 <p> 6290 12/06/2023 6291 </p> 6292 6293 </div> 6294 6295 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6296 <span class="tw-line-clamp-3">Very fast delivery right in the mailbox ðð I have only used the products for a short time, but I think they are very good, and most importantly I tolerate them!!!!! Now I want a good eye cream/serum ðð</span> 6297 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 6298 </div> 6299 <dialog class="my_modal tw-max-w-[500px]"> 6300 <div class="modal-box tw-p-3"> 6301 6302 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 6303 <h3 class="font-bold text-lg">Torild</h3> 6304 <p class="py-4">12/06/2023</p> 6305 </div> 6306 6307 <div class="modal-action"> 6308 <form method="dialog tw-w-full"> 6309 <p class="tw-mb-3">Very fast delivery right in the mailbox ðð I have only used the products for a short time, but I think they are very good, and most importantly I tolerate them!!!!! Now I want a good eye cream/serum ðð</p> 6310 <div class="tw-flex tw-justify-start tw-gap-0.5"> 6311 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6312 <g id="Layer_1-2" data-name="Layer 1"> 6313 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6314 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6315 </g> 6316 </svg> 6317 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6318 <g id="Layer_1-2" data-name="Layer 1"> 6319 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6320 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6321 </g> 6322 </svg> 6323 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6324 <g id="Layer_1-2" data-name="Layer 1"> 6325 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6326 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6327 </g> 6328 </svg> 6329 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6330 <g id="Layer_1-2" data-name="Layer 1"> 6331 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6332 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6333 </g> 6334 </svg> 6335 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6336 <g id="Layer_1-2" data-name="Layer 1"> 6337 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6338 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6339 </g> 6340 </svg> 6341 </div> 6342 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 6343 </form> 6344 </div> 6345 </div> 6346 </dialog> 6347 6348
6348<script> 6349 var modaleBtns = document.querySelectorAll(".modaleBtns"); 6350 var closeBtns = document.querySelectorAll(".closeBtns"); 6351 6352 // Open the modal 6353 for ( var modaleBtn in modaleBtns ) { 6354 modaleBtns[modaleBtn].onclick = function() { 6355 let parent = this.closest('.carousel-card') 6356 let modal = parent.querySelector('.my_modal') 6357 modal.showModal(); 6358 } 6359 } 6360 6361 // Close the modal 6362 for ( var closeBtn in closeBtns ) { 6363 closeBtns[closeBtn].onclick = function() { 6364 let parent = this.closest('.carousel-card') 6365 let modal = parent.querySelector('.my_modal') 6366 modal.close(); 6367 } 6368 } 6369 6370 // Close the modal by clicking Escape 6371 document.addEventListener("keydown", function (event) { 6372 if (event.key === "Escape") { 6373 closeModal(); 6374 } 6375 }); 6376 </script>
6376 6377 6378<div class="tw-flex tw-justify-start tw-gap-0.5"> 6379 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6380 <g id="Layer_1-2" data-name="Layer 1"> 6381 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6382 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6383 </g> 6384 </svg> 6385 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6386 <g id="Layer_1-2" data-name="Layer 1"> 6387 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6388 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6389 </g> 6390 </svg> 6391 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6392 <g id="Layer_1-2" data-name="Layer 1"> 6393 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6394 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6395 </g> 6396 </svg> 6397 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6398 <g id="Layer_1-2" data-name="Layer 1"> 6399 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6400 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6401 </g> 6402 </svg> 6403 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6404 <g id="Layer_1-2" data-name="Layer 1"> 6405 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6406 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6407 </g> 6408 </svg> 6409</div> 6410 6411 </div> 6412 6413 <div class="carousel-card tw-snap-start tw-flex tw-flex-col tw-py-5 tw-gap-4 tw-bg-white tw-px-[70px] md:tw-px-5"> 6414 6415 6416 <div class="!tw-flex !tw-justify-between !tw-items-center"> 6417 6418 <p class="tw-font-bold tw-text-[14px]" style="color:"> 6419 Vivian 6420 </p> 6421 6422 6423 <p> 6424 05/12/2023 6425 </p> 6426 6427 </div> 6428 6429 <div class="bodytext tw-text-black tw-text-left mid-card tw-text-[14px] tw-max-w-full ">
6430 <span class="tw-line-clamp-3">After trying out the products, I ordered the skincare series, fast delivery and very satisfied ð already see a difference in my skin, it is much prettierð</span> 6431 <span><button class="modaleBtns tw-underline tw-text-[#4A83F7]">Read more</button></span> 6432 </div> 6433 <dialog class="my_modal tw-max-w-[500px]"> 6434 <div class="modal-box tw-p-3"> 6435 6436 <div class="tw-flex tw-justify-between tw-items-center tw-mb-3"> 6437 <h3 class="font-bold text-lg">Vivian</h3> 6438 <p class="py-4">05/12/2023</p> 6439 </div> 6440 6441 <div class="modal-action"> 6442 <form method="dialog tw-w-full"> 6443 <p class="tw-mb-3">After trying out the products, I ordered the skincare series, fast delivery and very satisfied ð already see a difference in my skin, it is much prettierð</p> 6444 <div class="tw-flex tw-justify-start tw-gap-0.5"> 6445 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6446 <g id="Layer_1-2" data-name="Layer 1"> 6447 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6448 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6449 </g> 6450 </svg> 6451 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6452 <g id="Layer_1-2" data-name="Layer 1"> 6453 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6454 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6455 </g> 6456 </svg> 6457 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6458 <g id="Layer_1-2" data-name="Layer 1"> 6459 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6460 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6461 </g> 6462 </svg> 6463 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6464 <g id="Layer_1-2" data-name="Layer 1"> 6465 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6466 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6467 </g> 6468 </svg> 6469 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6470 <g id="Layer_1-2" data-name="Layer 1"> 6471 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6472 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6473 </g> 6474 </svg> 6475 </div> 6476 <div class="closeBtns tw-cursor-pointer tw-float-right tw-px-4 tw-py-1 tw-text-white tw-bg-[#545454] hover:tw-bg-black">Close</div> 6477 </form> 6478 </div> 6479 </div> 6480 </dialog> 6481 6482
6482<script> 6483 var modaleBtns = document.querySelectorAll(".modaleBtns"); 6484 var closeBtns = document.querySelectorAll(".closeBtns"); 6485 6486 // Open the modal 6487 for ( var modaleBtn in modaleBtns ) { 6488 modaleBtns[modaleBtn].onclick = function() { 6489 let parent = this.closest('.carousel-card') 6490 let modal = parent.querySelector('.my_modal') 6491 modal.showModal(); 6492 } 6493 } 6494 6495 // Close the modal 6496 for ( var closeBtn in closeBtns ) { 6497 closeBtns[closeBtn].onclick = function() { 6498 let parent = this.closest('.carousel-card') 6499 let modal = parent.querySelector('.my_modal') 6500 modal.close(); 6501 } 6502 } 6503 6504 // Close the modal by clicking Escape 6505 document.addEventListener("keydown", function (event) { 6506 if (event.key === "Escape") { 6507 closeModal(); 6508 } 6509 }); 6510 </script>
6510 6511 6512<div class="tw-flex tw-justify-start tw-gap-0.5"> 6513 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6514 <g id="Layer_1-2" data-name="Layer 1"> 6515 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6516 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6517 </g> 6518 </svg> 6519 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6520 <g id="Layer_1-2" data-name="Layer 1"> 6521 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6522 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6523 </g> 6524 </svg> 6525 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6526 <g id="Layer_1-2" data-name="Layer 1"> 6527 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6528 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6529 </g> 6530 </svg> 6531 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6532 <g id="Layer_1-2" data-name="Layer 1"> 6533 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6534 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6535 </g> 6536 </svg> 6537 <svg class="tw-max-w-[16px] tw-h-auto tw-aspect-square tw-object-contain" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.91"> 6538 <g id="Layer_1-2" data-name="Layer 1"> 6539 <rect class="tw-fill-[#58B47F] tw-stroke-none" width="16" height="15.91"/> 6540 <path class="tw-fill-white tw-stroke-none" d="m10.47,10.29c.34,1.05.72,1.86,1.05,2.87-.03.02-.05.04-.08.06-1.17-.77-2.27-1.64-3.42-2.44-1.17.8-2.27,1.66-3.47,2.41.37-1.34.86-2.63,1.24-4-1.13-.82-2.27-1.64-3.41-2.46,0-.02.02-.05.02-.07h4.23c.45-1.34.88-2.66,1.32-3.98.03,0,.06,0,.09,0,.5,1.3.84,2.65,1.34,3.95h4.21c.02.17-.12.23-.2.29-1.08.78-2.17,1.55-3.25,2.32-.56.4-1.16.84-1.72,1.24l2.03-.2Z"/> 6541 </g> 6542 </svg> 6543</div> 6544 6545 </div> 6546 6547 </div> 6548 6549 <div data-direction="right" class=" sliderbtn tw-flex tw-justify-center tw-items-center tw-h-[50px] tw-w-[50px] tw-cursor-pointer !tw-absolute tw-right-[0px] lg:tw-right-[-38px] tw-top-[50%] tw-bg-white"> 6550 <svg width="18px" height="18px" viewBox="-5 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>chevron-right</title> <desc>Created with Sketch Beta.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-473.000000, -1195.000000)" fill="#000000"> <path d="M486.717,1206.22 L474.71,1195.28 C474.316,1194.89 473.678,1194.89 473.283,1195.28 C472.89,1195.67 472.89,1196.31 473.283,1196.7 L484.566,1206.98 L473.283,1217.27 C472.89,1217.66 472.89,1218.29 473.283,1218.69 C473.678,1219.08 474.316,1219.08 474.71,1218.69 L486.717,1207.75 C486.927,1207.54 487.017,1207.26 487.003,1206.98 C487.017,1206.71 486.927,1206.43 486.717,1206.22" id="chevron-right" sketch:type="MSShapeGroup"> </path> </g> </g> </g></svg> 6551 </div> 6552 6553 6554 <div data-direction="left" class="sliderbtn !w-z-50 tw-flex tw-justify-center tw-items-center tw-h-[50px] tw-w-[50px] tw-cursor-pointer tw-absolute tw-left-[0px] lg:tw-left-[-38px] tw-top-[50%] tw-bg-white"> 6555 <svg width="18px" height="18px" viewBox="-5 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>chevron-left</title> <desc>Created with Sketch Beta.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-421.000000, -1195.000000)" fill="#000000"> <path d="M423.429,1206.98 L434.686,1196.7 C435.079,1196.31 435.079,1195.67 434.686,1195.28 C434.293,1194.89 433.655,1194.89 433.263,1195.28 L421.282,1206.22 C421.073,1206.43 420.983,1206.71 420.998,1206.98 C420.983,1207.26 421.073,1207.54 421.282,1207.75 L433.263,1218.69 C433.655,1219.08 434.293,1219.08 434.686,1218.69 C435.079,1218.29 435.079,1217.66 434.686,1217.27 L423.429,1206.98" id="chevron-left" sketch:type="MSShapeGroup"> </path> </g> </g> </g></svg> 6556 </div> 6557 6558 </custom-carousel> 6559 </div> 6560 6561 6562 6563 6564 <div class="tw-flex tw-h-full tw-justify-center tw-items-center tw-pt-4"><a class="tw-underline tw-text-[#4A83F7]" href="/pages/anmeldelser">Read more reviews</a></div> 6565 6566 6567 6568 </section> 6569 6570</div><footer id="shopify-section-sections--18553034244175__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style> 6571 #shopify-section-sections--18553034244175__footer { 6572 --footer-content-justify-items: space-between; 6573 } 6574</style> 6575 6576<div class="footer "> 6577 <div class="container"> 6578 <div class="footer__inner"><div class="footer__block-list"><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">CUSTOMER SERVICE</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li> 6579 <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="link-faded">Customer Service Center</a> 6580 </li><li> 6581 <a href="https://drstine-h0wvjqjppt9-copy.gorgias.help/" class="link-faded">Frequently asked questions</a> 6582 </li><li> 6583 <a href="/pages/sales-and-delivery-terms" class="link-faded">Sales and Delivery Terms</a> 6584 </li><li> 6585 <a href="/pages/privacy" class="link-faded">Privacy</a> 6586 </li><li>
6587 <a href="/pages/cookies" class="link-faded">Cookies</a> 6588 </li><li> 6589 <a href="/pages/retailers" class="link-faded">Retailers</a> 6590 </li><li> 6591 <a href="https://shopify.com/59265155151/account/pages/6971b1a1-27f6-4c27-b8b0-3009fd3b921d" class="link-faded">Subscription login</a> 6592 </li><li> 6593 <a href="https://drstine.com/apps/cancel" class="link-faded">Withdrawal of order</a> 6594 </li></ul> 6595 </div></div><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">EXCITING CONTENT</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li> 6596 <a href="/collections/all-products" class="link-faded">All products</a> 6597 </li><li> 6598 <a href="/blogs/news" class="link-faded">Skincare blog</a> 6599 </li></ul> 6600 </div></div><div class="footer__block footer__block--text" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">Dr.Stine Ankerstjerne ApS</p><div class="prose text-subdued"><p>VAT-nummer DK45379248</p><p>Th. Bergsgade 12, DK-9900 Frederikshavn</p><p>+45 52 51 63 53</p><p>Contact: [email protected]</p></div></div></div></div><ul class="social-media social-media--list unstyled-list" role="list"><li class="social-media__item branding-colors--facebook"> 6601 <a href="https://www.facebook.com/people/drankerstjerne/100064058229699/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg 6602 aria-hidden="true" 6603 focusable="false" 6604 width="24" 6605 class="icon icon-facebook" 6606 viewBox="0 0 24 24" 6607 > 6608 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/> 6609 </svg></a> 6610 </li><li class="social-media__item branding-colors--instagram"> 6611 <a href="https://www.instagram.com/dr.ankerstjerne/?hl=nb" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg 6612 aria-hidden="true" 6613 focusable="false" 6614 width="24" 6615 class="icon icon-instagram" 6616 viewBox="0 0 24 24" 6617 > 6618 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/> 6619 </svg></a> 6620 </li><li class="social-media__item branding-colors--tiktok"> 6621 <a href="https://www.tiktok.com/search?q=DR.ANKERSTJERNE&t=1693402385278" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg 6622 aria-hidden="true" 6623 focusable="false" 6624 width="24" 6625 class="icon icon-tiktok"
6626 viewBox="0 0 24 24" 6627 > 6628 <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/> 6629 </svg></a> 6630 </li></ul><div class="footer__aside"><p class="heading text-subdued text-xxs"> 6631 © 2026 - Dr.Stine 6632 <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a> 6633 </p><div class="payment-methods"> 6634 <div class="tw-flex tw-items-center tw-justify-center tw-gap-1"> 6635 6636 6637 6638 <svg 6639 width="38" 6640 height="24" 6641 viewBox="0 0 38 24" 6642 fill="none" 6643 xmlns="http://www.w3.org/2000/svg" 6644 xmlns:xlink="http://www.w3.org/1999/xlink" 6645> 6646 <rect x="0.5" y="0.5" width="37" height="23" rx="3.5" fill="white" stroke="#F3F3F3"/> 6647 <rect x="1" y="7" width="36" height="9" fill="url(#pattern0)"/> 6648 <defs> 6649 <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"> 6650 <use xlink:href="#image0_1127_24" transform="matrix(0.0037037 0 0 0.0133333 -0.166667 -1.8)"/> 6651 </pattern> 6652 <image id="image0_1127_24" width="360" height="360" xlink:href="data:image/png;base64,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"/> 6653 </defs> 6654</svg> 6655 6656 6657 6658 <img src="//drstine.com/cdn/shopifycloud/storefront/assets/payment_icons/klarna-637a076e.svg" width="auto" height="35" alt="klarna"> 6659 6660 6661 6662 <img src="//drstine.com/cdn/shopifycloud/storefront/assets/payment_icons/apple_pay-1721ebad.svg" width="auto" height="35" alt="apple pay"> 6663 6664 6665 <img src="//drstine.com/cdn/shopifycloud/storefront/assets/payment_icons/visa-b614b878.svg" width="auto" height="35" alt="visa"> 6666 6667 6668 </div> 6669 </div></div> 6670 </div> 6671 </div> 6672</div> 6673 6674 6675</footer> 6676<!-- END sections: footer-group --> 6677 6678 6679 6680
6680<script src="https://partnertrackshopify.dk/js/register.js" async></script>
6680 6681 6682 6683 6684
6684<script> 6685 window.shopurl = 'https://drstine.com'; 6686 </script>
6686 6687 <!-- Start of ankerstjerneeu-kundeservice Zendesk Widget script -->
6688<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f66f1198-4190-4ca1-8677-b3bdc56ac7c6"> </script>
6688 6689<!-- End of ankerstjerneeu-kundeservice Zendesk Widget script --> 6690 <style> </style> 6691<div id="shopify-block-ATnUwMjR0NzBlWTlQY__1854489755362259810" class="shopify-block shopify-app-block"> 6692 6693<!-- BEGIN app snippet: collection-data -->
6693<script> 6694 window.otlCollectionIds = window.otlCollectionIds ? window.otlCollectionIds : [] 6695 window.otlProductIds = window.otlProductIds ? window.otlProductIds : [] 6696 window.otlPDPCollectionIds = window.otlPDPCollectionIds ? window.otlPDPCollectionIds : [] 6697 window.otlPDPProductIds = window.otlPDPProductIds ? window.otlPDPProductIds : [] 6698</script>
vendor: 1 bytes, line 6698
6698
6699<script> 6700 var otlListCollectionIds = 6701 '' 6702 var otlListProductIds = '' 6703 window.otlCollectionIds = otlListCollectionIds.trim().replace(/\s+/g, ' ').split(' ') 6704 window.otlProductIds = otlListProductIds.trim().replace(/\s+/g, ' ').split(' ') 6705</script>
6705 6706 6707
6708<script> 6709 window.otlCollectionIdsByProductIdInCart = {} 6710 function generateTrackingKey() { 6711 if (window.crypto && crypto.randomUUID) { 6712 return crypto.randomUUID() 6713 } 6714 const timestamp = Date.now() 6715 const randomStr = Math.random().toString(36).substr(2, 9) 6716 return `${timestamp}-${randomStr}` 6717 } 6718 6719 window.otlProductTrackingKey = generateTrackingKey() 6720 window.otlCartTrackingKey = generateTrackingKey() 6721</script>
6721 6722 6723<!-- END app snippet --><!-- BEGIN app snippet: data -->
6723<script> 6724 var otlAppData = {}; 6725 window.otlCustomersTags = []; 6726 window.otlCustomerLimitTracking = { limits: [] }; 6727 window.otlCustomer = null; 6728 window.otlIsNewCustomer = true ; 6729 6730 var otlExpiredTimestamp = ''; 6731 window.otlpCartData = {"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}; 6732 var otlCurrency = "â¬{{amount_with_comma_separator}}"; 6733 window.otlCurrency = otlCurrency; 6734 window.otlMarketId = "19403309135"; 6735</script>
6735 6736<!-- END app snippet --> 6737 6738 6739
6740<script> 6741 window.otlpVariantProductData = {} 6742 6743</script>
6743 6744 6745
6746<script> 6747 var omgLimitPurchase = { 6748 page_type: "blog", 6749 shop: "drankerstjerne-eu.myshopify.com" 6750 } 6751</script>
6751 6752 6753 6754 6755 6756 6757 6758
6758<script> 6759 omgLimitPurchase = {"shop":"drankerstjerne-eu.myshopify.com","limits":[{"id":6682,"limit_name":"Limit purchases","limit_type":"quantity","min":1,"max":1,"multiple":1,"apply_for_each":3,"product_assign":3,"customer_assign":0,"customer_tag":"","customer_emails":null,"status":1,"discount_campaigns":null,"updated_at":"2026-03-24T08:07:19.000000Z","check_max_inventory":0,"inventory_sync_tiers":null,"selected_countries":null,"logic_required":"OR","display_settings":{"background":"rgba(255, 255, 255, 1)","text_color":"rgba(255, 16, 16, 1)","notification":"â ï¸ You can't add this item","max_notification":"â ï¸ You can only purchase up to %max items","min_notification":"â ï¸ You need to buy at least %min items","multiple_notification":"â ï¸ You can only purchase items in multiples of %m"},"limit_order_apply_to":1,"notification_locales":null,"template":null,"order_limit_scope":0,"limit_behavior":0,"block_assign":1,"after_block_action":null,"configurations":null,"company_ids":null,"timezone":null,"custom_scope_start":null,"custom_scope_end":null,"custom_scope_loop":false,"customer_ips":[],"product_list":[7439934226511],"max_amount_formatted":"1","min_amount_formatted":"1"}],"general_settings":{"custom_css":null,"money_format":"â¬{{amount_with_comma_separator}}","locale":"en","currency":"EUR","plan":"shopify_plus","theme_class":"","pricing_plan":1,"active_checkout_ui":0,"charge_plan_at":null,"last_installed":"2025-08-19 12:08:39","is_mix_rules":false,"features":null,"checkout_validation_enabled":true,"storefront_access_token":null,"block_action":200},"inventory_rules":[],"url":"https://limit-app.paretodeals.com","app_rootlink":"https://limit-app.paretodeals.com","limit_settings":{"id":3488,"shop":"drankerstjerne-eu.myshopify.com","check_product_page":true,"check_cart_page":true,"check_collection_page":false,"notification_settings":{"min":"â ï¸ You need to buy at least %min items","max":"â ï¸ You can only purchase up to %max items","multiple":"â ï¸ You can only purchase items in multiples of %m","blocking_message":"â ï¸ You can't add this item","background":"rgba(255, 255, 255, 1)","color":"rgba(255, 16, 16, 1)","set_default":0},"layout_settings":{"show_table":1,"show_name":1,"show_max":1,"show_min":1,"show_multiple":0,"max_heading":"Max","min_heading":"Min","multiple_heading":"Multiple"},"custom_element":null,"custom_css":null,"is_enable_shopify_function":true,"auto_translate_messages":false,"checkout_settings":{"show_notification":true,"notification":"The order quantity/value is not valid. Please adjust to proceed.","show_product":true,"min_message":"You need to buy at least %min this product","max_message":"You can only purchase up to %max items","multiple_message":"You can only purchase items in multiples of %m"},"cart_validation_mode":"block_checkout","locale_settings":[]}} 6760 omgLimitPurchase['page_type'] = "blog" 6761 6762 </script>
6762 6763 6764 6765<!-- BEGIN app snippet: library -->
6766<script src="https://cdn.shopify.com/extensions/01a11496-df7d-7a47-a208-4b269a512da4/pareto-limit-purchase-468/assets/limit-purchases.js" type="module"></script>
vendor: 1 bytes, line 6766
6766
6767<script src="https://cdn.shopify.com/extensions/01a11496-df7d-7a47-a208-4b269a512da4/pareto-limit-purchase-468/assets/cross-app-bridge.js" type="module"></script>
6767 6768<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a11496-df7d-7a47-a208-4b269a512da4/pareto-limit-purchase-468/assets/limit-purchases.css"> 6769
6770<script id="script-limit"> 6771 // main.tsx chá» mount React và o #omgLimit má»t lần, nên có node rá»i thì dừng 6772 // (trưá»c Äây setTimeout(0) lặp vô hạn suá»t vòng Äá»i trang). 6773 const prepareInitAppLimit = () => { 6774 if (document.getElementById('omgLimit')) { 6775 return 6776 } 6777 if (document.body) { 6778 let OMG_Quantity_appendApp = document.createElement('div'); 6779 OMG_Quantity_appendApp.setAttribute('id', 'omgLimit'); 6780 document.body.appendChild(OMG_Quantity_appendApp); 6781 return 6782 } 6783 setTimeout(() => { 6784 prepareInitAppLimit() 6785 }) 6786 } 6787 prepareInitAppLimit() 6788</script>
6788 6789<!-- END app snippet --> 6790 6791 6792 6793</div><div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'> 6794 .recharge-theme { 6795 /* App */ 6796 --recharge-app-background: #F9F8F4; 6797 --recharge-app-container: 1200px; 6798 --recharge-app-vertical-padding: 32px; 6799 6800 /* Brand colors */ 6801 6802--recharge-color-brand: #FAD2DC; 6803 6804 /* Tints */ 6805 --recharge-color-brand-120: #f5a9bc; 6806 --recharge-color-brand-20: #fbdbe3; 6807 --recharge-color-brand-40: #fce4ea; 6808 --recharge-color-brand-60: #fdedf1; 6809 --recharge-color-brand-75: #fef4f6; 6810 --recharge-color-brand-85: #fef8fa; 6811 6812 /* Neutral */ 6813 --recharge-color-neutral: hsl(345, 35%, 7%); 6814 --recharge-color-neutral-80: hsl(345, 7%, 25%); 6815 --recharge-color-neutral-70: hsl(345, 5%, 35%); 6816 --recharge-color-neutral-40: hsl(345, 3%, 63%); 6817 --recharge-color-neutral-10: hsl(345, 2%, 91%); 6818 6819 6820 /* Links */ 6821 --recharge-button-secondary: #6D7175; 6822 --recharge-button-secondary-120: #575a5e; 6823 --recharge-button-secondary-60: #a7aaac; 6824 6825 /* Images */ 6826 --recharge-images-ratio: 1; 6827 6828 /* Cards */ 6829 6830 --recharge-cards-background: #FFFFFF; 6831 6832 6833 6834 --recharge-cards-border-color: RGBA(0,0,0,0); 6835 6836 6837 /* Fonts */ 6838 --recharge-typography-scale: 16px; 6839 --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); 6840 --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); 6841 --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); 6842 --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); 6843 --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); 6844 --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); 6845 6846 /** Text **/ 6847 --recharge-typography-light: #FFFFFF; 6848 --recharge-typography-primary: var(--recharge-color-neutral); 6849 --recharge-typography-secondary: var(--recharge-color-neutral-70); 6850 6851 /* Corners */ 6852 --recharge-corners-radius: 8px; 6853 6854 --recharge-button-border-radius: 8px; 6855 6856 6857 /* Views */ 6858 6859 --recharge-views-background: #F9F8F4; 6860 6861 6862 /* Buttons */ 6863 --recharge-button-font-family: inherit; 6864 --recharge-button-brand: var(--recharge-color-brand); 6865 --recharge-button-color: #FFFFFF; 6866 } 6867</style> 6868 6869</div>
6869<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6869 6870</body> 6871</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.