1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head> 7 <meta name="facebook-domain-verification" content="wik7lzpfbhv44vriov0lxvjpfbtg5w" /> 8 <!-- Meta Pixel Code -->
9<script>
vendor: 399 bytes, lines 9-18
9 10!function(f,b,e,v,n,t,s) 11{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 12n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 13if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 14n.queue=[];t=b.createElement(e);t.async=!0; 15t.src=v;s=b.getElementsByTagName(e)[0]; 16s.parentNode.insertBefore(t,s)}(window, document,'script', 17'https://connect.facebook.net/en_US/fbevents.js'); 18fbq('init', '
181561057509358657
vendor: 30 bytes, lines 18-19
18'); 19fbq('track', 'PageView');
20</script>
20 21<noscript><img height="1" width="1" style="display:none" 22src="https://www.facebook.com/tr?id=1561057509358657&ev=PageView&noscript=1" 23/></noscript> 24<!-- End Meta Pixel Code --><link 25 rel="icon" 26 type="image/png" 27 href="//ravenbass.com/cdn/shop/files/WhatsApp_Image_2026-01-19_at_03.02.32__1__-_Bastaga_Ventures-removebg-preview.png?crop=center&height=32&v=1785144548&width=32" 28 > 29 30 31 32<meta charset="utf-8"> 33<meta 34 http-equiv="X-UA-Compatible" 35 content="IE=edge" 36> 37<meta 38 name="viewport" 39 content="width=device-width,initial-scale=1" 40> 41<meta 42 name="theme-color" 43 content="" 44> 45 46<meta 47 property="og:site_name" 48 content="Rave N Bass" 49> 50<meta 51 property="og:url" 52 content="https://ravenbass.com/products/the-daily-reset" 53> 54<meta 55 property="og:title" 56 content="Rave N Bass The Daily Reset Gel Face Wash" 57> 58<meta 59 property="og:type" 60 content="product" 61> 62<meta 63 property="og:description" 64 content="The Daily Reset â Gel Face Wash | 100ml The only face wash in India combining 3.5% Niacinamide, 1% Salicylic Acid, dual Ceramides (NP + EOP) and Hyaluronic Acid â engineered for oily, acne-prone, and combination skin. â 1% Salicylic Acid dissolves oil and debris inside the poreâ 3.5% Niacinamide controls sebum and fade" 65><meta 66 property="og:image" 67 content="http://ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655" 68 > 69 <meta 70 property="og:image:secure_url" 71 content="https://ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655" 72 > 73 <meta 74 property="og:image:width" 75 content="1080" 76 > 77 <meta 78 property="og:image:height" 79 content="1080" 80 ><meta 81 property="og:price:amount" 82 content="349.00" 83 > 84 <meta 85 property="og:price:currency" 86 content="INR" 87 ><meta 88 name="twitter:card" 89 content="summary_large_image" 90> 91<meta 92 name="twitter:title" 93 content="Rave N Bass The Daily Reset Gel Face Wash" 94> 95<meta 96 name="twitter:description" 97 content="The Daily Reset â Gel Face Wash | 100ml The only face wash in India combining 3.5% Niacinamide, 1% Salicylic Acid, dual Ceramides (NP + EOP) and Hyaluronic Acid â engineered for oily, acne-prone, and combination skin. â 1% Salicylic Acid dissolves oil and debris inside the poreâ 3.5% Niacinamide controls sebum and fade" 98> 99 100<title> 101 Rave N Bass The Daily Reset Gel Face Wash 102</title> 103 104<link 105 rel="canonical" 106 href="https://ravenbass.com/products/the-daily-reset" 107> 108 109 110 <meta 111 name="description" 112 content="The Daily Reset â Gel Face Wash | 100ml The only face wash in India combining 3.5% Niacinamide, 1% Salicylic Acid, dual Ceramides (NP + EOP) and Hyaluronic Acid â engineered for oily, acne-prone, and combination skin. â 1% Salicylic Acid dissolves oil and debris inside the poreâ 3.5% Niacinamide controls sebum and fade" 113 > 114 115<link href="//ravenbass.com/cdn/shop/t/11/assets/overflow-list.css?v=16727044177065489451789643208" as="style" rel="preload"> 116<link href="//ravenbass.com/cdn/shop/t/11/assets/base.css?v=73872111640315507811789643208" rel="stylesheet" type="text/css" media="all" /> 117<link href="//ravenbass.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 118<link href="//ravenbass.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 119<link href="//ravenbass.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 120<link href="//ravenbass.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload"> 121 122
123<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 123
123
124<script type="importmap"> 125 { 126 "imports": { 127 "@theme/overflow-list": "//ravenbass.com/cdn/shop/t/11/assets/overflow-list.js?v=46858356770684902511789643208", 128 "@theme/component": "//ravenbass.com/cdn/shop/t/11/assets/component.js?v=175690430936884589731789643208", 129 "@theme/dialog": "//ravenbass.com/cdn/shop/t/11/assets/dialog.js?v=144816527575655702281789643208", 130 "@theme/events": "//ravenbass.com/cdn/shop/t/11/assets/events.js?v=99399773727497444581789643208", 131 "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js", 132 "@theme/view-event-elements": "//ravenbass.com/cdn/shop/t/11/assets/view-event-elements.js?v=34258756885466567141789643208", 133 "@theme/focus": "//ravenbass.com/cdn/shop/t/11/assets/focus.js?v=60436577539430446401789643208", 134 "@theme/morph": "//ravenbass.com/cdn/shop/t/11/assets/morph.js?v=182601902166245204061789643208", 135 "@theme/paginated-list": "//ravenbass.com/cdn/shop/t/11/assets/paginated-list.js?v=71290058904108491691789643208", 136 "@theme/performance": "//ravenbass.com/cdn/shop/t/11/assets/performance.js?v=171015751390534793081789643208", 137 "@theme/product-form": "//ravenbass.com/cdn/shop/t/11/assets/product-form.js?v=156247955454460663281789643208", 138 "@theme/recently-viewed-products": "//ravenbass.com/cdn/shop/t/11/assets/recently-viewed-products.js?v=94729125001750262651789643208", 139 "@theme/scrolling": "//ravenbass.com/cdn/shop/t/11/assets/scrolling.js?v=162288454571026455011789643208", 140 "@theme/section-renderer": "//ravenbass.com/cdn/shop/t/11/assets/section-renderer.js?v=44511745960026958271789643208", 141 "@theme/section-hydration": "//ravenbass.com/cdn/shop/t/11/assets/section-hydration.js?v=108434990705342316311789643208", 142 "@theme/money-formatting": "//ravenbass.com/cdn/shop/t/11/assets/money-formatting.js?v=160151249720534550011789643208", 143 "@theme/utilities": "//ravenbass.com/cdn/shop/t/11/assets/utilities.js?v=45418709732381409691789643208", 144 "@theme/variant-picker": "//ravenbass.com/cdn/shop/t/11/assets/variant-picker.js?v=76692244208061220611789643208", 145 "@theme/variant-resolution": "//ravenbass.com/cdn/shop/t/11/assets/variant-resolution.js?v=69293302205961280521789643208", 146 "@theme/media-gallery": "//ravenbass.com/cdn/shop/t/11/assets/media-gallery.js?v=154207211298275592001789643208", 147 "@theme/quick-add": "//ravenbass.com/cdn/shop/t/11/assets/quick-add.js?v=104449947874272868091789643208", 148 "@theme/paginated-list-aspect-ratio": "//ravenbass.com/cdn/shop/t/11/assets/paginated-list-aspect-ratio.js?v=25254270272143792451789643208", 149 "@theme/popover-polyfill": "//ravenbass.com/cdn/shop/t/11/assets/popover-polyfill.js?v=119029313658895111201789643208", 150 "@theme/component-quantity-selector": "//ravenbass.com/cdn/shop/t/11/assets/component-quantity-selector.js?v=67906657287482036641789643208", 151 "@theme/comparison-slider": "//ravenbass.com/cdn/shop/t/11/assets/comparison-slider.js?v=106705562947035711941789643208", 152 "@theme/sticky-add-to-cart": "//ravenbass.com/cdn/shop/t/11/assets/sticky-add-to-cart.js?v=130489688094345781431789643208", 153 "@theme/fly-to-cart": "//ravenbass.com/cdn/shop/t/11/assets/fly-to-cart.js?v=48483246440248933081789643208", 154 "@theme/scroll-container": "//ravenbass.com/cdn/shop/t/11/assets/scroll-container.js?v=127018149358875384221789643208", 155 "@theme/theme-drawer": "//ravenbass.com/cdn/shop/t/11/assets/theme-drawer.js?v=155110645205299884131789643208" 156 } 157 } 158</script>
158<script 159 src="//ravenbass.com/cdn/shop/t/11/assets/standard-actions-override.js?v=171683365447094389611789643208" 160 type="module" 161></script>
161 162
163<script 164 src="//ravenbass.com/cdn/shop/t/11/assets/page-view-event.js?v=12823247316348680231789643208" 165 type="module" 166 defer 167></script>
167 168
169<script 170 src="//ravenbass.com/cdn/shop/t/11/assets/view-transitions.js?v=116552130480572511441789643208" 171 async 172 173></script>
173 174 175<link 176 rel="modulepreload" 177 href="//ravenbass.com/cdn/shop/t/11/assets/utilities.js?v=45418709732381409691789643208" 178 fetchpriority="low" 179> 180<link 181 rel="modulepreload" 182 href="//ravenbass.com/cdn/shop/t/11/assets/component.js?v=175690430936884589731789643208" 183 fetchpriority="low" 184> 185<link 186 rel="modulepreload" 187 href="//ravenbass.com/cdn/shop/t/11/assets/section-renderer.js?v=44511745960026958271789643208" 188 fetchpriority="low" 189> 190<link 191 rel="modulepreload" 192 href="//ravenbass.com/cdn/shop/t/11/assets/section-hydration.js?v=108434990705342316311789643208" 193 fetchpriority="low" 194> 195<link 196 rel="modulepreload" 197 href="//ravenbass.com/cdn/shop/t/11/assets/morph.js?v=182601902166245204061789643208" 198 fetchpriority="low" 199> 200 201 202 203<link 204 rel="modulepreload" 205 href="//ravenbass.com/cdn/shop/t/11/assets/focus.js?v=60436577539430446401789643208" 206 fetchpriority="low" 207> 208<link 209 rel="modulepreload" 210 href="//ravenbass.com/cdn/shop/t/11/assets/recently-viewed-products.js?v=94729125001750262651789643208" 211 fetchpriority="low" 212> 213<link 214 rel="modulepreload" 215 href="//ravenbass.com/cdn/shop/t/11/assets/scrolling.js?v=162288454571026455011789643208" 216 fetchpriority="low" 217> 218<link 219 rel="modulepreload" 220 href="//ravenbass.com/cdn/shop/t/11/assets/events.js?v=99399773727497444581789643208" 221 fetchpriority="low" 222>
223<script 224 src="//ravenbass.com/cdn/shop/t/11/assets/popover-polyfill.js?v=119029313658895111201789643208" 225 type="module" 226 fetchpriority="low" 227></script>
vendor: 1 bytes, line 227
227
228<script 229 src="//ravenbass.com/cdn/shop/t/11/assets/overflow-list.js?v=46858356770684902511789643208" 230 type="module" 231 fetchpriority="low" 232></script>
vendor: 1 bytes, line 232
232
233<script 234 src="//ravenbass.com/cdn/shop/t/11/assets/quick-add.js?v=104449947874272868091789643208" 235 type="module" 236 fetchpriority="low" 237></script>
237 238 239
239<script 240 src="//ravenbass.com/cdn/shop/t/11/assets/cart-discount.js?v=138990160074728809221789643208" 241 type="module" 242 fetchpriority="low" 243 ></script>
243 244 245
246<script 247 src="//ravenbass.com/cdn/shop/t/11/assets/dialog.js?v=144816527575655702281789643208" 248 type="module" 249 fetchpriority="low" 250></script>
vendor: 1 bytes, line 250
250
251<script 252 src="//ravenbass.com/cdn/shop/t/11/assets/variant-picker.js?v=76692244208061220611789643208" 253 type="module" 254 fetchpriority="low" 255></script>
vendor: 1 bytes, line 255
255
256<script 257 src="//ravenbass.com/cdn/shop/t/11/assets/product-card.js?v=80689566448612614681789643208" 258 type="module" 259 fetchpriority="low" 260></script>
vendor: 1 bytes, line 260
260
261<script 262 src="//ravenbass.com/cdn/shop/t/11/assets/product-form.js?v=156247955454460663281789643208" 263 type="module" 264 fetchpriority="low" 265></script>
vendor: 1 bytes, line 265
265
266<script 267 src="//ravenbass.com/cdn/shop/t/11/assets/fly-to-cart.js?v=48483246440248933081789643208" 268 type="module" 269 fetchpriority="low" 270></script>
vendor: 1 bytes, line 270
270
271<script 272 src="//ravenbass.com/cdn/shop/t/11/assets/accordion-custom.js?v=105323356731531709191789643208" 273 type="module" 274 fetchpriority="low" 275></script>
vendor: 1 bytes, line 275
275
276<script 277 src="//ravenbass.com/cdn/shop/t/11/assets/media.js?v=37825095869491791421789643208" 278 type="module" 279 fetchpriority="low" 280></script>
vendor: 1 bytes, line 280
280
281<script 282 src="//ravenbass.com/cdn/shop/t/11/assets/product-price.js?v=179333985604099329921789643208" 283 type="module" 284 fetchpriority="low" 285></script>
vendor: 1 bytes, line 285
285
286<script 287 src="//ravenbass.com/cdn/shop/t/11/assets/product-sku.js?v=28741104639155857071789643208" 288 type="module" 289 fetchpriority="low" 290></script>
vendor: 1 bytes, line 290
290
291<script 292 src="//ravenbass.com/cdn/shop/t/11/assets/product-inventory.js?v=7173209571153411411789643208" 293 type="module" 294 fetchpriority="low" 295></script>
vendor: 1 bytes, line 295
295
296<script 297 src="//ravenbass.com/cdn/shop/t/11/assets/show-more.js?v=94563802205717136101789643208" 298 type="module" 299 fetchpriority="low" 300></script>
vendor: 1 bytes, line 300
300
301<script 302 src="//ravenbass.com/cdn/shop/t/11/assets/slideshow.js?v=28306258147874261831789643208" 303 type="module" 304 fetchpriority="low" 305></script>
vendor: 1 bytes, line 305
305
306<script 307 src="//ravenbass.com/cdn/shop/t/11/assets/layered-slideshow.js?v=30135417790894624731789643208" 308 type="module" 309 fetchpriority="low" 310></script>
vendor: 1 bytes, line 310
310
311<script 312 src="//ravenbass.com/cdn/shop/t/11/assets/anchored-popover.js?v=143987075196095667371789643208" 313 type="module" 314 fetchpriority="low" 315></script>
vendor: 1 bytes, line 315
315
316<script 317 src="//ravenbass.com/cdn/shop/t/11/assets/floating-panel.js?v=151277338116891310371789643208" 318 type="module" 319 fetchpriority="low" 320></script>
vendor: 1 bytes, line 320
320
321<script 322 src="//ravenbass.com/cdn/shop/t/11/assets/video-background.js?v=25237992823806706551789643208" 323 type="module" 324 fetchpriority="low" 325></script>
vendor: 1 bytes, line 325
325
326<script 327 src="//ravenbass.com/cdn/shop/t/11/assets/component-quantity-selector.js?v=67906657287482036641789643208" 328 type="module" 329 fetchpriority="low" 330></script>
vendor: 1 bytes, line 330
330
331<script 332 src="//ravenbass.com/cdn/shop/t/11/assets/media-gallery.js?v=154207211298275592001789643208" 333 type="module" 334 fetchpriority="low" 335></script>
vendor: 1 bytes, line 335
335
336<script 337 src="//ravenbass.com/cdn/shop/t/11/assets/rte-formatter.js?v=40306132146590816021789643208" 338 type="module" 339 fetchpriority="low" 340></script>
vendor: 1 bytes, line 340
340
341<script 342 src="//ravenbass.com/cdn/shop/t/11/assets/volume-pricing.js?v=15442793518842484731789643208" 343 type="module" 344 fetchpriority="low" 345></script>
vendor: 1 bytes, line 345
345
346<script 347 src="//ravenbass.com/cdn/shop/t/11/assets/price-per-item.js?v=115937180292451397851789643208" 348 type="module" 349 fetchpriority="low" 350></script>
vendor: 1 bytes, line 350
350
351<script 352 src="//ravenbass.com/cdn/shop/t/11/assets/volume-pricing-info.js?v=94479640769665442661789643208" 353 type="module" 354 fetchpriority="low" 355></script>
355 356 357 358 359 360
360<script 361 src="//ravenbass.com/cdn/shop/t/11/assets/sticky-add-to-cart.js?v=130489688094345781431789643208" 362 type="module" 363 fetchpriority="low" 364 ></script>
364 365
365<script type="module"> 366 import { RecentlyViewed } from '@theme/recently-viewed-products'; 367 RecentlyViewed.addProduct('8688508076215'); 368 </script>
368 369 370
371<script 372 src="//ravenbass.com/cdn/shop/t/11/assets/auto-close-details.js?v=58350291535404441581789643208" 373 defer="defer" 374></script>
374 375
376<script> 377 const Theme = { 378 translations: { 379 placeholder_image: `Placeholder image`, 380 added: `Added`, 381 recipient_form_fields_visible: `Recipient form fields are now visible`, 382 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 383 recipient_form_error: `There was an error with the form submission`, 384 items_added_to_cart_one: `1 item added to cart`, 385 items_added_to_cart_other: `{{ count }} items added to cart`, 386 cart_count: `Total items in cart`, 387 }, 388 routes: { 389 cart_add_url: '/cart/add.js', 390 cart_change_url: '/cart/change', 391 cart_update_url: '/cart/update', 392 cart_url: '/cart', 393 predictive_search_url: '/search/suggest', 394 search_url: '/search', 395 }, 396 template: { 397 name: 'product', 398 }, 399 }; 400</script>
400 401<style data-shopify> 402@font-face { 403 font-family: Inter; 404 font-weight: 400; 405 font-style: normal; 406 font-display: swap; 407 src: url("//ravenbass.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 408 url("//ravenbass.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 409} 410@font-face { 411 font-family: Inter; 412 font-weight: 700; 413 font-style: normal; 414 font-display: swap; 415 src: url("//ravenbass.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 416 url("//ravenbass.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 417} 418@font-face { 419 font-family: Inter; 420 font-weight: 400; 421 font-style: italic; 422 font-display: swap; 423 src: url("//ravenbass.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 424 url("//ravenbass.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 425} 426@font-face { 427 font-family: Inter; 428 font-weight: 700; 429 font-style: italic; 430 font-display: swap; 431 src: url("//ravenbass.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 432 url("//ravenbass.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 433} 434@font-face { 435 font-family: Inter; 436 font-weight: 500; 437 font-style: normal; 438 font-display: swap; 439 src: url("//ravenbass.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 440 url("//ravenbass.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 441} 442@font-face { 443 font-family: Inter; 444 font-weight: 500; 445 font-style: italic; 446 font-display: swap; 447 src: url("//ravenbass.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 448 url("//ravenbass.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 449} 450 451 452 :root { 453 /* Page Layout */ 454 --sidebar-width: 25rem; 455 --theme-drawer-width: 30rem; 456 --narrow-content-width: 36rem; 457 --normal-content-width: 42rem; 458 --wide-content-width: 46rem; 459 --narrow-page-width: 90rem; 460 --normal-page-width: 120rem; 461 --wide-page-width: 150rem; 462 463 /* Section Heights */ 464 --section-height-small: 15rem; 465 --section-height-medium: 25rem; 466 --section-height-large: 35rem; 467 468 @media screen and (min-width: 40em) { 469 --section-height-small: 40svh; 470 --section-height-medium: 55svh; 471 --section-height-large: 70svh; 472 } 473 474 @media screen and (min-width: 60em) { 475 --section-height-small: 50svh; 476 --section-height-medium: 65svh; 477 --section-height-large: 80svh; 478 } 479 480 /* Letter spacing */ 481 --letter-spacing-sm: 0.06em; 482 --letter-spacing-md: 0.13em; 483 484 /* Font families */ 485 --font-body--family: Inter, sans-serif; 486 --font-body--style: normal; 487 --font-body--weight: 400; 488 --font-subheading--family: Inter, sans-serif; 489 --font-subheading--style: normal; 490 --font-subheading--weight: 500; 491 --font-heading--family: Inter, sans-serif; 492 --font-heading--style: normal; 493 --font-heading--weight: 700; 494 --font-accent--family: Inter, sans-serif; 495 --font-accent--style: normal; 496 --font-accent--weight: 700; 497 498 /* Margin sizes */ 499 --font-heading--spacing: 0.25em; 500 --font-h1--spacing: var(--font-heading--spacing); 501 --font-h2--spacing: var(--font-heading--spacing); 502 --font-h3--spacing: var(--font-heading--spacing); 503 --font-h4--spacing: var(--font-heading--spacing); 504 --font-h5--spacing: var(--font-heading--spacing); 505 --font-h6--spacing: var(--font-heading--spacing); 506 --font-paragraph--spacing: 0.5em; 507 508 /** Z-Index / Layering */ 509 --layer-section-background: -2; 510 --layer-lowest: -1; 511 --layer-base: 0; 512 --layer-flat: 1; 513 --layer-raised: 2; 514 --layer-heightened: 4; 515 --layer-sticky: 8; 516 --layer-window-overlay: 10; 517 --layer-header-menu: 12; 518 --layer-overlay: 16; 519 --layer-menu-drawer: 18; 520 --layer-temporary: 20; 521 522 /* Max-width / Measure */ 523 --max-width--body-normal: 32.5em; 524 --max-width--body-narrow: 22.75em; 525 526 --max-width--heading-normal: 32.5em; 527 --max-width--heading-narrow: 19.5em; 528 529 --max-width--display-normal: 13em; 530 --max-width--display-narrow: 9.75em; 531 --max-width--display-tight: 3.25em; 532 533 /* Letter-spacing / Tracking */ 534 --letter-spacing--display-tight: -0.03em; 535 --letter-spacing--display-normal: 0em; 536 --letter-spacing--display-loose: 0.03em; 537 538 --letter-spacing--heading-tight: -0.03em; 539 --letter-spacing--heading-normal: 0em; 540 --letter-spacing--heading-loose: 0.03em; 541 542 --letter-spacing--body-tight: -0.03em; 543 --letter-spacing--body-normal: 0em; 544 --letter-spacing--body-loose: 0.03em; 545 546 /* Line height / Leading */ 547 --line-height: 1; 548 549 --line-height--display-tight: 1; 550 --line-height--display-normal: 1.1; 551 --line-height--display-loose: 1.2; 552 553 --line-height--heading-tight: 1.15; 554 --line-height--heading-normal: 1.25; 555 --line-height--heading-loose: 1.35; 556 557 --line-height--body-tight: 1.2; 558 --line-height--body-normal: 1.4; 559 --line-height--body-loose: 1.6; 560 561 /* Typography presets */ 562 --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); 563 564 /* Hardcoded font sizes */ 565 --font-size--3xs: 0.625rem; 566 --font-size--2xs: 0.75rem; 567 --font-size--xs: 0.8125rem; 568 --font-size--sm: 0.875rem; 569 --font-size--md: 1rem; 570 --font-size--lg: 1.125rem; 571 --font-size--xl: 1.25rem; 572 --font-size--2xl: 1.5rem; 573 --font-size--3xl: 2rem; 574 --font-size--4xl: 2.5rem; 575 --font-size--5xl: 3rem; 576 --font-size--6xl: 3.5rem; 577 578 /* Menu font sizes */ 579 --menu-font-sm--size: 0.875rem; 580 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 581 --menu-font-md--size: 1rem; 582 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 583 --menu-font-lg--size: 1.125rem; 584 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 585 --menu-font-xl--size: 1.25rem; 586 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 587 --menu-font-2xl--size: 1.75rem; 588 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 589 590 /* Colors */ 591 --color-error: #8B0000; 592 --color-success: #006400; 593 --color-white: #FFFFFF; 594 --color-white-rgb: 255 255 255; 595 --color-black: #000000; 596 --color-instock: #3ED660; 597 --color-lowstock: #EE9441; 598 --color-outofstock: #C8C8C8; 599 600 /* Opacity */ 601 --opacity-5: 0.05; 602 --opacity-8: 0.08; 603 --opacity-10: 0.1; 604 --opacity-15: 0.15; 605 --opacity-20: 0.2;
606 --opacity-25: 0.25; 607 --opacity-30: 0.3; 608 --opacity-40: 0.4; 609 --opacity-50: 0.5; 610 --opacity-60: 0.6; 611 --opacity-70: 0.7; 612 --opacity-80: 0.8; 613 --opacity-85: 0.85; 614 --opacity-90: 0.9; 615 --opacity-subdued-text: 0.8; 616 --opacity-muted-text: 0.6; 617 618 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 619 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 620 621 /* Spacing */ 622 --margin-3xs: 0.125rem; 623 --margin-2xs: 0.3rem; 624 --margin-xs: 0.5rem; 625 --margin-sm: 0.7rem; 626 --margin-md: 0.8rem; 627 --margin-lg: 1rem; 628 --margin-xl: 1.25rem; 629 --margin-2xl: 1.5rem; 630 --margin-3xl: 1.75rem; 631 --margin-4xl: 2rem; 632 --margin-5xl: 3rem; 633 --margin-6xl: 5rem; 634 635 --scroll-margin: 50px; 636 637 --padding-3xs: 0.125rem; 638 --padding-2xs: 0.25rem; 639 --padding-xs: 0.5rem; 640 --padding-sm: 0.7rem; 641 --padding-md: 0.8rem; 642 --padding-lg: 1rem; 643 --padding-xl: 1.25rem; 644 --padding-2xl: 1.5rem; 645 --padding-3xl: 1.75rem; 646 --padding-4xl: 2rem; 647 --padding-5xl: 3rem; 648 --padding-6xl: 4rem; 649 650 --gap-3xs: 0.125rem; 651 --gap-2xs: 0.3rem; 652 --gap-xs: 0.5rem; 653 --gap-sm: 0.7rem; 654 --gap-md: 0.9rem; 655 --gap-lg: 1rem; 656 --gap-xl: 1.25rem; 657 --gap-2xl: 2rem; 658 --gap-3xl: 3rem; 659 660 --spacing-scale-sm: 0.6; 661 --spacing-scale-md: 0.7; 662 --spacing-scale-default: 1.0; 663 664 /* Checkout buttons gap */ 665 --checkout-button-gap: 10px; 666 667 /* Borders */ 668 --style-border-width: 1px; 669 --style-border-radius-xs: 0.2rem; 670 --style-border-radius-sm: 0.6rem; 671 --style-border-radius-md: 0.8rem; 672 --style-border-radius-50: 50%; 673 --style-border-radius-lg: 1rem; 674 --style-border-radius-pills: 40px; 675 --style-border-radius-inputs: 4px; 676 --style-border-radius-buttons-primary: 14px; 677 --style-border-radius-buttons-secondary: 14px; 678 --style-border-width-primary: 0px; 679 --style-border-width-secondary: 1px; 680 --style-border-width-inputs: 1px; 681 --style-border-radius-popover: 14px; 682 --style-border-popover: 1px solid #DFDFDF; 683 --style-border-drawer: 1px solid #DFDFDF; 684 --style-border-swatch-opacity: 10%; 685 --style-border-swatch-width: 1px; 686 --style-border-swatch-style: solid; 687 688 /* Animation */ 689 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 690 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 691 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 692 --animation-speed-fast: 0.0625s; 693 --animation-speed: 0.125s; 694 --animation-speed-slow: 0.2s; 695 --animation-speed-medium: 0.15s; 696 --animation-easing: ease-in-out; 697 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 698 --drawer-animation-speed: 0.2s; 699 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 700 --animation-values: var(--animation-speed) var(--animation-easing); 701 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 702 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 703 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 704 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 705 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 706 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 707 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 708 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 709 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 710 --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); 711 --spring-d300-b0-duration: 0.4980s; 712 --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); 713 --spring-d280-b0-duration: 0.4648s; 714 --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); 715 --spring-d260-b0-duration: 0.4316s; 716 --spring-d220-b0-easing: linear( 717 0, 718 0.0093 1.37%, 719 0.0696 4.12%, 720 0.4667 15.09%, 721 0.6322 20.58%, 722 0.6986 23.32%, 723 0.7793 27.44%, 724 0.8219 30.18%, 725 0.8721, 726 0.9089 38.42%, 727 0.9427, 728 0.9644, 729 0.978 54.88%, 730 0.9881 61.74%, 731 0.9944 69.97%, 732 0.998 80.95%, 733 0.9996 98.78% 734 ); 735 --spring-d220-b0-duration: 0.3818s; 736 --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); 737 --spring-d180-b0-duration: 0.2988s; 738 739 /* View transitions */ 740 /* View transition old */ 741 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 742 743 /* View transition new */ 744 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 745 746 /* Focus */ 747 --focus-outline-width: 0.09375rem; 748 --focus-outline-offset: 0.2em; 749 750 /* Badges */ 751 --badge-blob-padding-block: 1px; 752 --badge-blob-padding-inline: 12px 8px; 753 --badge-rectangle-padding-block: 1px; 754 --badge-rectangle-padding-inline: 6px; 755 @media screen and (min-width: 750px) { 756 --badge-blob-padding-block: 4px; 757 --badge-blob-padding-inline: 16px 12px; 758 --badge-rectangle-padding-block: 4px; 759 --badge-rectangle-padding-inline: 10px; 760 } 761 762 /* Icons */ 763 --icon-size-2xs: 0.6rem; 764 --icon-size-xs: 0.85rem; 765 --icon-size-sm: 1.25rem; 766 --icon-size-md: 1.375rem; 767 --icon-size-lg: 1.5rem; 768 --icon-stroke-width: 1.5px; 769 770 /* Input */ 771 --input-email-min-width: 200px; 772 --input-search-max-width: 650px; 773 --input-padding-y: 0.8rem; 774 --input-padding-x: 0.8rem; 775 --input-padding: var(--input-padding-y) var(--input-padding-x); 776 --input-box-shadow-width: var(--style-border-width-inputs); 777 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 778 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 779 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 780 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 781 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
782 --input-textarea-min-height: 55px; 783 784 /* Checkbox */ 785 --checkbox-size: 22px; 786 --checkbox-border-radius: 7px; 787 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 788 --checkbox-label-padding: 8px; 789 790 @media screen and (min-width: 750px) { 791 --checkbox-size: 16px; 792 --checkbox-border-radius: 5px; 793 --checkbox-label-padding: 6px; 794 } 795 796 /* Button size */ 797 --button-size-sm: 30px; 798 --button-size-md: 36px; 799 --button-size: var(--minimum-touch-target); 800 --button-padding-inline: 24px; 801 --button-padding-block: 16px; 802 803 /* Button font-family */ 804 --button-font-family-primary: var(--font-body--family); 805 --button-font-family-secondary: var(--font-body--family); 806 807 /* Button text case */ 808 --button-text-case: ; 809 --button-text-case-primary: default; 810 --button-text-case-secondary: default; 811 812 /* Borders */ 813 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 814 --border-width-sm: 1px; 815 --border-width-md: 2px; 816 --border-width-lg: 5px; 817 --border-radius-sm: 0.25rem; 818 819 /* Drawers */ 820 --drawer-inline-padding: 25px; 821 --drawer-menu-inline-padding: 2.5rem; 822 --drawer-header-block-padding: 20px; 823 --drawer-content-block-padding: 10px; 824 --drawer-header-desktop-top: 0rem; 825 --drawer-padding: calc(var(--padding-sm) + 7px); 826 --drawer-height: 100dvh; 827 --drawer-width: 95vw; 828 --drawer-max-width: 500px; 829 830 /* Variant Picker Swatches */ 831 --variant-picker-swatch-width-unitless: 34; 832 --variant-picker-swatch-height-unitless: 34; 833 --variant-picker-swatch-width: 34px; 834 --variant-picker-swatch-height: 34px; 835 --variant-picker-swatch-radius: 32px; 836 --variant-picker-border-width: 1px; 837 --variant-picker-border-style: solid; 838 --variant-picker-border-opacity: 10%; 839 840 /* Variant Picker Buttons */ 841 --variant-picker-button-radius: 14px; 842 --variant-picker-button-border-width: 1px; 843 --variant-option-label-color: var(--color, var(--color-foreground)); 844 845 /* Slideshow */ 846 --slideshow-controls-size: 3.5rem; 847 --slideshow-controls-icon: 2rem; 848 --peek-next-slide-size: 3rem; 849 850 /* Utilities */ 851 --backdrop-opacity: 0.15; 852 --backdrop-color-rgb: var(--color-shadow-rgb); 853 --minimum-touch-target: 44px; 854 --disabled-opacity: 0.5; 855 --skeleton-opacity: 0.025; 856 857 /* Shapes */ 858 --shape--circle: circle(50% at center); 859 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 860 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 861 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
861% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 862 863 /* Buy buttons */ 864 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 865 866 /* Card image width and height variables */ 867 --card-width-small: 10rem; 868 869 --height-small: 10rem; 870 --height-medium: 11.5rem; 871 --height-large: 13rem; 872 --height-full: 100vh; 873 874 @media screen and (min-width: 750px) { 875 --height-small: 17.5rem; 876 --height-medium: 21.25rem; 877 --height-large: 25rem; 878 } 879 880 /* Modal */ 881 --modal-max-height: 65dvh; 882 --quick-add-modal-height: min(38.5rem, 96vh); 883 --quick-add-modal-width: min(54rem, 96vw); 884 --quick-add-modal-gallery-width: 24rem; 885 886 /* Card styles for search */ 887 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 888 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 889 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 890 891 /* Cart */ 892 --cart-primary-font-family: var(--font-body--family); 893 --cart-primary-font-style: var(--font-body--style); 894 --cart-primary-font-weight: var(--font-body--weight); 895 --cart-secondary-font-family: var(--font-subheading--family); 896 --cart-secondary-font-style: var(--font-subheading--style); 897 --cart-secondary-font-weight: var(--font-subheading--weight); 898 } 899</style> 900 901 902 903 904 905 906 <style data-shopify> 907 .color-custom-popover, 908 .color-custom-popover .text-block { 909 /* Background */ 910 --color-background: #ffffff; 911 --color-background-rgb: 255 255 255; 912 913 /* Opacity values adjusted for background brightness */ 914 915--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9160.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 917 918 919 920 /* Foreground / text â explicit or smart-contrasted */ 921 --color: #000000; 922 --color-rgb: 0 0 0; 923 --color-foreground: #000000; 924 --color-foreground-rgb: 0 0 0; 925 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 926 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 927 --color-border: #DFDFDF; 928 --color-border-rgb: 223 223 223; 929 930 } 931 932 933 .color-custom-popover { 934 /* Form-related tokens stay on .color-custom only â .text-block is a prose 935 container (text/announcement/inline-text/blog-post-description/ 936 collection-link/price/sku) and never holds form inputs. */ 937 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 938 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 939 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 940 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 941 } 942 943 944 .color-custom-popover { 945 color: var(--color, var(--color-foreground)); 946 background-color: var(--color-background); 947 } 948 </style> 949 950 951 952 953 954 955 956 957 <style data-shopify> 958 .color-custom-drawer, 959 .color-custom-drawer .text-block { 960 /* Background */ 961 --color-background: #ffffff; 962 --color-background-rgb: 255 255 255; 963 964 /* Opacity values adjusted for background brightness */ 965 966--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 9670.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 968 969 970 971 /* Foreground / text â explicit or smart-contrasted */ 972 --color: #000000; 973 --color-rgb: 0 0 0; 974 --color-foreground: #000000; 975 --color-foreground-rgb: 0 0 0; 976 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 977 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 978 --color-border: #DFDFDF; 979 --color-border-rgb: 223 223 223; 980 981 } 982 983 984 .color-custom-drawer { 985 /* Form-related tokens stay on .color-custom only â .text-block is a prose 986 container (text/announcement/inline-text/blog-post-description/ 987 collection-link/price/sku) and never holds form inputs. */ 988 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 989 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 990 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 991 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 992 } 993 994 995 .color-custom-drawer { 996 color: var(--color, var(--color-foreground)); 997 background-color: var(--color-background); 998 } 999 </style> 1000 1001 1002 1003 1004 1005 1006 1007 1008 <style data-shopify> 1009 .color-custom-badge-sale, 1010 .color-custom-badge-sale .text-block {
1011 /* Background */ 1012 --color-background: #ffffff; 1013 --color-background-rgb: 255 255 255; 1014 1015 /* Opacity values adjusted for background brightness */ 1016 1017--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 10180.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1019 1020 1021 1022 /* Foreground / text â explicit or smart-contrasted */ 1023 --color: #000000; 1024 --color-rgb: 0 0 0; 1025 --color-foreground: #000000; 1026 --color-foreground-rgb: 0 0 0; 1027 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 1028 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 1029 --color-border: #000000; 1030 --color-border-rgb: 0 0 0; 1031 1032 } 1033 1034 1035 .color-custom-badge-sale { 1036 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1037 container (text/announcement/inline-text/blog-post-description/ 1038 collection-link/price/sku) and never holds form inputs. */ 1039 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 1040 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 1041 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 1042 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 1043 } 1044 1045 1046 .color-custom-badge-sale { 1047 color: var(--color, var(--color-foreground)); 1048 background-color: var(--color-background); 1049 } 1050 </style> 1051 1052 1053 1054 1055 1056 1057 1058 1059 <style data-shopify> 1060 .color-custom-badge-sold-out, 1061 .color-custom-badge-sold-out .text-block { 1062 /* Background */ 1063 --color-background: #eef1ea; 1064 --color-background-rgb: 238 241 234; 1065 1066 /* Opacity values adjusted for background brightness */ 1067 1068--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 10690.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1070 1071 1072 1073 /* Foreground / text â explicit or smart-contrasted */ 1074 --color: #000000; 1075 --color-rgb: 0 0 0; 1076 --color-foreground: #000000; 1077 --color-foreground-rgb: 0 0 0; 1078 --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text)); 1079 --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text)); 1080 --color-border: #000000; 1081 --color-border-rgb: 0 0 0; 1082 1083 } 1084 1085 1086 .color-custom-badge-sold-out { 1087 /* Form-related tokens stay on .color-custom only â .text-block is a prose 1088 container (text/announcement/inline-text/blog-post-description/ 1089 collection-link/price/sku) and never holds form inputs. */ 1090 --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10)); 1091 --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5)); 1092 --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50)); 1093 --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55)); 1094 } 1095 1096 1097 .color-custom-badge-sold-out { 1098 color: var(--color, var(--color-foreground)); 1099 background-color: var(--color-background); 1100 } 1101 </style> 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120<style data-shopify> 1121 /* Palette colors */ 1122 :root { 1123 --color-background: #ffffff; 1124 --color-background-rgb: 255 255 255; 1125 --color-foreground: #000000; 1126 --color-foreground-rgb: 0 0 0; 1127 --color-border: #000000; 1128 --color-border-rgb: 0 0 0; 1129 --palette-lightest: #ffffff; 1130 --palette-lightest-rgb: 255 255 255; 1131 --palette-darkest: #000000; 1132 --palette-darkest-rgb: 0 0 0; 1133 1134--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 11350.4; --opacity-30-60: 0.3; --opacity-60: 0.6; 1136 1137 1138 --color-primary-button-text: rgb(255 255 255 / 1.0); 1139 --color-primary-button-background: rgb(0 0 0 / 1.0); 1140 --color-primary-button-border: rgb(0 0 0 / 1.0); 1141 --color-primary-button-focus-outline: rgb(0 0 0); 1142 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1143 --color-primary-button-hover-background: #262626; 1144 --color-primary-button-hover-border: #262626; 1145 1146 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1147 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1148 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1149 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1150 --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
1151 --color-secondary-button-hover-border: #262626; 1152 1153 --color-input-background: rgb(255 255 255 / 1.0); 1154 --color-input-text: rgb(51 51 51 / 1.0); 1155 --color-input-text-rgb: 51 51 51; 1156 --color-input-border: rgb(223 223 223 / 1.0); 1157 1158 --color-variant-background: rgb(255 255 255 / 1.0); 1159 --color-variant-border: rgb(223 223 223 / 1.0); 1160 --color-variant-text: rgb(0 0 0 / 1.0); 1161 --color-variant-text-rgb: 0 0 0; 1162 --color-variant-hover-background: #f2f2f2; 1163 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1164 --color-variant-hover-border: #d2d2d2; 1165 1166 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1167 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1168 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1169 --color-selected-variant-text-rgb: 255 255 255; 1170 --color-selected-variant-hover-background: #262626; 1171 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1172 --color-selected-variant-hover-border: #262626; 1173 1174 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1175 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1176 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1177 --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text)); 1178 --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text)); 1179 --color-drawer-shadow-rgb: ; 1180 --color-popover-shadow-rgb: 0 0 0; 1181 1182 /* Shadows */ 1183 1184 1185 --shadow-blur: 20px; 1186 --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15)); 1187 1188 } 1189 1190 body { 1191 color: var(--color-foreground); 1192 background-color: var(--color-background); 1193 } 1194</style> 1195 1196 1197
1197<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1197<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75656069303/digital_wallets/dialog"> 1198<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/48932454957239:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://ravenbass.com/products/the-daily-reset.oembed">
1199<script async="async" src="/checkouts/internal/preloads.js?locale=en-IN"></script>
vendor: 1 bytes, line 1199
1199
1200<script id="shopify-features" type="application/json">{"accessToken":"4cb0cfe49f7e9c0f549f60f5a9e45368","betas":["rich-media-storefront-analytics"],"domain":"ravenbass.com","predictiveSearch":true,"shopId":75656069303,"locale":"en"}</script>
vendor: 1 bytes, line 1200
1200
1201<script>var Shopify = Shopify || {}; 1202Shopify.shop = "su06i1-2j.myshopify.com"; 1203Shopify.locale = "en"; 1204Shopify.currency = {"active":"INR","rate":"1.0"}; 1205Shopify.country = "IN"; 1206Shopify.theme = {"name":"UPDATED-PDP-RNB X Performance-Related-Changes","id":154655522999,"schema_name":"Horizon","schema_version":"4.1.3","theme_store_id":2481,"role":"main"}; 1207Shopify.theme.handle = "null"; 1208Shopify.theme.style = {"id":null,"handle":null}; 1209Shopify.cdnHost = "ravenbass.com/cdn"; 1210Shopify.routes = Shopify.routes || {}; 1211Shopify.routes.root = "/"; 1212Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1213Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1214Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1215Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1215
1215
1216<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1216
1216
1217<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 1217
1217
1218<script> 1219 window.Shopify = window.Shopify || {}; 1220 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1221 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1222 window.Shopify.SignInWithShop.eligible = true; 1223</script>
vendor: 1 bytes, line 1223
1223
1224<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1224
1224
1225<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 1225
1225
1226<script type="module"> 1227 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1228 1229 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1230 1231</script>
vendor: 1 bytes, line 1231
1231
1232<script> 1233 window.Shopify = window.Shopify || {}; 1234 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1235 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"]}; 1236</script>
vendor: 1 bytes, line 1236
1236
1237<script>(function() { 1238 var isLoaded = false; 1239 function asyncLoad() { 1240 if (isLoaded) return; 1241 isLoaded = true; 1242 var urls = ["\/\/cdn.shopify.com\/proxy\/eddbcff9dd34e48dddfba93a2bbfbb727aed5b67a638124f12d58dc187326f85\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=su06i1-2j.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 1243 for (var i = 0; i < urls.length; i++) { 1244 var s = document.createElement('script'); 1245 s.type = 'text/javascript'; 1246 s.async = true; 1247 s.src = urls[i]; 1248 var x = document.getElementsByTagName('script')[0]; 1249 x.parentNode.insertBefore(s, x); 1250 } 1251 }; 1252 if(window.attachEvent) { 1253 window.attachEvent('onload', asyncLoad); 1254 } else { 1255 window.addEventListener('load', asyncLoad, false); 1256 } 1257})();</script>
vendor: 1 bytes, line 1257
1257
1258<script id="__st">var __st={"a":75656069303,"offset":19800,"reqid":"7938eaf5-efcc-4f06-8065-7e9c38e1de1c-1791428748","pageurl":"ravenbass.com\/products\/the-daily-reset","u":"f81b39c27e77","p":"product","rtyp":"product","rid":8688508076215};</script>
vendor: 1 bytes, line 1258
1258
1259<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1259
1259
1260<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(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){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1260
1260
1261<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//ravenbass.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1261
1261
1262<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 = "//ravenbass.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>
1262<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 1262
1262
1263<script> 1264 window.Shopify = window.Shopify || {}; 1265 window.Shopify.MCP = window.Shopify.MCP || {}; 1266 window.Shopify.MCP.enabled = true; 1267 window.Shopify.MCP.shop = "su06i1-2j.myshopify.com"; 1268 window.Shopify.MCP.mcpEndpoint = "https:\/\/ravenbass.com\/api\/mcp"; 1269 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"]}}]; 1270</script>
vendor: 1 bytes, line 1270
1270
1271<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("\/\/ravenbass.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1272</script>
vendor: 1 bytes, line 1272
1272
1273<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://ravenbass.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1274</script>
vendor: 1 bytes, line 1274
1274
1275<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1276 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); 1277</script>
vendor: 1 bytes, line 1277
1277
1278<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})}})); 1279</script>
1279 1280<link rel="stylesheet" media="screen" href="//ravenbass.com/cdn/shop/t/11/compiled_assets/styles.css?v=164225028229415033301789643208">
1281<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1281 1282
1282<script type="application/javascript"> 1283checkoutBuyer = "https://fastrr-boost-ui.pickrr.com/"; 1284</script>
1284 1285<input type="hidden" value="su06i1-2j.myshopify.com" id="sellerDomain"/> 1286<link rel="stylesheet" href="https://fastrr-boost-ui.pickrr.com/assets/styles/shopify.css">
1287<script src="https://fastrr-boost-ui.pickrr.com/assets/js/channels/shopify.js" defer></script>
vendor: 1 bytes, line 1287
1287
1288<script src="https://fastrr-boost-ui.pickrr.com/assets/js/channels/shiprocketMarketing.js"></script>
1288 1289 1290<input type="hidden" value="rz" id="template"/> 1291<!-- <input type="hidden" value="percent" id="discountType"/> 1292<input type="hidden" value="5" id="discValue"/> --> 1293<style> 1294.sr-headless-checkout { 1295 font-family: inherit; 1296 font-size: 14px; 1297 font-weight: 700; 1298 border-radius: 14px; 1299 height: 52px; 1300 letter-spacing: 1.2px; 1301 background-color:rgb(31, 29, 36) ; 1302 margin-bottom:5px !important; 1303 } 1304 .shiprocket-headless{ 1305 width:100% !important; 1306 } 1307 .sr-checkout-visible{ 1308 width:unset !important; 1309 } 1310 .sr-checkout-visible1{ 1311 display:none !important; 1312 } 1313 .shiprocket-headless[data-type="product"] .sr-headless-checkout { 1314 border-radius: 999px !important; 1315 background-color:rgb(122, 22, 22); 1316 } 1317 1318 .sr-powered-by{ 1319 right:15px; 1320 } 1321 .shiprocket-headless .full-width{ 1322 padding:0px !important; 1323 background-color: inherit !important; 1324} 1325/* .sr-discount-label{ 1326font-size:0px !important; 1327} 1328.sr-discount-label:before{ 1329 content:"EXTRA 5% OFF on PERFUMES"; 1330 font-size: 9px; 1331 color: #000; 1332 text-transform: none; 1333 top: -8px; 1334 left: 6px; 1335 background-color: #53FF73; 1336 border-radius: 3px; 1337 padding: 0 10px; 1338} */ 1339</style> 1340 1341 1342 <!-- Global Time Zone Script Shiprocket Checkout Start --> 1343
1343<script> 1344 function getUserTimezone() { 1345 return Intl.DateTimeFormat().resolvedOptions().timeZone; 1346 } 1347 function renderButton(showShiprocketCheckout) { 1348 let modifiedCSS = ""; 1349 if (showShiprocketCheckout) { 1350 modifiedCSS = ` 1351 button[name="checkout"]{display:none !important;} 1352 #checkout{display:none !important;} 1353 .rnb-cta-row .rnb-buynow-btn{display:none !important;} 1354 .rnb-sticky-atc__btns .rnb-sticky-atc__btn--buy{display:none !important;} 1355 .shopify-payment-button__button.shopify-payment-button__button--unbranded{display:none !important;} 1356 `; 1357 } else { 1358 modifiedCSS = ` 1359 .shiprocket-headless{display:none !important;} 1360 `; 1361 } 1362 const styleElement = document.createElement("style"); 1363 styleElement.textContent = modifiedCSS; 1364 document.head.appendChild(styleElement); 1365 } 1366 function checkAndSetButtonVisibility() { 1367 const indiaTimezones = ["Asia/Kolkata", "Asia/Calcutta"]; 1368 const userTimezone = getUserTimezone(); 1369 const isIndia = indiaTimezones.includes(userTimezone); 1370 renderButton(isIndia); 1371 } 1372 checkAndSetButtonVisibility(); 1373</script>
1373 1374<!-- Global Time Zone Script Shiprocket Checkout End --> 1375 1376 1377 1378<!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1379<script type="text/javascript"> 1380 (function (c, l, a, r, i, t, y) { 1381 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 1382 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 1383 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 1384 1385 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 1386 if (error) { 1387 console.error("Error loading Shopify features:", error); 1388 return; 1389 } 1390 1391 c[a]('consentv2', { 1392 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 1393 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 1394 source: 101, 1395 }); 1396 }); 1397 1398 l.addEventListener("visitorConsentCollected", function (e) { 1399 c[a]('consentv2', { 1400 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 1401 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 1402 source: 101, 1403 }); 1404 }); 1405 })(window, document, "clarity", "script", "xekexzs4t9"); 1406</script>
1406 1407 1408 1409 1410<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1411 1412 1413 1414 1415 1416 1417 1418<link rel="dns-prefetch" href="https://cdn.judge.me"> 1419<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1420<link rel="dns-prefetch" href="https://api.judge.me"> 1421
1422<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1422ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1422itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":false,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#108474","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#108474","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1422youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-08-14T08:34:30.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1422:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"My Store","shop_currency":"INR","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":false,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1422shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"My Store"};</script>
1422 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #108474;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#108474}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #108474;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'My Store'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1423</style> <style class='jdgm-settings-style'></style> 1424 1425 1426 1427 1428 <style class='jdgm-miracle-styles'> 1429 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1429/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 1430 1431</style> 1432 1433 1434 1435 1436 1437 1438 1439 1440
1441<script data-cfasync='false' class='jdgm-script'> 1442!function(e){window.jdgm=window.jdgm||{}; 1443/* INF-1976 */ 1444var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1445if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 1446jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a11176-2280-7862-971a-b99c4fd1084c/judgeme-773/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1447jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1448setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1449!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1450(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1451a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1452jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1453t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1454t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 1455".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1456parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1457jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1458)}))}(document); 1459</script>
1459 1460<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a11176-2280-7862-971a-b99c4fd1084c/judgeme-773/assets/shopify_v2.css"></noscript> 1461 1462<!-- BEGIN app snippet: theme_fix_tags -->
1462<script> 1463 (function() { 1464 var jdgmThemeFixes = null; 1465 if (!jdgmThemeFixes) return; 1466 1467 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1468 // before the per-theme fix so the theme-specific CSS wins the cascade. 1469 // HTML is never applied globally (too risky). 1470 var allThemesFix = jdgmThemeFixes['all']; 1471 if (allThemesFix && allThemesFix.css) { 1472 var allStyleTag = document.createElement('style'); 1473 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1474 allStyleTag.innerHTML = allThemesFix.css; 1475 document.head.append(allStyleTag); 1476 }; 1477 1478 if (allThemesFix && allThemesFix.js) { 1479 var allScriptTag = document.createElement('script'); 1480 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1481 allScriptTag.innerHTML = allThemesFix.js; 1482 document.head.append(allScriptTag); 1483 }; 1484 1485 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1486 if (!thisThemeFix) return; 1487 1488 if (thisThemeFix.html) { 1489 document.addEventListener("DOMContentLoaded", function() { 1490 var htmlDiv = document.createElement('div'); 1491 htmlDiv.classList.add('jdgm-theme-fix-html'); 1492 htmlDiv.innerHTML = thisThemeFix.html; 1493 document.body.append(htmlDiv); 1494 }); 1495 }; 1496 1497 if (thisThemeFix.css) { 1498 var styleTag = document.createElement('style'); 1499 styleTag.classList.add('jdgm-theme-fix-style'); 1500 styleTag.innerHTML = thisThemeFix.css; 1501 document.head.append(styleTag); 1502 }; 1503 1504 if (thisThemeFix.js) { 1505 var scriptTag = document.createElement('script'); 1506 scriptTag.classList.add('jdgm-theme-fix-script'); 1507 scriptTag.innerHTML = thisThemeFix.js; 1508 document.head.append(scriptTag); 1509 }; 1510 })(); 1511</script>
1511 1512<!-- END app snippet --> 1513<!-- End of Judge.me Core --> 1514 1515 1516 1517<!-- END app block --><!-- BEGIN app block: shopify://apps/uppromote-affiliate/blocks/core-script/64c32457-930d-4cb9-9641-e24c0d9cf1f4 --><!-- BEGIN app snippet: core-metafields-setting --><!--suppress ES6ConvertVarToLetConst -->
1518<script type="application/json" id="core-uppromote-settings">{"active_reg_from":true,"app_env":{"env":"production"}}</script>
vendor: 1 bytes, line 1518
1518
1519<script type="application/json" id="core-uppromote-cart">{"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":"INR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}</script>
1519 1520
1521<script id="core-uppromote-quick-store-tracking-vars"> 1522 function getDocumentContext(){const{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i}=window.location,j=document.referrer,k=document.characterSet,l=document.title;return{location:{href:a,hash:b,host:c,hostname:d,origin:e,pathname:f,port:g,protocol:h,search:i},referrer:j||document.location.href,characterSet:k,title:l}}function getNavigatorContext(){const{language:a,cookieEnabled:b,languages:c,userAgent:d}=navigator;return{language:a,cookieEnabled:b,languages:c,userAgent:d}}function getWindowContext(){const{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{height:j,width:k},screenX:f,screenY:g,scrollX:h,scrollY:i}=window;return{innerHeight:a,innerWidth:b,outerHeight:c,outerWidth:d,origin:e,screen:{screenHeight:j,screenWidth:k},screenX:f,screenY:g,scrollX:h,scrollY:i,location:getDocumentContext().location}}function getContext(){return{document:getDocumentContext(),navigator:getNavigatorContext(),window:getWindowContext()}} 1523 if (window.location.href.includes('?sca_ref=')) { 1524 localStorage.setItem('__up_lastViewedPageContext', JSON.stringify({ 1525 context: getContext(), 1526 timestamp: new Date().toISOString(), 1527 })) 1528 } 1529</script>
1529 1530 1531
1532<script id="core-uppromote-setting-booster"> 1533 var UpPromoteCoreSettings = JSON.parse(document.getElementById('core-uppromote-settings').textContent) 1534 UpPromoteCoreSettings.currentCart = JSON.parse(document.getElementById('core-uppromote-cart')?.textContent || '{}') 1535 const idToClean = ['core-uppromote-settings', 'core-uppromote-cart', 'core-uppromote-setting-booster', 'core-uppromote-quick-store-tracking-vars'] 1536 idToClean.forEach(id => { 1537 document.getElementById(id)?.remove() 1538 }) 1539</script>
1539 1540<!-- END app snippet --> 1541 1542 1543<!-- END app block -->
1543<script src="https://cdn.shopify.com/extensions/01a11176-2280-7862-971a-b99c4fd1084c/judgeme-773/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1543
1543
1544<script src="https://cdn.shopify.com/extensions/01a10ad0-9f32-7eb2-a83e-3427bdf52ded/affliate-by-secomapp-129/assets/core.min.js" type="text/javascript" defer="defer"></script>
1544 1545<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1546<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: 75656069303,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 1546
1546
1547<script> 1548 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1549</script>
vendor: 1 bytes, line 1549
1549
1550<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}
1550).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: 75656069303,storefrontBaseUrl: "https://ravenbass.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://ravenbass.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2203189431","configuration":"{\"pixel_id\":\"1561057509358657\",\"pixel_type\":\"facebook_pixel\"}","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":"2201256119","configuration":"{\"projectId\":\"xekexzs4t9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1550,"dataSharingState":"unrestricted"},{"id":"2201125047","configuration":"{\"shopId\":\"283880\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8323bee30e1ec3ae135ae5e0cef4ab6d","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2184773815","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"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":"Rave N Bass","paymentSettings":{"currencyCode":"INR"},"myshopifyDomain":"su06i1-2j.myshopify.com","countryCode":"IN","storefrontUrl":"https:\/\/ravenbass.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":349.0,"currencyCode":"INR"},"product":{"title":"Rave N Bass The Daily Reset Gel Face Wash","vendor":"My Store","id":"8688508076215","untranslatedTitle":"Rave N Bass The Daily Reset Gel Face Wash","url":"\/products\/the-daily-reset","type":""},"id":"48932454957239","image":{"src":"\/\/ravenbass.com\/cdn\/shop\/files\/Artboard_2.jpg_1.jpg?v=1789643655"},"sku":"RNB-TDR-01","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"8688508076215","handle":"the-daily-reset","isCollective":null,"title":"Rave N Bass The Daily Reset Gel Face Wash","type":null,"untranslatedTitle":"Rave N Bass The Daily Reset Gel Face Wash","url":"\/products\/the-daily-reset","vendor":"My Store","remoteShopId":null,"variants":[{"id":"48932454957239","image":{"src":"\/\/ravenbass.com\/cdn\/shop\/files\/Artboard_2.jpg_1.jpg?v=1789643655"},"price":{"amount":349.0,"currencyCode":"INR"},"sku":"RNB-TDR-01","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://ravenbass.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"154655522999","themeStoreId":"2481","themePublished":"true","eventMetadataId":"72983a31-46a3-4965-9473-474f11ee3517","pageType":"product","resourceId":"8688508076215","shopId":"75656069303","storefrontBaseUrl":"https:\/\/ravenbass.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":349.0,\"currencyCode\":\"INR\"},\"product\":{\"title\":\"Rave N Bass The Daily Reset Gel Face Wash\",\"vendor\":\"My Store\",\"id\":\"8688508076215\",\"untranslatedTitle\":\"Rave N Bass The Daily Reset Gel Face Wash\",\"url\":\"\/products\/the-daily-reset\",\"type\":\"\"},\"id\":\"48932454957239\",\"image\":{\"src\":\"\/\/ravenbass.com\/cdn\/shop\/files\/Artboard_2.jpg_1.jpg?v=1789643655\"},\"sku\":\"RNB-TDR-01\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1550<script> 1551 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1552 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1553 window.ShopifyAnalytics.meta.currency = 'INR'; 1554 var meta = {"product":{"id":8688508076215,"gid":"gid:\/\/shopify\/Product\/8688508076215","vendor":"My Store","type":"","handle":"the-daily-reset","variants":[{"id":48932454957239,"price":34900,"name":"Rave N Bass The Daily Reset Gel Face Wash","public_title":null,"sku":"RNB-TDR-01"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8688508076215,"requestId":"7938eaf5-efcc-4f06-8065-7e9c38e1de1c-1791428748"}}; 1555 for (var attr in meta) { 1556 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1557 } 1558</script>
vendor: 1 bytes, line 1558
1558
1559<script class="analytics"> 1560 (function () { 1561 var customDocumentWrite = function(content) { 1562 var jquery = null; 1563 1564 if (window.jQuery) { 1565 jquery = window.jQuery; 1566 } else if (window.Checkout && window.Checkout.$) { 1567 jquery = window.Checkout.$; 1568 } 1569 1570 if (jquery) { 1571 jquery('body').append(content); 1572 } 1573 }; 1574 1575 var hasLoggedConversion = function(token) { 1576 if (token) { 1577 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1578 } 1579 return false; 1580 } 1581 1582 var setCookieIfConversion = function(token) { 1583 if (token) { 1584 var twoMonthsFromNow = new Date(Date.now()); 1585 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1586 1587 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1588 } 1589 } 1590 1591 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1592 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1593 if (trekkie.integrations) { 1594 return; 1595 } 1596 trekkie.methods = [ 1597 'identify', 1598 'page', 1599 'ready', 1600 'track', 1601 'trackForm', 1602 'trackLink' 1603 ]; 1604 trekkie.factory = function(method) { 1605 return function() { 1606 var args = Array.prototype.slice.call(arguments); 1607 args.unshift(method); 1608 trekkie.push(args); 1609 if (method == 'track' || method == 'page') { 1610 var pageUrl; 1611 try { 1612 pageUrl = window.location.href; 1613 } catch (e) {} 1614 var pageReferrer; 1615 try { 1616 pageReferrer = document.referrer; 1617 } catch (e) {} 1618 try { 1619 if (window.__TREKKIE_SHIM_QUEUE == null) { 1620 window.__TREKKIE_SHIM_QUEUE = []; 1621 } 1622 window.__TREKKIE_SHIM_QUEUE.push({ 1623 from: 'trekkie-stub', 1624 method: method, 1625 args: args.slice(1), 1626 pageContext: { 1627 url: pageUrl, 1628 referrer: pageReferrer 1629 } 1630 }); 1631 } catch (e) { 1632 // no-op 1633 } 1634 } 1635 return trekkie; 1636 }; 1637 }; 1638 for (var i = 0; i < trekkie.methods.length; i++) { 1639 var key = trekkie.methods[i]; 1640 trekkie[key] = trekkie.factory(key); 1641 } 1642 trekkie.load = function(config) { 1643 trekkie.config = config || {}; 1644 trekkie.config.initialDocumentCookie = document.cookie; 1645 var first = document.getElementsByTagName('script')[0]; 1646var script = document.createElement('script'); 1647script.type = 'text/javascript'; 1648script.onerror = function(e) { 1649 var scriptFallback = document.createElement('script'); 1650 scriptFallback.type = 'text/javascript'; 1651 scriptFallback.onerror = function(error) { 1652 var Monorail = { 1653 produce: function produce(monorailDomain, schemaId, payload) { 1654 var currentMs = new Date().getTime(); 1655 var event = { 1656 schema_id: schemaId, 1657 payload: payload, 1658 metadata: { 1659 event_created_at_ms: currentMs, 1660 event_sent_at_ms: currentMs 1661 } 1662 }; 1663 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1664 }, 1665 sendRequest: function sendRequest(endpointUrl, payload) { 1666 // Try the sendBeacon API 1667 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1668 var blobData = new window.Blob([payload], { 1669 type: 'text/plain' 1670 }); 1671 1672 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1673 return true; 1674 } // sendBeacon was not successful 1675 1676 } // XHR beacon 1677 1678 var xhr = new XMLHttpRequest(); 1679 1680 try { 1681 xhr.open('POST', endpointUrl); 1682 xhr.setRequestHeader('Content-Type', 'text/plain'); 1683 xhr.send(payload); 1684 } catch (e) { 1685 console.log(e); 1686 } 1687 1688 return false; 1689 }, 1690 isIos12: function isIos12() { 1691 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1692 } 1693 }; 1694 Monorail.produce('monorail-edge.shopifysvc.com', 1695 'trekkie_storefront_load_errors/1.1',
1696 {shop_id: 75656069303, 1697 theme_id: 154655522999, 1698 app_name: "storefront", 1699 context_url: window.location.href, 1700 source_url: "//ravenbass.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1701 1702 }; 1703 scriptFallback.async = true; 1704 scriptFallback.src = '//ravenbass.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1705 first.parentNode.insertBefore(scriptFallback, first); 1706}; 1707script.async = true; 1708script.src = '//ravenbass.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1709first.parentNode.insertBefore(script, first); 1710 1711 }; 1712 trekkie.load( 1713 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75656069303,"isMerchantRequest":null,"themeId":154655522999,"themeCityHash":"8002989000196644156","contentLanguage":"en","currency":"INR","eventMetadataId":"72983a31-46a3-4965-9473-474f11ee3517"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1714 ); 1715 1716 var loaded = false; 1717 trekkie.ready(function() { 1718 if (loaded) return; 1719 loaded = true; 1720 1721 window.ShopifyAnalytics.lib = window.trekkie; 1722 1723 var originalDocumentWrite = document.write; 1724 document.write = customDocumentWrite; 1725 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1726 document.write = originalDocumentWrite; 1727 1728 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1729 var token = match? match[1]: undefined; 1730 if (!hasLoggedConversion(token)) { 1731 setCookieIfConversion(token); 1732 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"INR","variantId":48932454957239,"productId":8688508076215,"productGid":"gid:\/\/shopify\/Product\/8688508076215","name":"Rave N Bass The Daily Reset Gel Face Wash","price":"349.00","sku":"RNB-TDR-01","brand":"My Store","variant":null,"category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 1733 } 1734 }); 1735 1736 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8688508076215,"requestId":"7938eaf5-efcc-4f06-8065-7e9c38e1de1c-1791428748","shopifyEmitted":true}); 1737 1738 var eventsListenerScript = document.createElement('script'); 1739 eventsListenerScript.async = true; 1740 eventsListenerScript.src = "//ravenbass.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1741 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1742})();</script>
vendor: 1 bytes, line 1742
1742
1743<script 1744 defer 1745 src="https://ravenbass.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js" 1746 data-application="storefront-renderer" 1747 data-shop-id="75656069303" 1748 data-render-region="gcp-us-central1" 1749 data-page-type="product" 1750 data-theme-instance-id="154655522999" 1751 data-theme-name="Horizon" 1752 data-theme-version="4.1.3" 1753 data-monorail-region="shop_domain" 1754 data-resource-timing-sampling-rate="10" 1755 data-shs="true" 1756 data-shs-beacon="true" 1757 data-shs-export-with-fetch="true" 1758 data-shs-logs-sample-rate="1" 1759 data-shs-beacon-endpoint="https://ravenbass.com/api/collect" 1760></script>
1760 1761<meta name="shopify-y" content="7d97decd-bed2-4132-ad84-dd64d0f60d7a" data-expiration="1822986348000"><meta name="shopify-s" content="0b849794-1353-446d-8fe8-69e12ca1ad2f" data-expiration="1791430548000"><meta name="new-cookie-storage-activated" content="t"> 1762</head> 1763 1764 <body class="page-width-narrow card-hover-effect-none"> 1765 <a 1766 class="skip-to-content-link button-secondary" 1767 href="#MainContent" 1768> 1769 Skip to content 1770</a> 1771 1772 1773 1774 1775 1776 1777<theme-drawer id="chat-drawer"> 1778 <dialog 1779 ref="panel" 1780 class="theme-drawer__dialog chat-drawer" 1781 > 1782 <shopify-chat 1783 mode="standalone" 1784 mode-switch 1785 ></shopify-chat> 1786 </dialog> 1787</theme-drawer> 1788
1789<script type="module"> 1790 const chatDrawer = document.querySelector('#chat-drawer'); 1791 const shopifyChat = document.querySelector('shopify-chat'); 1792 1793 document.addEventListener('theme-drawer:open', (event) => { 1794 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 1795 shopifyChat?.setAttribute('mode', 'managed'); 1796 }); 1797 1798 document.addEventListener('theme-drawer:close', (event) => { 1799 if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return; 1800 // If mode is still managed, this is a theme-initiated close (backdrop / 1801 // Escape) â close the chat so the FAB appears. If mode is already 1802 // standalone, the close was triggered by an undock (enter-standalone sets 1803 // mode before closing the drawer) â leave the chat open as a floating panel. 1804 if (shopifyChat?.getAttribute('mode') === 'managed') { 1805 shopifyChat?.removeAttribute('open'); 1806 } 1807 shopifyChat?.setAttribute('mode', 'standalone'); 1808 }); 1809 1810 document.addEventListener('shopify-chat:enter-managed', () => { 1811 // Captured at event-fire time â the dock-transition animation hint below 1812 // depends on state as it was when the event was dispatched. 1813 const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone'; 1814 1815 // The activator-click path (FAB click on desktop with stored 1816 // preferredMode=managed) dispatches enter-managed *before* calling show(), 1817 // so the chat's `open` attribute at event time understates the imminent 1818 // outcome. Defer to a microtask: by then show() (if any) has run, and we 1819 // can distinguish the viewport-driven mobileâdesktop transition that left 1820 // a minimized FAB (chat stays closed â don't open an empty drawer) from 1821 // an activator click (chat just opened â open the drawer). 1822 queueMicrotask(() => { 1823 if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) { 1824 return; 1825 } 1826 chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined); 1827 }); 1828 }); 1829 1830 document.addEventListener('shopify-chat:enter-standalone', () => { 1831 shopifyChat?.setAttribute('mode', 'standalone'); 1832 chatDrawer?.close?.(); 1833 }); 1834 1835 document.addEventListener('shopify-chat:close', () => { 1836 if (shopifyChat?.getAttribute('mode') === 'managed') { 1837 chatDrawer?.close?.(); 1838 } 1839 }); 1840 1841 document.addEventListener('megaMenu:hover', () => { 1842 if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') { 1843 shopifyChat?.removeAttribute('open'); 1844 } 1845 }); 1846 1847 // After the chat upgrades it self-restores its preferred mode from 1848 // sessionStorage. Reconcile any mismatch with the theme-drawer's state 1849 // â the drawer is the source of truth for which mode the chat should 1850 // be in (open â managed, closed â standalone). 1851 customElements.whenDefined('shopify-chat').then(() => { 1852 const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone'; 1853 if (shopifyChat?.getAttribute('mode') !== mode) { 1854 // When switching managed â standalone (e.g. narrow viewport skipped 1855 // drawer restore), also close the chat so it renders as the FAB 1856 // rather than an open standalone panel. 1857 if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) { 1858 shopifyChat?.removeAttribute('open'); 1859 } 1860 shopifyChat?.setAttribute('mode', mode); 1861 } 1862 }); 1863</script>
1863 1864 1865 1866 1867 1868 <div class="page-wrapper"> 1869 <div id="header-group"> 1870 <!-- BEGIN sections: header-group --> 1871<div id="shopify-section-sections--21311310037175__announcement_bar_rnb_JBkagE" class="shopify-section shopify-section-group-header-group"><style data-shopify> 1872 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE { 1873 --rnb-bg: #7a1616; 1874 --rnb-text: #f5ede0; 1875 --rnb-accent: #c9a227; 1876 background: var(--rnb-bg); 1877 color: var(--rnb-text); 1878 position: relative; 1879 z-index: 41; 1880 overflow: hidden; 1881 max-width: 100vw; 1882 box-sizing: border-box; 1883 transition: transform 0.3s ease; 1884 -webkit-text-size-adjust: 100%; 1885 text-size-adjust: 100%; 1886 } 1887 1888 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE *, 1889 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE *::before, 1890 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE *::after { 1891 box-sizing: border-box; 1892 } 1893 1894 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE.rnb-hide-mobile { 1895 transform: translateY(-100%); 1896 } 1897 1898 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-outer { 1899 width: 100%; 1900 max-width: 100%; 1901 overflow: hidden; 1902 padding: 9px 0; 1903 } 1904 1905 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-track { 1906 display: inline-flex; 1907 align-items: center; 1908 width: max-content; 1909 white-space: nowrap; 1910 animation: rnb-scroll 40s linear infinite; 1911 will-change: transform; 1912 } 1913 1914 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE:hover .rnb-marquee-track { 1915 animation-play-state: paused; 1916 } 1917 1918 @keyframes rnb-scroll { 1919 from { transform: translateX(0); } 1920 to { transform: translateX(-50%); } 1921 } 1922 1923 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-item { 1924 display: inline-flex; 1925 align-items: center; 1926 gap: 6px; 1927 padding: 0 22px; 1928 font-size: 13px; 1929 letter-spacing: 0.02em; 1930 font-weight: 500; 1931 } 1932 1933 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-item a, 1934 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-item span.rnb-txt { 1935 color: var(--rnb-text); 1936 text-decoration: none; 1937 } 1938 1939 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-item a:hover { 1940 text-decoration: underline; 1941 } 1942 1943 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-sep { 1944 opacity: 0.5; 1945 margin-left: 22px; 1946 } 1947 1948 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-icon { 1949 width: 14px; 1950 height: 14px; 1951 flex-shrink: 0; 1952 } 1953 1954 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-accent-line { 1955 height: 2px; 1956 background: var(--rnb-accent); 1957 width: 100%; 1958 } 1959 1960 @media (min-width: 990px) { 1961 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE.rnb-sticky-desktop { 1962 position: sticky; 1963 top: 0; 1964 } 1965 } 1966 1967 @media (max-width: 749px) { 1968 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-outer { 1969 padding: 8px 0; 1970 } 1971 1972 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-item { 1973 gap: 5px; 1974 padding: 0 14px; 1975 font-size: 12px; 1976 } 1977 1978 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-sep { 1979 margin-left: 14px; 1980 } 1981 1982 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-icon { 1983 width: 12px; 1984 height: 12px; 1985 } 1986 } 1987 1988 @media (max-width: 374px) { 1989 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-item { 1990 padding: 0 10px; 1991 font-size: 11px; 1992 } 1993 1994 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-sep { 1995 margin-left: 10px; 1996 } 1997 } 1998 1999 @media (prefers-reduced-motion: reduce) { 2000 #rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE .rnb-marquee-track { 2001 animation: none; 2002 } 2003 } 2004</style> 2005 2006<div 2007 id="rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE" 2008 class="rnb-announce rnb-sticky-desktop" 2009 data-collapse-mobile="true" 2010> 2011 <div class="rnb-marquee-outer"> 2012 <div class="rnb-marquee-track"> 2013
2014 <span class="rnb-marquee-item" > 2015 2016 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 7h11v8H3zM14 10h4l3 3v2h-7z"/><circle cx="6.5" cy="17.5" r="1.5"/><circle cx="17.5" cy="17.5" r="1.5"/></svg> 2017 2018 2019 <span class="rnb-txt">Free shipping on all orders</span> 2020 2021 <span class="rnb-sep">â¢</span> 2022 </span> 2023 2024 <span class="rnb-marquee-item" > 2025 2026 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12l-8 8-9-9V3h8z"/><circle cx="7.5" cy="7.5" r="1.5"/></svg> 2027 2028 2029 <span class="rnb-txt">Use code RESET10 for 10% off your first order</span> 2030 2031 <span class="rnb-sep">â¢</span> 2032 </span> 2033 2034 <span class="rnb-marquee-item" > 2035 2036 <svg class="rnb-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14l-5-4.87 6.91-1.01z"/></svg> 2037 2038 2039 <span class="rnb-txt">4.8â rated · 200+ verified customers</span> 2040 2041 <span class="rnb-sep">â¢</span> 2042 </span> 2043 2044 <span class="rnb-marquee-item" > 2045 2046 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2047 2048 2049 <span class="rnb-txt">As seen on ANI, Business Standard, News18 & more</span> 2050 2051 <span class="rnb-sep">â¢</span> 2052 </span> 2053 2054 <span class="rnb-marquee-item" > 2055 2056 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2057 2058 2059 <span class="rnb-txt">Sulphate-free · Fragrance-free · Cruelty-free</span> 2060 2061 <span class="rnb-sep">â¢</span> 2062 </span> 2063 2064 <span class="rnb-marquee-item" > 2065 2066 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2067 2068 2069 <span class="rnb-txt">Manufactured to Indian GMP standards</span> 2070 2071 <span class="rnb-sep">â¢</span> 2072 </span> 2073 2074 <span class="rnb-marquee-item" > 2075 2076 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2077 2078 2079 <span class="rnb-txt">3.5% Niacinamide + 1% Salicylic Acid + Ceramides + HA</span> 2080 2081 <span class="rnb-sep">â¢</span> 2082 </span> 2083 2084 <span class="rnb-marquee-item" > 2085 2086 <svg class="rnb-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14l-5-4.87 6.91-1.01z"/></svg> 2087 2088 2089 <span class="rnb-txt">Built for athletes who push hard, every day</span> 2090 2091 <span class="rnb-sep">â¢</span> 2092 </span> 2093 2094 2095 2096 <span class="rnb-marquee-item" > 2097 2098 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 7h11v8H3zM14 10h4l3 3v2h-7z"/><circle cx="6.5" cy="17.5" r="1.5"/><circle cx="17.5" cy="17.5" r="1.5"/></svg> 2099 2100 2101 <span class="rnb-txt">Free shipping on all orders</span> 2102 2103 <span class="rnb-sep">â¢</span> 2104 </span> 2105 2106 <span class="rnb-marquee-item" > 2107
2108 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12l-8 8-9-9V3h8z"/><circle cx="7.5" cy="7.5" r="1.5"/></svg> 2109 2110 2111 <span class="rnb-txt">Use code RESET10 for 10% off your first order</span> 2112 2113 <span class="rnb-sep">â¢</span> 2114 </span> 2115 2116 <span class="rnb-marquee-item" > 2117 2118 <svg class="rnb-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14l-5-4.87 6.91-1.01z"/></svg> 2119 2120 2121 <span class="rnb-txt">4.8â rated · 200+ verified customers</span> 2122 2123 <span class="rnb-sep">â¢</span> 2124 </span> 2125 2126 <span class="rnb-marquee-item" > 2127 2128 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2129 2130 2131 <span class="rnb-txt">As seen on ANI, Business Standard, News18 & more</span> 2132 2133 <span class="rnb-sep">â¢</span> 2134 </span> 2135 2136 <span class="rnb-marquee-item" > 2137 2138 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2139 2140 2141 <span class="rnb-txt">Sulphate-free · Fragrance-free · Cruelty-free</span> 2142 2143 <span class="rnb-sep">â¢</span> 2144 </span> 2145 2146 <span class="rnb-marquee-item" > 2147 2148 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2149 2150 2151 <span class="rnb-txt">Manufactured to Indian GMP standards</span> 2152 2153 <span class="rnb-sep">â¢</span> 2154 </span> 2155 2156 <span class="rnb-marquee-item" > 2157 2158 <svg class="rnb-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z"/></svg> 2159 2160 2161 <span class="rnb-txt">3.5% Niacinamide + 1% Salicylic Acid + Ceramides + HA</span> 2162 2163 <span class="rnb-sep">â¢</span> 2164 </span> 2165 2166 <span class="rnb-marquee-item" > 2167 2168 <svg class="rnb-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14l-5-4.87 6.91-1.01z"/></svg> 2169 2170 2171 <span class="rnb-txt">Built for athletes who push hard, every day</span> 2172 2173 <span class="rnb-sep">â¢</span> 2174 </span> 2175 2176 2177 </div> 2178 </div> 2179 2180 <div class="rnb-accent-line"></div> 2181 2182</div> 2183
2184<script> 2185 (function () { 2186 var wrap = document.getElementById('rnb-announce-sections--21311310037175__announcement_bar_rnb_JBkagE'); 2187 if (!wrap) return; 2188 2189 var collapseMobile = wrap.dataset.collapseMobile === 'true'; 2190 if (!collapseMobile) return; 2191 2192 var lastY = window.scrollY; 2193 var ticking = false; 2194 2195 window.addEventListener('scroll', function () { 2196 if (window.innerWidth >= 990) return; // desktop stays sticky, no collapse 2197 if (ticking) return; 2198 ticking = true; 2199 requestAnimationFrame(function () { 2200 var y = window.scrollY; 2201 if (y > lastY && y > 40) { 2202 wrap.classList.add('rnb-hide-mobile'); 2203 } else if (y < lastY) { 2204 wrap.classList.remove('rnb-hide-mobile'); 2205 } 2206 lastY = y; 2207 ticking = false; 2208 }); 2209 }, { passive: true }); 2210 })(); 2211</script>
2211 2212 2213 2214</div><div id="shopify-section-sections--21311310037175__header_section" class="shopify-section shopify-section-group-header-group"><style data-shopify> 2215 #rnb-header-sections--21311310037175__header_section { 2216 --rnb-h-bg: #fbf3e7; 2217 --rnb-h-text: #241c1c; 2218 --rnb-h-accent: #c9a227; 2219 --rnb-h-cta-bg: #7a1616; 2220 --rnb-h-cta-text: #f5ede0; 2221 background: var(--rnb-h-bg); 2222 color: var(--rnb-h-text); 2223 position: relative; 2224 z-index: 40; 2225 max-width: 100vw; 2226 box-sizing: border-box; 2227 border-bottom: 1px solid rgba(201, 162, 39, 0.25); 2228 transition: box-shadow 0.25s ease; 2229 } 2230 2231 #rnb-header-sections--21311310037175__header_section *, 2232 #rnb-header-sections--21311310037175__header_section *::before, 2233 #rnb-header-sections--21311310037175__header_section *::after { 2234 box-sizing: border-box; 2235 } 2236 2237 #rnb-header-sections--21311310037175__header_section.rnb-sticky { 2238 position: sticky; 2239 top: 0; 2240 } 2241 2242 #rnb-header-sections--21311310037175__header_section.rnb-scrolled { 2243 box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06); 2244 } 2245 2246 #rnb-header-sections--21311310037175__header_section .rnb-h-inner { 2247 max-width: 1400px; 2248 margin: 0 auto; 2249 padding: 14px 24px; 2250 display: flex; 2251 align-items: center; 2252 justify-content: space-between; 2253 gap: 20px; 2254 } 2255 2256 #rnb-header-sections--21311310037175__header_section .rnb-h-logo { 2257 min-width: 0; 2258 flex-shrink: 1; 2259 } 2260 2261 #rnb-header-sections--21311310037175__header_section .rnb-h-logo img { 2262 display: block; 2263 width: 80px; 2264 max-width: 100%; 2265 height: auto; 2266 } 2267 2268 #rnb-header-sections--21311310037175__header_section .rnb-h-logo a { 2269 display: inline-flex; 2270 max-width: 100%; 2271 overflow: hidden; 2272 text-overflow: ellipsis; 2273 white-space: nowrap; 2274 font-family: inherit; 2275 font-weight: 700; 2276 letter-spacing: 0.02em; 2277 color: var(--rnb-h-text); 2278 text-decoration: none; 2279 font-size: 20px; 2280 } 2281 2282 #rnb-header-sections--21311310037175__header_section .rnb-h-nav { 2283 display: none; 2284 align-items: center; 2285 gap: 30px; 2286 } 2287 2288 @media (min-width: 990px) { 2289 #rnb-header-sections--21311310037175__header_section .rnb-h-nav { 2290 display: flex; 2291 } 2292 } 2293 2294 #rnb-header-sections--21311310037175__header_section .rnb-h-nav a { 2295 color: var(--rnb-h-text); 2296 text-decoration: none; 2297 font-size: 14px; 2298 font-weight: 500; 2299 letter-spacing: 0.02em; 2300 position: relative; 2301 padding-bottom: 2px; 2302 } 2303 2304 #rnb-header-sections--21311310037175__header_section .rnb-h-nav a::after { 2305 content: ''; 2306 position: absolute; 2307 left: 0; 2308 bottom: -3px; 2309 width: 0; 2310 height: 1.5px; 2311 background: var(--rnb-h-accent); 2312 transition: width 0.2s ease; 2313 } 2314 2315 #rnb-header-sections--21311310037175__header_section .rnb-h-nav a:hover::after { 2316 width: 100%; 2317 } 2318 2319 #rnb-header-sections--21311310037175__header_section .rnb-h-trust { 2320 display: none; 2321 align-items: center; 2322 gap: 5px; 2323 font-size: 12px; 2324 font-weight: 600; 2325 color: var(--rnb-h-accent); 2326 border: 1px solid rgba(201, 162, 39, 0.4); 2327 border-radius: 999px; 2328 padding: 4px 12px; 2329 white-space: nowrap; 2330 } 2331 2332 @media (min-width: 990px) { 2333 #rnb-header-sections--21311310037175__header_section .rnb-h-trust { 2334 display: inline-flex; 2335 } 2336 } 2337 2338 #rnb-header-sections--21311310037175__header_section .rnb-h-right { 2339 display: flex; 2340 align-items: center; 2341 gap: 14px; 2342 } 2343 2344 #rnb-header-sections--21311310037175__header_section .rnb-h-cta, 2345 #rnb-h-mobile-sections--21311310037175__header_section .rnb-h-cta { 2346 display: inline-flex; 2347 align-items: center; 2348 gap: 8px; 2349 background: var(--rnb-h-cta-bg); 2350 color: var(--rnb-h-cta-text); 2351 text-decoration: none; 2352 font-size: 13px; 2353 font-weight: 600; 2354 letter-spacing: 0.02em; 2355 padding: 10px 18px; 2356 border-radius: 999px; 2357 opacity: 0; 2358 transform: translateY(-6px); 2359 pointer-events: none; 2360 transition: opacity 0.25s ease, transform 0.25s ease; 2361 white-space: nowrap; 2362 } 2363 2364 #rnb-header-sections--21311310037175__header_section .rnb-h-cta.rnb-show, 2365 #rnb-h-mobile-sections--21311310037175__header_section .rnb-h-cta.rnb-show { 2366 opacity: 1; 2367 transform: translateY(0); 2368 pointer-events: auto; 2369 } 2370 2371 #rnb-header-sections--21311310037175__header_section .rnb-h-cart, 2372 #rnb-header-sections--21311310037175__header_section .rnb-h-iconbtn { 2373 position: relative; 2374 display: inline-flex; 2375 align-items: center; 2376 justify-content: center; 2377 width: 38px; 2378 height: 38px; 2379 flex-shrink: 0; 2380 border-radius: 50%; 2381 color: var(--rnb-h-text); 2382 background: transparent; 2383 border: none; 2384 cursor: pointer; 2385 transition: background 0.2s ease, transform 0.2s ease; 2386 } 2387 2388 #rnb-header-sections--21311310037175__header_section .rnb-h-cart:hover, 2389 #rnb-header-sections--21311310037175__header_section .rnb-h-iconbtn:hover { 2390 background: rgba(201, 162, 39, 0.14); 2391 transform: translateY(-1px); 2392 } 2393 2394 #rnb-header-sections--21311310037175__header_section .rnb-h-cart svg, 2395 #rnb-header-sections--21311310037175__header_section .rnb-h-iconbtn svg {
2396 width: 20px; 2397 height: 20px; 2398 } 2399 2400 #rnb-header-sections--21311310037175__header_section .rnb-h-divider { 2401 width: 1px; 2402 height: 22px; 2403 flex-shrink: 0; 2404 background: rgba(201, 162, 39, 0.3); 2405 margin: 0 2px; 2406 } 2407 2408 #rnb-header-sections--21311310037175__header_section .rnb-h-account-avatar { 2409 width: 22px; 2410 height: 22px; 2411 border-radius: 50%; 2412 background: var(--rnb-h-cta-bg); 2413 color: var(--rnb-h-cta-text); 2414 font-size: 11px; 2415 font-weight: 700; 2416 display: inline-flex; 2417 align-items: center; 2418 justify-content: center; 2419 } 2420 2421 #rnb-header-sections--21311310037175__header_section .rnb-h-search-panel { 2422 position: absolute; 2423 left: 0; 2424 right: 0; 2425 top: 100%; 2426 background: var(--rnb-h-bg); 2427 border-bottom: 1px solid rgba(201, 162, 39, 0.25); 2428 max-height: 0; 2429 overflow: hidden; 2430 transition: max-height 0.25s ease; 2431 z-index: 45; 2432 } 2433 2434 #rnb-header-sections--21311310037175__header_section .rnb-h-search-panel.rnb-open { 2435 max-height: 90px; 2436 } 2437 2438 #rnb-header-sections--21311310037175__header_section .rnb-h-search-form { 2439 max-width: 1400px; 2440 margin: 0 auto; 2441 display: flex; 2442 gap: 10px; 2443 padding: 16px 24px; 2444 } 2445 2446 #rnb-header-sections--21311310037175__header_section .rnb-h-search-form input { 2447 flex: 1; 2448 min-width: 0; 2449 border: 1px solid rgba(201, 162, 39, 0.4); 2450 border-radius: 999px; 2451 padding: 10px 16px; 2452 font-size: 16px; 2453 background: #fff; 2454 color: #241C1C; 2455 outline: none; 2456 } 2457 2458 #rnb-header-sections--21311310037175__header_section .rnb-h-search-form button { 2459 background: var(--rnb-h-cta-bg); 2460 color: var(--rnb-h-cta-text); 2461 border: none; 2462 border-radius: 999px; 2463 padding: 0 20px; 2464 font-size: 13px; 2465 font-weight: 600; 2466 cursor: pointer; 2467 white-space: nowrap; 2468 } 2469 2470 #rnb-header-sections--21311310037175__header_section .rnb-h-account-drop { 2471 position: absolute; 2472 top: calc(100% + 12px); 2473 right: 0; 2474 width: 190px; 2475 background: #fff; 2476 color: #241C1C; 2477 border-radius: 14px; 2478 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14); 2479 padding: 8px; 2480 opacity: 0; 2481 visibility: hidden; 2482 transform: translateY(-8px); 2483 transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; 2484 z-index: 50; 2485 } 2486 2487 #rnb-header-sections--21311310037175__header_section .rnb-h-account-drop.rnb-open { 2488 opacity: 1; 2489 visibility: visible; 2490 transform: translateY(0); 2491 } 2492 2493 #rnb-header-sections--21311310037175__header_section .rnb-h-account-drop a { 2494 display: block; 2495 padding: 9px 10px; 2496 border-radius: 8px; 2497 font-size: 13px; 2498 font-weight: 500; 2499 color: #241C1C; 2500 text-decoration: none; 2501 } 2502 2503 #rnb-header-sections--21311310037175__header_section .rnb-h-account-drop a:hover { 2504 background: rgba(201, 162, 39, 0.12); 2505 } 2506 2507 #rnb-header-sections--21311310037175__header_section.rnb-glass.rnb-scrolled { 2508 background: rgba(251, 243, 231, 0.86); 2509 backdrop-filter: blur(10px); 2510 -webkit-backdrop-filter: blur(10px); 2511 } 2512 2513 #rnb-header-sections--21311310037175__header_section .rnb-h-cart-count { 2514 position: absolute; 2515 top: 2px; 2516 right: 2px; 2517 min-width: 16px; 2518 height: 16px; 2519 padding: 0 3px; 2520 border-radius: 50%; 2521 background: var(--rnb-h-cta-bg); 2522 color: var(--rnb-h-cta-text); 2523 font-size: 10px; 2524 font-weight: 700; 2525 line-height: 16px; 2526 text-align: center; 2527 } 2528 2529 #rnb-header-sections--21311310037175__header_section .rnb-h-cart-count[data-count="0"] { 2530 display: none; 2531 } 2532 2533 #rnb-header-sections--21311310037175__header_section .rnb-h-burger { 2534 position: relative; 2535 display: inline-flex; 2536 align-items: center; 2537 justify-content: center; 2538 width: 38px; 2539 height: 38px; 2540 flex-shrink: 0; 2541 border: none; 2542 background: transparent; 2543 cursor: pointer; 2544 color: var(--rnb-h-text); 2545 } 2546 2547 @media (min-width: 990px) { 2548 #rnb-header-sections--21311310037175__header_section .rnb-h-burger { 2549 display: none; 2550 } 2551 } 2552 2553 #rnb-header-sections--21311310037175__header_section .rnb-h-burger .rnb-burger-bar { 2554 position: absolute; 2555 left: 50%; 2556 top: 50%; 2557 width: 18px; 2558 height: 2px; 2559 background: currentColor; 2560 border-radius: 2px; 2561 transform: translate(-50%, -50%); 2562 transition: transform 0.25s ease, opacity 0.2s ease; 2563 } 2564 2565 /* Offsets are relative to the button's own center, so the 3 bars stay 2566 evenly spaced no matter what size the button is at any breakpoint. */ 2567 #rnb-header-sections--21311310037175__header_section .rnb-h-burger .rnb-burger-bar:nth-child(1) { 2568 transform: translate(-50%, calc(-50% - 7px)); 2569 } 2570 #rnb-header-sections--21311310037175__header_section .rnb-h-burger .rnb-burger-bar:nth-child(3) { 2571 transform: translate(-50%, calc(-50% + 7px)); 2572 } 2573 2574 #rnb-header-sections--21311310037175__header_section .rnb-h-burger.rnb-open .rnb-burger-bar:nth-child(1) { 2575 transform: translate(-50%, -50%) rotate(45deg); 2576 } 2577 #rnb-header-sections--21311310037175__header_section .rnb-h-burger.rnb-open .rnb-burger-bar:nth-child(2) { 2578 opacity: 0; 2579 } 2580 #rnb-header-sections--21311310037175__header_section .rnb-h-burger.rnb-open .rnb-burger-bar:nth-child(3) { 2581 transform: translate(-50%, -50%) rotate(-45deg); 2582 } 2583 2584 @media (max-width: 989px) { 2585 #rnb-header-sections--21311310037175__header_section .rnb-h-right .rnb-h-cta { 2586 display: none !important; 2587 } 2588 2589 /* Mobile header layout: burger far left, logo centered, account/cart far right */ 2590 #rnb-header-sections--21311310037175__header_section .rnb-h-inner { 2591 display: grid; 2592 grid-template-columns: 1fr auto 1fr; 2593 align-items: center; 2594 } 2595 2596 #rnb-header-sections--21311310037175__header_section .rnb-h-burger { 2597 grid-column: 1; 2598 justify-self: start; 2599 } 2600 2601 #rnb-header-sections--21311310037175__header_section .rnb-h-logo { 2602 grid-column: 2; 2603 justify-self: center; 2604 text-align: center; 2605 } 2606 2607 #rnb-header-sections--21311310037175__header_section .rnb-h-right { 2608 grid-column: 3; 2609 justify-self: end; 2610 } 2611 2612 /* Search icon not used on mobile â hidden here along with its divider */ 2613 #rnb-header-sections--21311310037175__header_section #rnb-h-search-toggle-sections--21311310037175__header_section { 2614 display: none !important; 2615 } 2616 2617 #rnb-header-sections--21311310037175__header_section #rnb-h-search-toggle-sections--21311310037175__header_section + .rnb-h-divider { 2618 display: none !important; 2619 } 2620 } 2621 2622 #rnb-h-mobile-backdrop-sections--21311310037175__header_section { 2623 position: fixed; 2624 inset: 0; 2625 background: rgba(0, 0, 0, 0.5); 2626 z-index: 9998; 2627 opacity: 0; 2628 visibility: hidden; 2629 transition: opacity 0.25s ease, visibility 0.25s ease; 2630 } 2631 2632 #rnb-h-mobile-backdrop-sections--21311310037175__header_section.rnb-open { 2633 opacity: 1; 2634 visibility: visible; 2635 } 2636 2637 #rnb-h-mobile-sections--21311310037175__header_section { 2638 /* Re-declared here (not just inherited from the header) because this panel 2639 gets reparented to <body> at runtime to escape the header's stacking 2640 context â see script below. */ 2641 --rnb-h-bg: #fbf3e7; 2642 --rnb-h-text: #241c1c; 2643 --rnb-h-cta-bg: #7a1616; 2644 --rnb-h-cta-text: #f5ede0; 2645 position: fixed; 2646 top: 0; 2647 left: 0; 2648 height: 100%; 2649 height: 100dvh; 2650 width: min(86vw, 400px); 2651 max-width: 86vw; 2652 background: var(--rnb-h-bg); 2653 color: var(--rnb-h-text); 2654 z-index: 9999; 2655 box-shadow: 8px 0 32px rgba(0, 0, 0, 0.18); 2656 display: flex; 2657 flex-direction: column; 2658 transform: translateX(-100%); 2659 transition: transform 0.25s ease; 2660 } 2661 2662 #rnb-h-mobile-sections--21311310037175__header_section.rnb-open { 2663 transform: translateX(0); 2664 } 2665 2666 #rnb-h-mobile-sections--21311310037175__header_section .rnb-h-mobile-top { 2667 flex-shrink: 0; 2668 display: flex; 2669 justify-content: flex-end; 2670 padding: 16px 20px 8px; 2671 padding-top: max(16px, env(safe-area-inset-top)); 2672 } 2673 2674 #rnb-h-mobile-sections--21311310037175__header_section .rnb-h-mobile-body { 2675 flex: 1; 2676 min-height: 0; 2677 overflow-y: auto; 2678 -webkit-overflow-scrolling: touch; 2679 padding: 4px 24px max(24px, env(safe-area-inset-bottom)); 2680 display: flex; 2681 flex-direction: column; 2682 gap: 22px; 2683 } 2684 2685 #rnb-h-mobile-sections--21311310037175__header_section a { 2686 color: var(--rnb-h-text); 2687 text-decoration: none; 2688 font-size: 20px; 2689 font-weight: 600; 2690 } 2691 2692 #rnb-h-mobile-sections--21311310037175__header_section .rnb-h-mobile-close { 2693 background: none; 2694 border: none; 2695 color: var(--rnb-h-text); 2696 cursor: pointer; 2697 flex-shrink: 0; 2698 } 2699 2700 @media (max-width: 749px) { 2701 #rnb-header-sections--21311310037175__header_section .rnb-h-inner { 2702 padding: 12px 16px; 2703 gap: 10px; 2704 } 2705 2706 #rnb-header-sections--21311310037175__header_section .rnb-h-right { 2707 gap: 8px; 2708 } 2709 2710 #rnb-header-sections--21311310037175__header_section .rnb-h-cart, 2711 #rnb-header-sections--21311310037175__header_section .rnb-h-iconbtn, 2712 #rnb-header-sections--21311310037175__header_section .rnb-h-burger { 2713 width: 34px; 2714 height: 34px; 2715 } 2716 2717 #rnb-header-sections--21311310037175__header_section .rnb-h-cart svg, 2718 #rnb-header-sections--21311310037175__header_section .rnb-h-iconbtn svg { 2719 width: 18px; 2720 height: 18px; 2721 } 2722 2723 #rnb-header-sections--21311310037175__header_section .rnb-h-logo a { 2724 font-size: 17px; 2725 } 2726 2727 #rnb-header-sections--21311310037175__header_section .rnb-h-search-form { 2728 padding: 14px 16px; 2729 } 2730 2731 #rnb-h-mobile-sections--21311310037175__header_section a { 2732 font-size: 18px; 2733 } 2734 } 2735 2736 @media (max-width: 374px) { 2737 #rnb-header-sections--21311310037175__header_section .rnb-h-inner { 2738 padding: 10px 12px; 2739 gap: 8px; 2740 } 2741 2742 #rnb-header-sections--21311310037175__header_section .rnb-h-right { 2743 gap: 6px; 2744 } 2745 2746 #rnb-header-sections--21311310037175__header_section .rnb-h-divider { 2747 display: none; 2748 } 2749 } 2750 2751 /* ============ Cart Drawer ============ */ 2752 #rnb-cart-drawer-backdrop-sections--21311310037175__header_section { 2753 position: fixed; 2754 inset: 0; 2755 background: rgba(36, 28, 28, 0.5); 2756 z-index: 9998; 2757 opacity: 0; 2758 visibility: hidden; 2759 transition: opacity 0.25s ease, visibility 0.25s ease; 2760 } 2761 2762 #rnb-cart-drawer-backdrop-sections--21311310037175__header_section.rnb-open { 2763 opacity: 1; 2764 visibility: visible; 2765 } 2766 2767 #rnb-cart-drawer-sections--21311310037175__header_section { 2768 --rnb-h-cta-bg: #7a1616; 2769 --rnb-h-cta-text: #f5ede0; 2770 --rnb-h-accent: #c9a227; 2771 position: fixed; 2772 top: 0; 2773 right: 0; 2774 height: 100%; 2775 height: 100dvh; 2776 width: min(420px, 100vw); 2777 max-width: 100vw; 2778 background: #fff; 2779 color: #241C1C; 2780 z-index: 9999; 2781 box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18); 2782 display: flex; 2783 flex-direction: column; 2784 transform: translateX(100%); 2785 transition: transform 0.3s ease; 2786 } 2787 2788 #rnb-cart-drawer-sections--21311310037175__header_section *, 2789 #rnb-cart-drawer-sections--21311310037175__header_section *::before, 2790 #rnb-cart-drawer-sections--21311310037175__header_section *::after { 2791 box-sizing: border-box; 2792 } 2793 2794 #rnb-cart-drawer-sections--21311310037175__header_section.rnb-open { 2795 transform: translateX(0); 2796 } 2797 2798 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-top { 2799 flex-shrink: 0; 2800 display: flex; 2801 align-items: center; 2802 justify-content: space-between; 2803 padding: 18px 20px; 2804 padding-top: max(18px, env(safe-area-inset-top)); 2805 border-bottom: 1px solid #eee; 2806 } 2807 2808 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-title { 2809 font-size: 15px; 2810 font-weight: 700; 2811 letter-spacing: 0.03em; 2812 text-transform: uppercase; 2813 color: #241C1C; 2814 } 2815 2816 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-close { 2817 background: none; 2818 border: none; 2819 cursor: pointer; 2820 color: #241C1C; 2821 padding: 4px; 2822 line-height: 0; 2823 } 2824 2825 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-body { 2826 flex: 1; 2827 min-height: 0; 2828 overflow-y: auto; 2829 -webkit-overflow-scrolling: touch; 2830 padding: 16px 20px 8px; 2831 } 2832 2833 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-packs { 2834 background: linear-gradient(180deg, rgba(201, 162, 39, 0.12), rgba(201, 162, 39, 0.02)); 2835 border-radius: 14px; 2836 padding: 14px; 2837 margin-bottom: 16px; 2838 } 2839 2840 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-packs-label { 2841 font-size: 13px; 2842 font-weight: 700; 2843 color: var(--rnb-h-cta-bg); 2844 text-align: center; 2845 margin: 0 0 14px; 2846 } 2847 2848 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-row { 2849 display: flex; 2850 gap: 8px; 2851 } 2852 2853 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack { 2854 flex: 1; 2855 background: #fff; 2856 border: 1.5px solid #e7ddc7; 2857 border-radius: 10px; 2858 padding: 12px 6px 10px; 2859 text-align: center; 2860 font-family: inherit; 2861 color: #241C1C; 2862 position: relative; 2863 } 2864 2865 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack.rnb-active { 2866 border-color: var(--rnb-h-cta-bg); 2867 box-shadow: 0 0 0 1px var(--rnb-h-cta-bg); 2868 } 2869 2870 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-badge { 2871 position: absolute; 2872 top: -9px; 2873 left: 50%; 2874 transform: translateX(-50%); 2875 background: var(--rnb-h-accent); 2876 color: #241C1C; 2877 font-size: 9px; 2878 font-weight: 700; 2879 letter-spacing: 0.02em; 2880 padding: 2px 8px; 2881 border-radius: 999px; 2882 white-space: nowrap; 2883 } 2884 2885 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-name { 2886 display: block; 2887 font-size: 11px; 2888 font-weight: 600; 2889 color: #8a8a8a; 2890 margin-bottom: 4px; 2891 } 2892 2893 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-price { 2894 display: block; 2895 font-size: 14px; 2896 font-weight: 700; 2897 color: var(--rnb-h-cta-bg); 2898 } 2899 2900 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-compare { 2901 display: block; 2902 font-size: 10px; 2903 color: #a89f9f; 2904 text-decoration: line-through; 2905 } 2906 2907 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-save { 2908 display: block; 2909 font-size: 10px; 2910 font-weight: 700; 2911 color: #3a7d3a; 2912 margin-top: 2px; 2913 } 2914 2915 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-pack-save-none { 2916 color: #a89f9f; 2917 font-weight: 500; 2918 } 2919 2920 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item { 2921 display: flex; 2922 gap: 12px; 2923 padding: 14px 0; 2924 border-bottom: 1px solid #f1e9d9; 2925 } 2926 2927 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item img { 2928 width: 68px; 2929 height: 68px; 2930 object-fit: cover; 2931 border-radius: 10px; 2932 background: #f5f0e6; 2933 flex-shrink: 0; 2934 } 2935 2936 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-info { 2937 flex: 1; 2938 min-width: 0; 2939 } 2940 2941 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-title { 2942 font-size: 14px; 2943 font-weight: 600; 2944 color: #241C1C; 2945 margin: 0 0 2px; 2946 overflow: hidden; 2947 text-overflow: ellipsis; 2948 white-space: nowrap; 2949 } 2950 2951 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-variant { 2952 font-size: 12px; 2953 color: #8a8a8a; 2954 margin: 0 0 8px; 2955 } 2956 2957 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-row { 2958 display: flex; 2959 align-items: center; 2960 justify-content: space-between; 2961 } 2962 2963 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-qty { 2964 display: inline-flex; 2965 align-items: center; 2966 border: 1px solid #e2dbcb; 2967 border-radius: 999px; 2968 overflow: hidden; 2969 } 2970 2971 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-qty button { 2972 width: 26px;
2973 height: 26px; 2974 border: none; 2975 background: #faf6ec; 2976 cursor: pointer; 2977 font-size: 14px; 2978 color: #241C1C; 2979 } 2980 2981 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-qty span { 2982 width: 28px; 2983 text-align: center; 2984 font-size: 13px; 2985 font-weight: 600; 2986 } 2987 2988 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-price { 2989 text-align: right; 2990 white-space: nowrap; 2991 } 2992 2993 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-price strong { 2994 display: block; 2995 font-size: 14px; 2996 } 2997 2998 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-item-price s { 2999 font-size: 11px; 3000 color: #a89f9f; 3001 } 3002 3003 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-remove { 3004 background: none; 3005 border: none; 3006 color: #a89f9f; 3007 cursor: pointer; 3008 padding: 4px; 3009 line-height: 0; 3010 } 3011 3012 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-empty { 3013 text-align: center; 3014 padding: 60px 10px; 3015 color: #8a8a8a; 3016 } 3017 3018 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-empty svg { 3019 margin-bottom: 12px; 3020 opacity: 0.4; 3021 } 3022 3023 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-note { 3024 display: flex; 3025 align-items: center; 3026 justify-content: space-between; 3027 border: 1px solid #e2dbcb; 3028 border-radius: 12px; 3029 padding: 12px 14px; 3030 font-size: 13px; 3031 font-weight: 600; 3032 cursor: pointer; 3033 color: #241C1C; 3034 } 3035 3036 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-note-field { 3037 width: 100%; 3038 margin-top: 8px; 3039 border: 1px solid #e2dbcb; 3040 border-radius: 10px; 3041 padding: 10px; 3042 font-family: inherit; 3043 font-size: 13px; 3044 resize: vertical; 3045 min-height: 60px; 3046 display: none; 3047 } 3048 3049 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-note-field.rnb-open { 3050 display: block; 3051 } 3052 3053 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-footer { 3054 flex-shrink: 0; 3055 border-top: 1px solid #eee; 3056 padding: 14px 20px max(16px, env(safe-area-inset-bottom)); 3057 background: #fff; 3058 } 3059 3060 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-total-row { 3061 display: flex; 3062 align-items: center; 3063 justify-content: space-between; 3064 margin-bottom: 4px; 3065 } 3066 3067 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-total-label { 3068 font-size: 14px; 3069 font-weight: 600; 3070 color: #241C1C; 3071 } 3072 3073 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-total-value { 3074 font-size: 17px; 3075 font-weight: 700; 3076 } 3077 3078 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-total-value s { 3079 font-size: 13px; 3080 font-weight: 500; 3081 color: #a89f9f; 3082 margin-right: 6px; 3083 } 3084 3085 #rnb-cart-drawer-sections--21311310037175__header_section .rnb-cd-saved { 3086 font-size: 12px; 3087 font-weight: 600; 3088 color: #3a7d3a; 3089 margin-bottom: 12px; 3090 } 3091 3092 #rnb-cart-drawer-sections--21311310037175__header_section .shiprocket-headless { 3093 width: 100%; 3094 } 3095 3096 @media (max-width: 374px) { 3097 #rnb-cart-drawer-sections--21311310037175__header_section { 3098 width: 100vw; 3099 } 3100 } 3101</style> 3102 3103<header id="rnb-header-sections--21311310037175__header_section" class="rnb-sticky rnb-glass"> 3104 <div class="rnb-h-inner"> 3105 <button type="button" class="rnb-h-burger" id="rnb-h-burger-sections--21311310037175__header_section" aria-label="Open menu" aria-expanded="false" aria-controls="rnb-h-mobile-sections--21311310037175__header_section"> 3106 <span class="rnb-burger-bar"></span> 3107 <span class="rnb-burger-bar"></span> 3108 <span class="rnb-burger-bar"></span> 3109 </button> 3110 3111 <div class="rnb-h-logo"> 3112 <a href="/"> 3113 3114 <img src="//ravenbass.com/cdn/shop/files/WhatsApp_Image_2026-01-19_at_03.02.32__1__-_Bastaga_Ventures-removebg-preview.png?v=1785144548&width=400" alt="Rave N Bass" width="80" loading="eager"> 3115 3116 </a> 3117 </div> 3118 3119 <nav class="rnb-h-nav" aria-label="Main navigation"> 3120 3121 <a href="/">Home</a> 3122 3123 <a href="/products/the-daily-reset">The Daily Reset</a> 3124 3125 <a href="/pages/about-us">About Us</a> 3126 3127 <a href="/blogs/news">Blogs</a> 3128 3129 <a href="/pages/contact">Contact Us</a> 3130 3131 </nav> 3132 3133 <div class="rnb-h-right"> 3134 3135 3136 3137 3138 3139 <button type="button" class="rnb-h-iconbtn" id="rnb-h-search-toggle-sections--21311310037175__header_section" aria-label="Search"> 3140 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg> 3141 </button> 3142 3143 3144
3145 <span class="rnb-h-divider"></span> 3146 3147 3148 3149 <div style="position: relative;"> 3150 <button type="button" class="rnb-h-iconbtn" id="rnb-h-account-toggle-sections--21311310037175__header_section" aria-label="Account"> 3151 3152 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4.4 3.6-8 8-8s8 3.6 8 8"/></svg> 3153 3154 </button> 3155 <div class="rnb-h-account-drop" id="rnb-h-account-drop-sections--21311310037175__header_section"> 3156 3157 <a href="https://ravenbass.com/customer_authentication/redirect?locale=en®ion_country=IN">Log In</a> 3158 <a href="https://shopify.com/75656069303/account?locale=en®ion_country=IN&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzdTA2aTEtMmoubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMDMzNTQ4LCJuYmYiOjE3OTE0Mjg3NDh9.efkSWOku6oXcL7eFy5GMHT3r_9BjMH5c6kvuVgnTpPQ">Create Account</a> 3159 3160 </div> 3161 </div> 3162 3163 3164 3165 <span class="rnb-h-divider"></span> 3166 3167 3168 3169 <button type="button" class="rnb-h-cart" id="rnb-h-cart-toggle-sections--21311310037175__header_section" aria-label="Cart"> 3170 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 3h2l2.4 12.2a2 2 0 0 0 2 1.8h7.2a2 2 0 0 0 2-1.6L21 8H6"/><circle cx="9" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/></svg> 3171 <span class="rnb-h-cart-count" id="rnb-h-cart-count-sections--21311310037175__header_section" data-count="0">0</span> 3172 </button> 3173 3174 </div> 3175 </div> 3176 3177 3178 <div class="rnb-h-search-panel" id="rnb-h-search-panel-sections--21311310037175__header_section"> 3179 <form action="/search" method="get" role="search" class="rnb-h-search-form"> 3180 <input type="search" name="q" placeholder="Search The Daily Reset, ingredients, FAQs..." autocomplete="off"> 3181 <input type="hidden" name="type" value="product"> 3182 <button type="submit">Search</button> 3183 </form> 3184 </div> 3185 3186 3187 <div class="rnb-h-mobile-backdrop" id="rnb-h-mobile-backdrop-sections--21311310037175__header_section"></div> 3188 3189 <div class="rnb-h-mobile-panel" id="rnb-h-mobile-sections--21311310037175__header_section" role="dialog" aria-modal="true"> 3190 <div class="rnb-h-mobile-top"> 3191 <button type="button" class="rnb-h-mobile-close" id="rnb-h-mobile-close-sections--21311310037175__header_section" aria-label="Close menu"> 3192 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6L6 18"/></svg> 3193 </button> 3194 </div> 3195 <div class="rnb-h-mobile-body"> 3196 3197 <a href="/">Home</a> 3198 3199 <a href="/products/the-daily-reset">The Daily Reset</a> 3200 3201 <a href="/pages/about-us">About Us</a> 3202 3203 <a href="/blogs/news">Blogs</a> 3204 3205 <a href="/pages/contact">Contact Us</a> 3206 3207 3208 </div> 3209 </div> 3210 3211 3212 <div class="rnb-cart-drawer-backdrop" id="rnb-cart-drawer-backdrop-sections--21311310037175__header_section"></div> 3213 3214 <div class="rnb-cart-drawer" id="rnb-cart-drawer-sections--21311310037175__header_section" role="dialog" aria-modal="true" aria-label="Shopping cart"> 3215 <div class="rnb-cd-top"> 3216 <span class="rnb-cd-title">Your Cart (<span id="rnb-cd-count-sections--21311310037175__header_section">0</span>)</span> 3217 <button type="button" class="rnb-cd-close" id="rnb-cd-close-sections--21311310037175__header_section" aria-label="Close cart"> 3218 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6L6 18"/></svg> 3219 </button> 3220 </div> 3221 3222 <div class="rnb-cd-body"> 3223 3224 3225 <div class="rnb-cd-packs" id="rnb-cd-packs-sections--21311310037175__header_section" data-product-id="8688508076215"> 3226 <p class="rnb-cd-packs-label">See how much you save per pack</p> 3227 <div class="rnb-cd-pack-row"> 3228 3229 <div class="rnb-cd-pack" data-variant-id="48932454957239"> 3230 3231
3232 <span class="rnb-cd-pack-price">Rs. 349</span> 3233 3234 <span class="rnb-cd-pack-compare">Rs. 699</span> 3235 3236 3237 <span class="rnb-cd-pack-save">Save Rs. 350 (50%)</span> 3238 3239 </div> 3240 3241 </div> 3242 </div> 3243 3244 3245 <div id="rnb-cd-items-sections--21311310037175__header_section"></div> 3246 3247 <div class="rnb-cd-note" id="rnb-cd-note-toggle-sections--21311310037175__header_section"> 3248 <span>Add a note</span> 3249 <span>+</span> 3250 </div> 3251 <textarea class="rnb-cd-note-field" id="rnb-cd-note-field-sections--21311310037175__header_section" placeholder="Add a note to your order"></textarea> 3252 </div> 3253 3254 <div class="rnb-cd-footer"> 3255 <div class="rnb-cd-total-row"> 3256 <span class="rnb-cd-total-label">Estimated total</span> 3257 <span class="rnb-cd-total-value" id="rnb-cd-total-sections--21311310037175__header_section">â¹0</span> 3258 </div> 3259 <div class="rnb-cd-saved" id="rnb-cd-saved-sections--21311310037175__header_section" style="display:none;"></div> 3260 <div class="shiprocket-headless" data-type="cart" id="rnb-cd-checkout-sections--21311310037175__header_section"></div> 3261 </div> 3262 </div> 3263 3264 3265</header> 3266
3267<script> 3268 (function () { 3269 var id = 'sections--21311310037175__header_section'; 3270 var header = document.getElementById('rnb-header-' + id); 3271 if (!header) return; 3272 3273 // Header shadow + optional sticky CTA reveal on scroll 3274 var cta = document.getElementById('rnb-h-cta-' + id); 3275 var depthPct = cta ? (parseFloat(cta.dataset.depth) || 20) / 100 : 0.2; 3276 var ticking = false; 3277 3278 window.addEventListener('scroll', function () { 3279 if (ticking) return; 3280 ticking = true; 3281 requestAnimationFrame(function () { 3282 var y = window.scrollY; 3283 header.classList.toggle('rnb-scrolled', y > 4); 3284 if (cta) { 3285 cta.classList.toggle('rnb-show', y > window.innerHeight * depthPct); 3286 } 3287 ticking = false; 3288 }); 3289 }, { passive: true }); 3290 3291 // Mobile menu drawer 3292 var burger = document.getElementById('rnb-h-burger-' + id); 3293 var panel = document.getElementById('rnb-h-mobile-' + id); 3294 var backdrop = document.getElementById('rnb-h-mobile-backdrop-' + id); 3295 var closeBtn = document.getElementById('rnb-h-mobile-close-' + id); 3296 3297 // Move the drawer + backdrop to be direct children of <body>. The header 3298 // sets its own z-index (for its dropdowns) which creates a stacking 3299 // context â anything nested inside it, even position:fixed elements, 3300 // gets capped by that context and can end up rendering BEHIND sibling 3301 // sections that have a higher z-index (e.g. the announcement bar). This 3302 // was hiding the drawer's close icon behind the announcement bar. 3303 // Reparenting escapes that entirely. 3304 if (panel && panel.parentNode !== document.body) { 3305 document.body.appendChild(panel); 3306 } 3307 if (backdrop && backdrop.parentNode !== document.body) { 3308 document.body.appendChild(backdrop); 3309 } 3310 3311 function openMobilePanel() { 3312 panel.classList.add('rnb-open'); 3313 if (backdrop) backdrop.classList.add('rnb-open'); 3314 if (burger) burger.classList.add('rnb-open'); 3315 if (burger) burger.setAttribute('aria-expanded', 'true'); 3316 document.body.style.overflow = 'hidden'; 3317 } 3318 3319 function closeMobilePanel() { 3320 panel.classList.remove('rnb-open'); 3321 if (backdrop) backdrop.classList.remove('rnb-open'); 3322 if (burger) burger.classList.remove('rnb-open'); 3323 if (burger) burger.setAttribute('aria-expanded', 'false'); 3324 document.body.style.overflow = ''; 3325 } 3326 3327 function toggleMobilePanel() { 3328 if (panel.classList.contains('rnb-open')) { 3329 closeMobilePanel(); 3330 } else { 3331 openMobilePanel(); 3332 } 3333 } 3334 3335 if (burger && panel) { 3336 burger.addEventListener('click', toggleMobilePanel); 3337 } 3338 if (closeBtn && panel) { 3339 closeBtn.addEventListener('click', closeMobilePanel); 3340 } 3341 if (backdrop && panel) { 3342 backdrop.addEventListener('click', closeMobilePanel); 3343 } 3344 if (panel) { 3345 panel.querySelectorAll('a').forEach(function (a) { 3346 a.addEventListener('click', closeMobilePanel); 3347 }); 3348 document.addEventListener('keydown', function (e) { 3349 if (e.key === 'Escape') closeMobilePanel(); 3350 }); 3351 } 3352 3353 // Search panel toggle 3354 var searchToggle = document.getElementById('rnb-h-search-toggle-' + id); 3355 var searchPanel = document.getElementById('rnb-h-search-panel-' + id); 3356 if (searchToggle && searchPanel) { 3357 searchToggle.addEventListener('click', function (e) { 3358 e.stopPropagation(); 3359 searchPanel.classList.toggle('rnb-open'); 3360 if (searchPanel.classList.contains('rnb-open')) { 3361 var input = searchPanel.querySelector('input[type="search"]'); 3362 if (input) setTimeout(function () { input.focus(); }, 150); 3363 } 3364 }); 3365 document.addEventListener('click', function (e) { 3366 if (!searchPanel.contains(e.target) && !searchToggle.contains(e.target)) { 3367 searchPanel.classList.remove('rnb-open'); 3368 } 3369 }); 3370 } 3371 3372 // Account dropdown 3373 var accountToggle = document.getElementById('rnb-h-account-toggle-' + id); 3374 var accountDrop = document.getElementById('rnb-h-account-drop-' + id); 3375 if (accountToggle && accountDrop) { 3376 accountToggle.addEventListener('click', function (e) { 3377 e.stopPropagation(); 3378 accountDrop.classList.toggle('rnb-open'); 3379 }); 3380 document.addEventListener('click', function (e) { 3381 if (!accountDrop.contains(e.target) && !accountToggle.contains(e.target)) { 3382 accountDrop.classList.remove('rnb-open'); 3383 } 3384 }); 3385 } 3386 3387 // Cart drawer 3388 var cartToggle = document.getElementById('rnb-h-cart-toggle-' + id); 3389 var drawer = document.getElementById('rnb-cart-drawer-' + id); 3390 var drawerBackdrop = document.getElementById('rnb-cart-drawer-backdrop-' + id); 3391 var drawerClose = document.getElementById('rnb-cd-close-' + id); 3392 var cartCount = document.getElementById('rnb-h-cart-count-' + id); 3393 var cdCount = document.getElementById('rnb-cd-count-' + id); 3394 var cdItems = document.getElementById('rnb-cd-items-' + id); 3395 var cdTotal = document.getElementById('rnb-cd-total-' + id); 3396 var cdSaved = document.getElementById('rnb-cd-saved-' + id); 3397 var cdPacksWrap = document.getElementById('rnb-cd-packs-' + id); 3398 var cdCheckout = document.getElementById('rnb-cd-checkout-' + id); 3399 var cdNoteToggle = document.getElementById('rnb-cd-note-toggle-' + id); 3400 var cdNoteField = document.getElementById('rnb-cd-note-field-' + id); 3401 var noteTimer = null; 3402 var cartMutationSeq = 0; 3403 var qtyDebounceTimers = {}; 3404 var qtyPendingValue = {}; 3405 3406 // Reparent the drawer + backdrop to <body> for the same stacking-context 3407 // reason as the mobile menu panel above â otherwise the header's own 3408 // z-index traps them behind sibling sections. 3409 if (drawer && drawer.parentNode !== document.body) document.body.appendChild(drawer); 3410 if (drawerBackdrop && drawerBackdrop.parentNode !== document.body) document.body.appendChild(drawerBackdrop); 3411 3412 function money(cents) { 3413 return 'â¹' + (cents / 100).toFixed(0); 3414 } 3415 3416 function openDrawer() { 3417 if (!drawer) return; 3418 drawer.classList.add('rnb-open'); 3419 if (drawerBackdrop) drawerBackdrop.classList.add('rnb-open'); 3420 document.body.style.overflow = 'hidden'; 3421 } 3422 3423 function closeDrawer() { 3424 if (!drawer) return; 3425 drawer.classList.remove('rnb-open'); 3426 if (drawerBackdrop) drawerBackdrop.classList.remove('rnb-open'); 3427 document.body.style.overflow = ''; 3428 // Closing the drawer is often immediately followed by navigating away 3429 // (back button, clicking a nav link) â make sure any debounced quantity 3430 // change actually reaches the server before that can happen, otherwise 3431 // the pending edit is lost and the "removed" item comes back later. 3432 flushPendingQtyChanges(); 3433 if (noteTimer) commitNote(false); 3434 } 3435 3436 function updatePackHighlight(cart) { 3437 if (!cdPacksWrap) return; 3438 var productId = cdPacksWrap.dataset.productId; 3439 // A customer can have more than one pack of the same product in their 3440 // cart at once (e.g. Pack 1 and Pack 3 together) â track every variant 3441 // present, not just the last one found, so all matching cards light up. 3442 var activeVariantIds = {}; 3443 if (cart && cart.items) {
3444 cart.items.forEach(function (item) { 3445 if (String(item.product_id) === String(productId)) activeVariantIds[String(item.variant_id)] = true; 3446 }); 3447 } 3448 cdPacksWrap.querySelectorAll('.rnb-cd-pack').forEach(function (btn) { 3449 btn.classList.toggle('rnb-active', !!activeVariantIds[btn.dataset.variantId]); 3450 }); 3451 } 3452 3453 function renderCart(cart) { 3454 if (!cart) return; 3455 if (cartCount) { cartCount.textContent = cart.item_count; cartCount.dataset.count = cart.item_count; } 3456 if (cdCount) cdCount.textContent = cart.item_count; 3457 if (!cdItems) return; 3458 3459 if (!cart.item_count) { 3460 cdItems.innerHTML = '<div class="rnb-cd-empty"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 3h2l2.4 12.2a2 2 0 0 0 2 1.8h7.2a2 2 0 0 0 2-1.6L21 8H6"/><circle cx="9" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/></svg><p>Your cart is empty.</p></div>'; 3461 if (cdTotal) cdTotal.textContent = money(0); 3462 if (cdSaved) cdSaved.style.display = 'none'; 3463 if (cdCheckout) cdCheckout.style.display = 'none'; 3464 updatePackHighlight(cart); 3465 return; 3466 } 3467 if (cdCheckout) cdCheckout.style.display = ''; 3468 3469 var html = ''; 3470 cart.items.forEach(function (item) { 3471 var compare = item.original_line_price > item.final_line_price ? '<s>' + money(item.original_line_price) + '</s> ' : ''; 3472 // Single-variant products carry the placeholder "Default Title" as 3473 // their variant_title â never worth showing to the customer. 3474 var variantHtml = (item.variant_title && item.variant_title !== 'Default Title') 3475 ? '<p class="rnb-cd-item-variant">' + item.variant_title + '</p>' 3476 : ''; 3477 html += '' + 3478 '<div class="rnb-cd-item" data-key="' + item.key + '" data-unit-price="' + item.final_price + '">' + 3479 '<img src="' + (item.image || '') + '" alt="' + item.product_title + '" loading="lazy">' + 3480 '<div class="rnb-cd-item-info">' + 3481 '<p class="rnb-cd-item-title">' + item.product_title + '</p>' + 3482 variantHtml + 3483 '<div class="rnb-cd-item-row">' + 3484 '<div class="rnb-cd-qty">' + 3485 '<button type="button" class="rnb-cd-qty-minus" aria-label="Decrease quantity">â</button>' + 3486 '<span>' + item.quantity + '</span>' + 3487 '<button type="button" class="rnb-cd-qty-plus" aria-label="Increase quantity">+</button>' + 3488 '</div>' + 3489 '<button type="button" class="rnb-cd-remove" aria-label="Remove item">' + 3490 '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m2 0-1 14a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L6 6"/></svg>' + 3491 '</button>' + 3492 '</div>' + 3493 '</div>' + 3494 '<div class="rnb-cd-item-price"><strong>' + money(item.final_line_price) + '</strong></div>' + 3495 '</div>'; 3496 }); 3497 cdItems.innerHTML = html; 3498 3499 cdItems.querySelectorAll('.rnb-cd-item').forEach(function (row) { 3500 var key = row.dataset.key; 3501 var qtySpan = row.querySelector('.rnb-cd-qty span'); 3502 var priceEl = row.querySelector('.rnb-cd-item-price strong'); 3503 var unitPrice = parseInt(row.dataset.unitPrice, 10); 3504 var minus = row.querySelector('.rnb-cd-qty-minus'); 3505 var plus = row.querySelector('.rnb-cd-qty-plus'); 3506 var remove = row.querySelector('.rnb-cd-remove'); 3507 3508 function removeRowNow() { 3509 delete qtyPendingValue[key]; 3510 clearTimeout(qtyDebounceTimers[key]); 3511 delete qtyDebounceTimers[key]; 3512 row.style.transition = 'opacity 0.15s ease'; 3513 row.style.opacity = '0'; 3514 setTimeout(function () { row.remove(); }, 150); 3515 commitQtyChange(key, 0); 3516 } 3517 3518 function bumpQty(delta) { 3519 var newQty = Math.max(0, parseInt(qtySpan.textContent, 10) + delta); 3520 if (newQty <= 0) { 3521 // Reaching zero removes the line item â same instant behavior as 3522 // the trash button, not a lingering "0" row waiting on a debounce. 3523 removeRowNow(); 3524 return; 3525 } 3526 qtySpan.textContent = newQty; 3527 if (priceEl) priceEl.textContent = money(unitPrice * newQty); 3528 queueQtyChange(key, newQty); 3529 } 3530
3531 if (minus) minus.addEventListener('click', function () { bumpQty(-1); }); 3532 if (plus) plus.addEventListener('click', function () { bumpQty(1); }); 3533 if (remove) remove.addEventListener('click', removeRowNow); 3534 }); 3535 3536 if (cdTotal) { 3537 var savedTotal = cart.original_total_price - cart.total_price; 3538 cdTotal.innerHTML = (savedTotal > 0 ? '<s>' + money(cart.original_total_price) + '</s> ' : '') + money(cart.total_price); 3539 if (cdSaved && savedTotal > 0) { 3540 cdSaved.style.display = 'block'; 3541 cdSaved.textContent = 'You saved ' + money(savedTotal) + '!'; 3542 } else if (cdSaved) { 3543 cdSaved.style.display = 'none'; 3544 } 3545 } 3546 3547 updatePackHighlight(cart); 3548 } 3549 3550 function refreshCart(cb) { 3551 var seq = ++cartMutationSeq; 3552 fetch('/cart.js') 3553 .then(function (r) { return r.json(); }) 3554 .then(function (cart) { 3555 if (seq !== cartMutationSeq) return; 3556 renderCart(cart); 3557 if (cb) cb(cart); 3558 }) 3559 .catch(function () {}); 3560 } 3561 3562 // Fires the actual /cart/change.js call. A monotonic sequence number 3563 // guards against a slower, older request landing after a newer one and 3564 // clobbering the UI with stale data (can happen if the user clicks 3565 // several times in a row before the first request returns). 3566 // keepalive lets the request finish even if the page is navigating away 3567 // right now (used when flushing on close/unload) â without it the browser 3568 // can cancel an in-flight request mid-navigation and the change is lost. 3569 function commitQtyChange(key, quantity, keepalive) { 3570 var seq = ++cartMutationSeq; 3571 fetch('/cart/change.js', { 3572 method: 'POST', 3573 headers: { 'Content-Type': 'application/json' }, 3574 body: JSON.stringify({ id: key, quantity: quantity }), 3575 keepalive: !!keepalive 3576 }) 3577 .then(function (r) { return r.json(); }) 3578 .then(function (cart) { 3579 if (seq !== cartMutationSeq) return; 3580 renderCart(cart); 3581 }) 3582 .catch(function () {}); 3583 } 3584 3585 // The +/- buttons update the number and line price on screen instantly 3586 // (optimistic UI), then debounce the actual network call so rapid 3587 // clicking coalesces into one request instead of piling up slow ones. 3588 // The pending quantity is tracked separately so it can be flushed 3589 // immediately (bypassing the debounce) if the drawer closes or the page 3590 // starts navigating away before the timer would have fired. 3591 function queueQtyChange(key, quantity) { 3592 qtyPendingValue[key] = quantity; 3593 clearTimeout(qtyDebounceTimers[key]); 3594 qtyDebounceTimers[key] = setTimeout(function () { 3595 delete qtyDebounceTimers[key]; 3596 delete qtyPendingValue[key]; 3597 commitQtyChange(key, quantity); 3598 }, 350); 3599 } 3600 3601 function flushPendingQtyChanges(keepalive) { 3602 Object.keys(qtyDebounceTimers).forEach(function (key) { 3603 clearTimeout(qtyDebounceTimers[key]); 3604 delete qtyDebounceTimers[key]; 3605 var qty = qtyPendingValue[key]; 3606 delete qtyPendingValue[key]; 3607 commitQtyChange(key, qty, keepalive); 3608 }); 3609 } 3610 3611 // Last-resort safety net: if the page is being unloaded (back button, 3612 // clicking away) with a quantity edit still debounced, send it right now 3613 // with keepalive so the browser finishes the request instead of killing 3614 // it â otherwise the edit never reaches Shopify and the item reappears 3615 // later as if it was never changed. 3616 document.addEventListener('pagehide', function () { flushPendingQtyChanges(true); }); 3617 3618 // Order note 3619 function commitNote(keepalive) { 3620 clearTimeout(noteTimer); 3621 noteTimer = null; 3622 fetch('/cart/update.js', { 3623 method: 'POST', 3624 headers: { 'Content-Type': 'application/json' }, 3625 body: JSON.stringify({ note: cdNoteField.value }), 3626 keepalive: !!keepalive 3627 }).catch(function () {}); 3628 } 3629 if (cdNoteToggle && cdNoteField) { 3630 cdNoteToggle.addEventListener('click', function () { 3631 cdNoteField.classList.toggle('rnb-open'); 3632 if (cdNoteField.classList.contains('rnb-open')) cdNoteField.focus(); 3633 }); 3634 cdNoteField.addEventListener('input', function () { 3635 clearTimeout(noteTimer); 3636 noteTimer = setTimeout(function () { commitNote(false); }, 500); 3637 }); 3638 document.addEventListener('pagehide', function () { 3639 if (noteTimer) commitNote(true); 3640 }); 3641 } 3642 3643 if (cartToggle) { 3644 cartToggle.addEventListener('click', function (e) { 3645 e.stopPropagation(); 3646 refreshCart(); 3647 openDrawer(); 3648 }); 3649 } 3650 if (drawerClose) drawerClose.addEventListener('click', closeDrawer); 3651 if (drawerBackdrop) drawerBackdrop.addEventListener('click', closeDrawer); 3652 document.addEventListener('keydown', function (e) { 3653 if (e.key === 'Escape') closeDrawer(); 3654 }); 3655 3656 if (drawer) refreshCart(); 3657 3658 // Other sections can trigger this after adding to cart: document.dispatchEvent(new Event('rnb:cart:refresh')) 3659 document.addEventListener('rnb:cart:refresh', function () { refreshCart(); openDrawer(); }); 3660 3661 // Site-wide Add to Cart interception: opens the drawer whenever ANY product 3662 // form on the site (pack selectors, quick-buy buttons, etc.) submits to 3663 // /cart/add â without needing to touch those sections individually. 3664 document.addEventListener('submit', function (e) { 3665 var form = e.target; 3666 if (!(form instanceof HTMLFormElement)) return; 3667 var action = form.getAttribute('action') || ''; 3668 if (action.indexOf('/cart/add') === -1) return; 3669 e.preventDefault(); 3670 // Open the drawer the instant the customer clicks â don't make them 3671 // stare at the button for the ~1-2s /cart/add.js round trip. The drawer 3672 // slides open immediately (still showing whatever was in it last) and 3673 // refreshCart() swaps in the real, updated contents a moment later. 3674 openDrawer(); 3675 fetch('/cart/add.js', { method: 'POST', body: new FormData(form) }) 3676 .then(function () { refreshCart(); }) 3677 .catch(function () {}); 3678 }); 3679 3680 // Some pack/quick-buy apps add to cart via their own fetch() call instead 3681 // of a real form submit. Patch fetch once so the drawer still opens. 3682 if (!window.__rnbCartFetchPatched) { 3683 window.__rnbCartFetchPatched = true; 3684 var nativeFetch = window.fetch; 3685 window.fetch = function (input, init) { 3686 var url = typeof input === 'string' ? input : (input && input.url) || ''; 3687 var isAdd = url.indexOf('/cart/add') !== -1; 3688 // Same optimistic-open logic as the submit listener above â open now, 3689 // don't wait for this request to resolve. 3690 if (isAdd) openDrawer(); 3691 var result = nativeFetch.apply(this, arguments); 3692 if (isAdd) { 3693 result.then(function (res) { 3694 if (res && res.ok) document.dispatchEvent(new Event('rnb:cart:refresh')); 3695 }).catch(function () {}); 3696 } 3697 return result; 3698 }; 3699 } 3700 })(); 3701</script>
3701 3702 3703 3704</div> 3705<!-- END sections: header-group --> 3706 </div> 3707 3708
3708<script> 3709 // Inline header height and menu style calculations to prevent layout shift 3710 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 3711 (function setHeaderHeighCustomProperties() { 3712 /* 3713 * Header calculation functions for maintaining CSS variables 3714 * Mimic calculateHeaderGroupHeight() in utilities.js 3715 */ 3716 const header = document.querySelector('header-component'); 3717 const headerGroup = document.querySelector('#header-group'); 3718 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3719 3720 if (!header || !headerGroup) return; 3721 3722 const headerTopRow = header.querySelector('.header__row--top'); 3723 const headerHeight = header.offsetHeight; 3724 3725 // Calculate the total height of the header group 3726 let headerGroupHeight = 0; 3727 const children = headerGroup.children; 3728 for (let i = 0; i < children.length; i++) { 3729 const element = children[i]; 3730 if (element === header || !(element instanceof HTMLElement)) continue; 3731 headerGroupHeight += element.offsetHeight; 3732 } 3733 3734 // Check for transparent header special case 3735 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3736 headerGroupHeight += headerHeight; 3737 } 3738 3739 // Set CSS variables 3740 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3741 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3742 3743 if (headerTopRow) { 3744 window.requestAnimationFrame(function () { 3745 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 3746 }); 3747 } 3748 3749 /** 3750 * Updates CSS custom properties for transparent header offset calculation 3751 * Mimic updateTransparentHeaderOffset() in utilities.js 3752 */ 3753 3754 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3755 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3756 return; 3757 } 3758 3759 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3760 3761 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3762 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3763 })(); 3764 3765 (function setHeaderMenuStyle() { 3766 const headerComponent = document.querySelector('#header-component'); 3767 if (headerComponent) { 3768 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 3769 const overflowList = headerComponent?.querySelector('overflow-list'); 3770 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 3771 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 3772 } 3773 })(); 3774 </script>
3774 3775 3776 <main 3777 id="MainContent" 3778 class="content-for-layout" 3779 role="main" 3780 data-page-transition-enabled="false" 3781 data-product-transition="false" 3782 data-template="product" 3783 > 3784 <section id="shopify-section-template--21311316295863__product_page_rnb_rNmGWT" class="shopify-section rnb-product-section"><section 3785 id="rnb-product-template--21311316295863__product_page_rnb_rNmGWT" 3786 class="rnb-product" 3787 data-section-id="template--21311316295863__product_page_rnb_rNmGWT" 3788> 3789 <style> 3790 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT { 3791 --rnb-cream: #fbf3e7; 3792 --rnb-text: #241c1c; 3793 --rnb-cream-text: #f5ede0; 3794 --rnb-maroon: #7a1616; 3795 --rnb-gold: #c9a227; 3796 background: var(--rnb-cream); 3797 color: var(--rnb-text); 3798 font-family: inherit; 3799 max-width: 100vw; 3800 overflow-x: hidden; 3801 } 3802 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT * { box-sizing: border-box; } 3803 3804 /* ---------- Top: gallery + buy box ---------- */ 3805 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-product__grid { 3806 max-width: 1280px; 3807 margin: 0 auto; 3808 padding: 32px 5vw 48px; 3809 display: grid; 3810 grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); 3811 gap: 56px; 3812 align-items: flex-start; 3813 } 3814 @media (max-width: 900px) { 3815 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-product__grid { 3816 grid-template-columns: 1fr; 3817 gap: 24px; 3818 padding: 20px 5vw 32px; 3819 } 3820 } 3821 3822 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery { position: sticky; top: 24px; min-width: 0; max-width: 100%; } 3823 @media (max-width: 900px) { 3824 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery { position: static; } 3825 } 3826 3827 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__main { 3828 position: relative; 3829 border-radius: 18px; 3830 overflow: hidden; 3831 background: #fff; 3832 aspect-ratio: 1 / 1; 3833 cursor: zoom-in; 3834 } 3835 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__main img { 3836 position: absolute; 3837 top: 0; 3838 left: 0; 3839 width: 100%; 3840 height: 100%; 3841 object-fit: contain; 3842 display: block; 3843 opacity: 0; 3844 transition: opacity .35s ease; 3845 } 3846 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__main img.is-active { opacity: 1; } 3847 3848 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__badge { 3849 position: absolute; 3850 top: 16px; 3851 left: 16px; 3852 background: var(--rnb-maroon); 3853 color: var(--rnb-cream-text); 3854 font-size: 12px; 3855 font-weight: 700; 3856 letter-spacing: .06em; 3857 text-transform: uppercase; 3858 padding: 6px 14px; 3859 border-radius: 999px; 3860 z-index: 2; 3861 } 3862 3863 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__thumbs { 3864 display: flex; 3865 gap: 10px; 3866 margin-top: 12px; 3867 max-width: 100%; 3868 overflow-x: auto; 3869 scrollbar-width: none; 3870 } 3871 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__thumbs::-webkit-scrollbar { display: none; } 3872 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__thumb { 3873 flex: 0 0 auto; 3874 width: 68px; 3875 height: 68px; 3876 border-radius: 10px; 3877 overflow: hidden; 3878 border: 2px solid transparent; 3879 background: #fff; 3880 cursor: pointer; 3881 padding: 0; 3882 } 3883 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__thumb.is-active { border-color: var(--rnb-maroon); } 3884 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } 3885 3886 /* ---------- Lightbox ---------- */ 3887 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-fallback { 3888 position: absolute; inset: 0; top: 57px; 3889 display: flex; align-items: center; justify-content: center; 3890 flex-direction: column; gap: 10px; 3891 background: var(--rnb-cream); 3892 text-align: center; padding: 24px; font-size: 13.5px; color: #6b6058; 3893 } 3894 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-fallback.rnb-hidden { display: none; } 3895 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-fallback a { 3896 color: var(--rnb-maroon); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; 3897 } 3898 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-lightbox { 3899 position: fixed; inset: 0; background: rgba(20,14,10,.9); 3900 display: none; align-items: center; justify-content: center; 3901 z-index: 999; padding: 5vw; 3902 } 3903 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-lightbox.is-open { display: flex; } 3904 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-lightbox img { max-width: 90vw; max-height: 88vh; object-fit: contain; border-radius: 12px; } 3905 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-lightbox__close { 3906 position: absolute; top: 20px; right: 24px; width: 40px; height: 40px; 3907 border-radius: 999px; border: none; background: rgba(255,255,255,.12); 3908 color: #fff; font-size: 20px; cursor: pointer; 3909 } 3910 3911 /* ---------- Buy box ---------- */ 3912 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox { min-width: 0; max-width: 100%; } 3913 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__eyebrow { 3914 text-transform: uppercase; letter-spacing: .12em; font-size: 12px; 3915 font-weight: 700; color: var(--rnb-gold); margin: 0 0 8px; 3916 } 3917 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__title { 3918 font-size: clamp(28px, 3.4vw, 42px); font-weight: 800; line-height: 1.08; margin: 0 0 12px; 3919 } 3920 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating { 3921 display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; margin-bottom: 16px; font-size: 14px; max-width: 100%; 3922 } 3923 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating .rnb-stars { color: var(--rnb-gold); font-weight: 700; white-space: nowrap; flex: 0 0 auto; } 3924 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating-text { 3925 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1 1 auto; 3926 } 3927 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating a { color: var(--rnb-text); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; flex: 0 0 auto; } 3928 @media (max-width: 480px) { 3929 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating { 3930 gap: 6px; 3931 font-size: 12px; 3932 } 3933 } 3934 @media (max-width: 360px) { 3935 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating { font-size: 11px; } 3936 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__rating .rnb-stars { letter-spacing: -1px; } 3937 } 3938 3939 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__price { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } 3940 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__price .rnb-price-now { font-size: 34px; font-weight: 800; color: var(--rnb-maroon); } 3941 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__price .rnb-price-was { font-size: 19px; color: #8a7f76; text-decoration: line-through; } 3942 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox__price .rnb-price-save { 3943 font-size: 14px; font-weight: 800; color: #2f6b3a; background: #e4efe2; padding: 5px 14px; border-radius: 999px; 3944 } 3945 3946 /* ---------- Big sale flag ---------- */ 3947 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag { 3948 display: flex; 3949 align-items: center; 3950 gap: 14px; 3951 background: linear-gradient(135deg, var(--rnb-maroon), #571010); 3952 color: var(--rnb-cream-text); 3953 padding: 14px 20px; 3954 border-radius: 14px; 3955 margin-bottom: 16px; 3956 border: 1px solid rgba(201, 162, 39, .4); 3957 box-shadow: 0 10px 24px rgba(122, 22, 22, .28); 3958 animation: rnb-sale-flag-pulse 2.6s ease-in-out infinite; 3959 } 3960 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__icon { 3961 flex: 0 0 auto; 3962 width: 42px; 3963 height: 42px; 3964 border-radius: 50%; 3965 background: rgba(255,255,255,.12); 3966 display: flex; 3967 align-items: center; 3968 justify-content: center; 3969 color: var(--rnb-gold); 3970 } 3971 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__icon svg { width: 22px; height: 22px; } 3972 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__body { 3973 display: flex; 3974 flex-direction: column; 3975 gap: 3px; 3976 min-width: 0; 3977 } 3978 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__eyebrow { 3979 display: flex; 3980 align-items: center; 3981 gap: 6px; 3982 font-size: 11px; 3983 font-weight: 700; 3984 letter-spacing: .12em; 3985 text-transform: uppercase; 3986 color: var(--rnb-gold); 3987 } 3988 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__main { 3989 font-size: 22px; 3990 font-weight: 900; 3991 letter-spacing: .01em; 3992 line-height: 1.15; 3993 }
3994 @keyframes rnb-sale-flag-pulse { 3995 0%, 100% { box-shadow: 0 10px 24px rgba(122, 22, 22, .28); } 3996 50% { box-shadow: 0 10px 26px rgba(201, 162, 39, .4); } 3997 } 3998 @media (max-width: 420px) { 3999 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag { padding: 12px 16px; gap: 12px; } 4000 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__icon { width: 36px; height: 36px; } 4001 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__icon svg { width: 18px; height: 18px; } 4002 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sale-flag__main { font-size: 18px; } 4003 } 4004 4005 /* ---------- Limited-time countdown (loops) ---------- */ 4006 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-countdown { 4007 display: flex; 4008 align-items: center; 4009 gap: 10px; 4010 flex-wrap: wrap; 4011 background: #fff; 4012 border: 1.5px dashed var(--rnb-maroon); 4013 border-radius: 12px; 4014 padding: 10px 14px; 4015 margin-bottom: 16px; 4016 font-size: 13px; 4017 font-weight: 700; 4018 color: var(--rnb-text); 4019 } 4020 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-countdown__icon { font-size: 15px; } 4021 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-countdown__units { 4022 display: flex; 4023 align-items: center; 4024 gap: 3px; 4025 font-variant-numeric: tabular-nums; 4026 } 4027 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-countdown__num { 4028 background: var(--rnb-maroon); 4029 color: var(--rnb-cream-text); 4030 border-radius: 6px; 4031 padding: 4px 8px; 4032 font-size: 14px; 4033 font-weight: 800; 4034 min-width: 30px; 4035 text-align: center; 4036 } 4037 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-countdown__sep { font-weight: 800; color: var(--rnb-maroon); } 4038 @media (max-width: 420px) { 4039 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-countdown { font-size: 12px; padding: 8px 12px; } 4040 } 4041 4042 /* ---------- Lab report banner ---------- */ 4043 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport { 4044 position: relative; 4045 margin-bottom: 18px; 4046 display: flex; 4047 align-items: center; 4048 gap: 12px; 4049 background: linear-gradient(135deg, #FCEFDF 0%, #fff 70%); 4050 border: 1px solid #f0dcc0; 4051 border-radius: 14px; 4052 padding: 12px 14px; 4053 overflow: hidden; 4054 } 4055 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport::before { 4056 content: ""; 4057 position: absolute; top: 0; left: -60%; width: 40%; height: 100%; 4058 background: linear-gradient(120deg, transparent, rgba(201,162,39,.25), transparent); 4059 transform: skewX(-20deg); 4060 animation: rnb-labreport-shine 3.6s ease-in-out infinite; 4061 } 4062 @keyframes rnb-labreport-shine { 4063 0% { left: -60%; } 4064 35% { left: 130%; } 4065 100% { left: 130%; } 4066 } 4067 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__icon { 4068 position: relative; 4069 flex: 0 0 auto; 4070 width: 40px; height: 40px; 4071 border-radius: 50%; 4072 display: flex; align-items: center; justify-content: center; 4073 background: linear-gradient(145deg, #f8efdf, #fff); 4074 color: var(--rnb-maroon); 4075 animation: rnb-labreport-pulse 2.4s infinite; 4076 } 4077 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__icon svg { width: 20px; height: 20px; }
4078 @keyframes rnb-labreport-pulse { 4079 0% { box-shadow: 0 0 0 0 rgba(122,22,22,.28); } 4080 70% { box-shadow: 0 0 0 8px rgba(122,22,22,0); } 4081 100% { box-shadow: 0 0 0 0 rgba(122,22,22,0); } 4082 } 4083 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__text { 4084 position: relative; 4085 flex: 1 1 auto; 4086 min-width: 0; 4087 display: flex; 4088 flex-direction: column; 4089 gap: 1px; 4090 } 4091 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__text strong { 4092 font-size: 13.5px; font-weight: 800; color: var(--rnb-text); 4093 } 4094 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__text span { 4095 font-size: 11.5px; color: #6b6058; 4096 } 4097 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__btn { 4098 position: relative; 4099 flex: 0 0 auto; 4100 border: none; 4101 background: var(--rnb-maroon); 4102 color: var(--rnb-cream-text); 4103 font-size: 12.5px; 4104 font-weight: 700; 4105 padding: 9px 14px; 4106 border-radius: 999px; 4107 cursor: pointer; 4108 white-space: nowrap; 4109 transition: filter .2s ease, transform .15s ease; 4110 } 4111 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__btn:hover { filter: brightness(1.08); } 4112 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__btn:active { transform: scale(.96); } 4113 @media (max-width: 420px) { 4114 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport { padding: 10px 12px; gap: 10px; } 4115 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__text strong { font-size: 12.5px; } 4116 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__text span { font-size: 10.5px; } 4117 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport__btn { padding: 8px 12px; font-size: 11.5px; } 4118 } 4119 4120 /* ---------- Lab report lightbox ---------- */ 4121 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lightbox { 4122 position: fixed; inset: 0; z-index: 999; 4123 display: flex; align-items: center; justify-content: center; 4124 opacity: 0; visibility: hidden; 4125 transition: opacity .25s ease, visibility .25s; 4126 padding: 4vw; 4127 } 4128 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lightbox.rnb-open { opacity: 1; visibility: visible; } 4129 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-backdrop { position: absolute; inset: 0; background: rgba(20,14,10,.88); } 4130 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-inner { 4131 position: relative; z-index: 1; 4132 width: 100%; max-width: 780px; height: 88vh; 4133 background: var(--rnb-cream); 4134 border-radius: 14px; 4135 overflow: hidden; 4136 display: flex; flex-direction: column; 4137 box-shadow: 0 20px 60px rgba(0,0,0,.35); 4138 } 4139 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-head { 4140 display: flex; align-items: center; justify-content: space-between; gap: 10px; 4141 padding: 12px 16px; border-bottom: 1px solid #e6dccb; background: #fff; 4142 } 4143 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-head strong { font-size: 14px; color: var(--rnb-maroon); flex: 1 1 auto; } 4144 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-download { 4145 font-size: 12.5px; font-weight: 700; color: var(--rnb-maroon); 4146 text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; 4147 } 4148 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-close { 4149 width: 32px; height: 32px; border-radius: 50%; border: none; 4150 background: #f0e4d0; color: var(--rnb-text); cursor: pointer; 4151 display: flex; align-items: center; justify-content: center; flex: 0 0 auto; 4152 } 4153 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-body { 4154 flex: 1 1 auto; overflow-y: auto; padding: 16px; background: #f0e8da; 4155 } 4156 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-pages canvas { 4157 display: block; width: 100%; height: auto; margin: 0 0 14px; 4158 border-radius: 8px; background: #fff; box-shadow: 0 6px 16px rgba(36,28,28,.12); 4159 } 4160 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-loading { 4161 text-align: center; padding: 60px 20px; font-size: 13.5px; color: #6b6058; margin: 0; 4162 } 4163 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-loading.rnb-hidden { display: none; } 4164 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-fallback { 4165 display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; 4166 text-align: center; padding: 40px 20px; font-size: 13.5px; color: #6b6058; 4167 } 4168 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-fallback.rnb-hidden { display: none; } 4169 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-labreport-lb-fallback a { 4170 color: var(--rnb-maroon); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; 4171 } 4172 /* ---------- Social proof ---------- */ 4173 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-socialproof { 4174 display: flex; align-items: center; gap: 8px; font-size: 13px; color: #6b6058; margin-bottom: 18px; 4175 } 4176 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-socialproof__dot { 4177 width: 8px; height: 8px; border-radius: 50%; background: #2f6b3a; flex: 0 0 auto; 4178 animation: rnb-pulse-dot 1.7s infinite; 4179 }
4180 @keyframes rnb-pulse-dot { 4181 0%, 100% { box-shadow: 0 0 0 0 rgba(47,107,58,.5); } 4182 50% { box-shadow: 0 0 0 5px rgba(47,107,58,0); } 4183 } 4184 4185 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reasons { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; } 4186 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reasons li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; line-height: 1.4; } 4187 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reasons svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; color: var(--rnb-maroon); } 4188 4189 /* ---------- Pack / variant picker ---------- */ 4190 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-packs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; } 4191 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack { 4192 position: relative; border: 2px solid #e6dccb; border-radius: 14px; background: #fff; 4193 padding: 16px 10px 14px; text-align: center; cursor: pointer; min-height: 48px; 4194 transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; 4195 } 4196 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack:hover { transform: translateY(-2px); } 4197 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack.is-selected { 4198 border-color: var(--rnb-maroon); 4199 box-shadow: 0 0 0 1px var(--rnb-maroon) inset, 0 6px 14px rgba(122,22,22,.12); 4200 } 4201 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack__badge { 4202 position: absolute; top: -11px; left: 50%; transform: translateX(-50%); 4203 background: var(--rnb-gold); color: #241c1c; font-size: 10px; font-weight: 800; 4204 letter-spacing: .04em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; white-space: nowrap; 4205 } 4206 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack__badge--popular { background: var(--rnb-maroon); color: var(--rnb-cream-text); } 4207 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack__name { font-size: 13px; font-weight: 700; margin-bottom: 4px; } 4208 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack__price { font-size: 16px; font-weight: 800; color: var(--rnb-maroon); } 4209 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack__compare { font-size: 11px; color: #8a7f76; text-decoration: line-through; margin-right: 4px; } 4210 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack__save { display: block; font-size: 11px; font-weight: 700; color: #2f6b3a; margin-top: 2px; } 4211 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack.is-selected .rnb-pack__name, 4212 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-pack.is-selected .rnb-pack__price { animation: rnb-pop .25s ease; } 4213 @keyframes rnb-pop { 0% { transform: scale(1); } 40% { transform: scale(1.08); } 100% { transform: scale(1); } } 4214 4215 /* ---------- CTA buttons ---------- */ 4216 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-form { margin-bottom: 0; } 4217 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-cta-row { display: flex; flex-direction: column; gap: 10px; margin-bottom: 8px; } 4218 4219 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn, 4220 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buynow-btn { 4221 width: 100%; padding: 16px 20px; border-radius: 999px; 4222 font-size: 16px; font-weight: 700; letter-spacing: .02em; cursor: pointer; 4223 display: flex; align-items: center; justify-content: center; gap: 10px; 4224 min-height: 52px; position: relative; overflow: hidden; 4225 transition: filter .2s ease, transform .15s ease, box-shadow .2s ease; 4226 } 4227 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn { 4228 border: none; background: var(--rnb-maroon); color: var(--rnb-cream-text); 4229 } 4230 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn:hover { filter: brightness(1.08); box-shadow: 0 8px 18px rgba(122,22,22,.28); } 4231 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn:active { transform: scale(.98); } 4232 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn[disabled] { opacity: .55;
4232 cursor: not-allowed; } 4233 4234 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buynow-btn { 4235 border: 2px solid var(--rnb-maroon); background: transparent; color: var(--rnb-maroon); 4236 animation: rnb-pulse-ring 2.4s infinite; 4237 } 4238 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buynow-btn:hover { background: var(--rnb-maroon); color: var(--rnb-cream-text); } 4239 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buynow-btn:active { transform: scale(.98); } 4240 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buynow-btn[disabled] { opacity: .6; cursor: not-allowed; animation: none; } 4241 @keyframes rnb-pulse-ring { 4242 0% { box-shadow: 0 0 0 0 rgba(122,22,22,.28); } 4243 70% { box-shadow: 0 0 0 8px rgba(122,22,22,0); } 4244 100% { box-shadow: 0 0 0 0 rgba(122,22,22,0); } 4245 } 4246 4247 /* Shine sweep on the primary button, every few seconds */ 4248 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn::before { 4249 content: ""; 4250 position: absolute; top: 0; left: -60%; width: 40%; height: 100%; 4251 background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent); 4252 transform: skewX(-20deg); 4253 animation: rnb-shine 3.2s ease-in-out infinite; 4254 } 4255 @keyframes rnb-shine { 4256 0% { left: -60%; } 4257 35% { left: 130%; } 4258 100% { left: 130%; } 4259 } 4260 4261 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-note { text-align: center; font-size: 12.5px; color: #6b6058; margin: 10px 0 20px; } 4262 4263 /* ---------- Video wall (below Buy button) â creator/UGC videos ---------- 4264 Adapted from the standalone "RNB UGC Video Wall" section to live safely 4265 inside this narrower buybox column: no full-bleed mobile trick and no 4266 overhanging nav arrows, since the ancestor has overflow-x:hidden and 4267 would clip anything that pokes past the column edge. Same tabs, 4268 lightbox, IG badge and lazy-play behavior, just resized to fit. */ 4269 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall { margin: 0 0 20px; } 4270 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__head { margin: 0 0 10px; } 4271 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__eyebrow { 4272 text-transform: uppercase; letter-spacing: .1em; font-size: 11px; font-weight: 700; color: var(--rnb-gold); margin: 0 0 4px; 4273 } 4274 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__title { margin: 0; font-size: 16px; font-weight: 900; color: var(--rnb-maroon); } 4275 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__sub { margin: 4px 0 0; font-size: 12.5px; color: #6b6058; } 4276 4277 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__tabs { display: flex; gap: 8px; margin: 10px 0 12px; flex-wrap: wrap; } 4278 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__tab { 4279 font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 999px; 4280 border: 1.5px solid rgba(36,28,28,.16); background: transparent; color: var(--rnb-text); cursor: pointer; 4281 transition: background .2s ease, color .2s ease, border-color .2s ease; 4282 } 4283 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__tab.is-active { background: var(--rnb-maroon); border-color: var(--rnb-maroon); color: var(--rnb-cream-text); } 4284 4285 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__track-wrap { position: relative; } 4286 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__track { 4287 display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; 4288 scrollbar-width: none; padding-bottom: 2px; 4289 } 4290 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__track::-webkit-scrollbar { display: none; } 4291 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card { 4292 position: relative; flex: 0 0 auto; width: 38%; max-width: 165px; aspect-ratio: 9 / 16; 4293 border-radius: 14px; overflow: hidden; background: #241c1c; scroll-snap-align: start; 4294 box-shadow: 0 10px 22px rgba(36,28,28,.14); 4295 } 4296 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card.rnb-tab-hidden { display: none; } 4297 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card video, 4298 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } 4299 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card-link, 4300 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card-trigger { 4301 position: absolute; inset: 0; z-index: 3; display: block; width: 100%; height: 100%; padding: 0; border: none; background: transparent; cursor: pointer; 4302 } 4303 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__play { 4304 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border-radius: 50%; 4305 background: rgba(0,0,0,.45); border: 1.5px solid rgba(255,255,255,.8); display: flex; align-items: center; justify-content: center; z-index: 2; pointer-events: none; 4306 } 4307 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__ig-badge { 4308 position: absolute; top: 8px; right: 8px; z-index: 4; width: 22px; height: 22px; border-radius: 7px; 4309 background: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; color: #fff; 4310 } 4311 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__gradient { 4312 position: absolute; left: 0; right: 0; bottom: 0; height: 55%; z-index: 1; 4313 background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); 4314 } 4315 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__info { position: absolute; left: 10px; right: 10px; bottom: 9px; z-index: 2;
4315 color: #fff; } 4316 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__handle { font-size: 11.5px; font-weight: 700; margin: 0 0 2px; } 4317 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__tag { font-size: 10px; opacity: .9; margin: 0; } 4318 4319 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__nav { display: none; } 4320 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__nav.rnb-visible { display: block; } 4321 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__nav-btn { 4322 position: absolute; top: 42%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; 4323 border: 1.5px solid rgba(36,28,28,.16); background: #fff; color: var(--rnb-text); 4324 display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 6; 4325 box-shadow: 0 4px 12px rgba(0,0,0,.14); 4326 } 4327 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__nav-btn:hover { background: var(--rnb-maroon); color: var(--rnb-cream-text); } 4328 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__nav-prev { left: 2px; } 4329 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__nav-next { right: 2px; } 4330 4331 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox { 4332 position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; 4333 opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s; padding: 24px; 4334 } 4335 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox.rnb-open { opacity: 1; visibility: visible; } 4336 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox .rnb-ugcwall-lb-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.82); } 4337 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox .rnb-ugcwall-lb-inner { 4338 position: relative; z-index: 1; width: 100%; max-width: 380px; display: flex; flex-direction: column; align-items: center; 4339 } 4340 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox .rnb-ugcwall-lb-video { 4341 width: 100%; max-height: 82vh; aspect-ratio: 9 / 16; border-radius: 14px; background: #000; outline: none; 4342 } 4343 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox .rnb-ugcwall-lb-caption { color: #fff; font-size: 13px; font-weight: 600; margin-top: 12px; text-align: center; } 4344 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall-lightbox .rnb-ugcwall-lb-close { 4345 position: absolute; top: -44px; right: 0; width: 34px; height: 34px; border-radius: 50%; 4346 background: rgba(255,255,255,.15); border: 1.5px solid rgba(255,255,255,.5); color: #fff; 4347 display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; 4348 } 4349 @media (min-width: 420px) { 4350 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ugcwall__card { max-width: 180px; } 4351 } 4352 4353 /* ---------- Active ingredients near CTA ---------- */ 4354 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives { 4355 position: relative; 4356 overflow: hidden; 4357 background: 4358 radial-gradient(circle at 0 0, rgba(201,162,39,.18), transparent 32%), 4359 linear-gradient(145deg, #fffaf3 0%, #fff 58%, #f8ecdd 100%); 4360 border: 1px solid rgba(122,22,22,.16); 4361 border-radius: 18px; 4362 padding: 15px; 4363 margin: 0 0 18px; 4364 box-shadow: 0 16px 34px rgba(36,28,28,.08); 4365 } 4366 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives::before { 4367 content: ""; 4368 position: absolute; 4369 inset: 0; 4370 border-radius: inherit; 4371 pointer-events: none; 4372 box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); 4373 } 4374 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__head { 4375 position: relative; 4376 display: flex; 4377 align-items: flex-start; 4378 justify-content: space-between; 4379 gap: 12px; 4380 margin-bottom: 12px; 4381 } 4382 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__title { 4383 margin: 0; 4384 font-size: 16px; 4385 font-weight: 900; 4386 letter-spacing: 0; 4387 color: var(--rnb-maroon); 4388 line-height: 1.15; 4389 } 4390 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__sub { 4391 margin: 4px 0 0; 4392 font-size: 12px; 4393 line-height: 1.3; 4394 color: #5f544d; 4395 } 4396 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__badge { 4397 flex: 0 0 auto; 4398 border: 1px solid rgba(122,22,22,.2); 4399 border-radius: 999px; 4400 padding: 7px 10px; 4401 color: var(--rnb-maroon); 4402 font-size: 11px; 4403 font-weight: 800; 4404 white-space: nowrap; 4405 background: #fff; 4406 box-shadow: 0 6px 12px rgba(36,28,28,.06); 4407 } 4408 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__grid { 4409 position: relative; 4410 display: grid; 4411 grid-template-columns: repeat(2, minmax(0, 1fr)); 4412 gap: 9px; 4413 } 4414 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active { 4415 position: relative; 4416 display: flex; 4417 flex-direction: column; 4418 align-items: flex-start; 4419 min-width: 0; 4420 min-height: 132px; 4421 padding: 14px; 4422 border-radius: 14px; 4423 background: rgba(255,255,255,.9); 4424 border: 1px solid rgba(234,217,189,.9); 4425 cursor: default; 4426 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; 4427 } 4428 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active:hover { 4429 transform: translateY(-3px); 4430 border-color: rgba(122,22,22,.26); 4431 background: #fff; 4432 box-shadow: 0 12px 22px rgba(36,28,28,.1); 4433 } 4434 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__icon { 4435 width: 42px; 4436 height: 42px; 4437 border-radius: 14px; 4438 display: flex; 4439 align-items: center; 4440 justify-content: center; 4441 background: linear-gradient(145deg, #f8efdf, #fff); 4442 color: var(--rnb-maroon); 4443 box-shadow: 0 7px 14px rgba(122,22,22,.09); 4444 margin-bottom: 10px; 4445 } 4446 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__icon svg { 4447 width: 22px; 4448 height: 22px; 4449 stroke: currentColor; 4450 stroke-width: 2; 4451 fill: none; 4452 } 4453 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__pct { 4454 display: inline-block; 4455 margin-bottom: 4px; 4456 color: var(--rnb-maroon); 4457 font-size: 11px; 4458 font-weight: 900; 4459 line-height: 1.2; 4460 letter-spacing: .03em; 4461 text-transform: uppercase; 4462 } 4463 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__name { 4464 display: block; 4465 color: var(--rnb-text); 4466 font-size: 14px; 4467 font-weight: 900; 4468 line-height: 1.2; 4469 } 4470 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__benefit { 4471 display: block; 4472 margin-top: 7px; 4473 color: #6b6058; 4474 font-size: 12px; 4475 line-height: 1.25; 4476 } 4477 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__proof { 4478 position: relative; 4479 margin-top: 10px; 4480 display: grid; 4481 grid-template-columns: repeat(3, minmax(0, 1fr)); 4482 gap: 7px; 4483 } 4484 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__proof span { 4485 display: flex; 4486 align-items: center; 4487 justify-content: center; 4488 gap: 5px; 4489 min-height: 30px; 4490 padding: 6px 8px; 4491 border-radius: 999px; 4492 background: rgba(255,255,255,.74); 4493 border: 1px solid rgba(234,217,189,.9); 4494 color: #473b35; 4495 font-size: 10.5px; 4496 font-weight: 800; 4497 text-align: center; 4498 line-height: 1.15; 4499 } 4500 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__proof svg { 4501 width: 13px; 4502 height: 13px; 4503 color: var(--rnb-maroon); 4504 flex: 0 0 auto; 4505 } 4506 @media (max-width: 430px) { 4507 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 4508 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active { min-height: 124px; padding: 12px; } 4509 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__name { font-size: 12.5px; } 4510 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-active__benefit { font-size: 11px; } 4511 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__head { display: block; } 4512 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__badge { display: inline-block; margin-top: 10px; } 4513 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-actives__proof { grid-template-columns: 1fr; } 4514 } 4515 4516 /* ---------- Trust badges row ---------- */ 4517 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-trustrow { 4518 display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); 4519 gap: 10px; padding: 16px 0;
4519 border-top: 1px solid #e6dccb; border-bottom: 1px solid #e6dccb; margin-bottom: 22px; 4520 } 4521 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-trust { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; } 4522 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-trust svg { width: 24px; height: 24px; color: var(--rnb-maroon); } 4523 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-trust span { font-size: 11px; font-weight: 600; line-height: 1.2; } 4524 4525 /* ---------- Accordions ---------- */ 4526 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion { border-top: 1px solid #e6dccb; } 4527 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion details { border-bottom: 1px solid #e6dccb; } 4528 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion summary { 4529 list-style: none; cursor: pointer; display: flex; align-items: center; 4530 justify-content: space-between; padding: 15px 2px; font-weight: 700; font-size: 15px; min-height: 48px; 4531 } 4532 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion summary::-webkit-details-marker { display: none; } 4533 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion .rnb-acc-icon { width: 20px; height: 20px; flex: 0 0 auto; position: relative; } 4534 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-acc-icon::before, 4535 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-acc-icon::after { content: ""; position: absolute; background: var(--rnb-maroon); border-radius: 2px; } 4536 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-acc-icon::before { top: 9px; left: 2px; width: 16px; height: 2px; } 4537 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-acc-icon::after { top: 2px; left: 9px; width: 2px; height: 16px; transition: transform .25s ease; } 4538 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT details[open] .rnb-acc-icon::after { transform: rotate(90deg); } 4539 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; } 4540 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT details[open] .rnb-accordion__panel { grid-template-rows: 1fr; } 4541 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion__panel-inner { overflow: hidden; } 4542 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-accordion__panel-inner > div { padding: 0 2px 16px; font-size: 14.5px; line-height: 1.6; } 4543 4544 /* ---------- Ingredient breakdown (inside accordion) ---------- */ 4545 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredients { display: grid; gap: 14px; } 4546 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredient-row__top { 4547 display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 5px; 4548 } 4549 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredient-row__name { font-size: 14px; font-weight: 800; color: var(--rnb-text); } 4550 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredient-row__pct { font-size: 13px; font-weight: 800; color: var(--rnb-maroon); white-space: nowrap; } 4551 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredient-row__track { height: 7px; background: #f0e4d0; border-radius: 999px; overflow: hidden; margin-bottom: 6px; } 4552 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredient-row__fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #973019, var(--rnb-maroon)); } 4553 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ingredient-row__benefit { font-size: 13px; line-height: 1.45; color: #6b6058; } 4554 4555 /* ---------- Before & After ---------- */ 4556 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter { padding: 8px 5vw 56px; } 4557 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__header { max-width: 640px; margin: 0 auto 28px; text-align: center; } 4558 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__eyebrow { 4559 text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 700; color: var(--rnb-gold); margin: 0 0 10px; 4560 } 4561 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__heading { font-size: clamp(24px, 2.8vw, 34px); font-weight: 800; margin: 0 0 10px; } 4562 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__sub { font-size: 15px; color: #6b6058; margin: 0; } 4563 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__grid { 4564 max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; 4565 } 4566 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ba-item { background: #fff; border: 1px solid #eee4d5; border-radius: 16px; padding: 14px; box-shadow: 0 10px 24px rgba(36,28,28,.045); } 4567 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ba-item__images { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; } 4568 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ba-item__frame { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 5; background: #f5f0e8; } 4569 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ba-item__frame img { width: 100%; height: 100%; object-fit: cover; display: block; } 4570 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ba-item__tag { 4571 position: absolute; top: 8px; left: 8px; background: rgba(36,28,28,.72); color: #fff; font-size: 10px; 4572 font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px; border-radius: 999px; 4573 } 4574 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-ba-item__label { text-align: center; font-size: 13px; font-weight: 700; color: var(--rnb-text); } 4575 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox .rnb-beforeafter { 4576 padding: 0; 4577 margin: 0 0 18px; 4578 } 4579 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox .rnb-beforeafter__header { 4580 margin-bottom: 18px; 4581 } 4582 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox .rnb-beforeafter__grid { 4583 grid-template-columns: repeat(2, minmax(0, 1fr)); 4584 gap: 12px; 4585 } 4586 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT > .rnb-actives { 4587 width: calc(100% - 10vw); 4588 max-width: 1100px; 4589 margin: 0 auto 56px; 4590 } 4591 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT > .rnb-actives .rnb-active { 4592 min-height: 152px; 4593 } 4594 @media (max-width: 900px) { 4595 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } 4596 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-buybox .rnb-beforeafter__grid { 4597 grid-template-columns: 1fr; 4598 max-width: 420px; 4599 } 4600 } 4601 @media (max-width: 560px) { 4602 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter { padding: 8px 5vw 42px; } 4603 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-beforeafter__grid { grid-template-columns: 1fr; } 4604 } 4605 4606 /* ---------- Sticky add-to-cart bar ---------- */ 4607 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc { 4608 position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; 4609 background: var(--rnb-cream);
4609 border-top: 1px solid #e6dccb; box-shadow: 0 -6px 18px rgba(0,0,0,.06); 4610 padding: 10px 5vw; display: flex; align-items: center; gap: 10px; 4611 transform: translateY(120%); transition: transform .3s ease; 4612 } 4613 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc.is-visible { transform: translateY(0); } 4614 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc img { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; flex: 0 0 auto; } 4615 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__info { flex: 1 1 auto; min-width: 0; display: none; } 4616 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__title { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 4617 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__price { font-size: 13px; color: var(--rnb-maroon); font-weight: 700; } 4618 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__btns { flex: 1 1 auto; display: flex; gap: 8px; min-width: 0; } 4619 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__btn { 4620 flex: 1 1 0; min-height: 48px; padding: 10px 14px; border-radius: 999px; 4621 font-weight: 700; font-size: 13.5px; cursor: pointer; white-space: nowrap; 4622 } 4623 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__btn--add { border: none; background: var(--rnb-maroon); color: var(--rnb-cream-text); } 4624 @media (min-width: 560px) { 4625 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc__info { display: block; } 4626 } 4627 @media (min-width: 901px) { 4628 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-sticky-atc { padding: 12px 6vw; } 4629 } 4630 4631 /* ---------- Reviews block ---------- */ 4632 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews { padding: 56px 5vw; } 4633 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__header { max-width: 640px; margin: 0 auto 32px; text-align: center; } 4634 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__eyebrow { 4635 text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 700; color: var(--rnb-gold); margin: 0 0 10px; 4636 } 4637 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__heading { font-size: clamp(26px, 3vw, 38px); font-weight: 800; margin: 0 0 10px; } 4638 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__sub { font-size: 15px; color: #6b6058; margin: 0; } 4639 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__summary { 4640 display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 auto 36px; flex-wrap: wrap; 4641 } 4642 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__stars { color: var(--rnb-gold); font-size: 22px; letter-spacing: 2px; } 4643 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__score { font-size: 20px; font-weight: 800; } 4644 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__count { font-size: 14px; color: #6b6058; } 4645 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__app-slot { max-width: 1100px; margin: 0 auto; } 4646 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews__placeholder { 4647 max-width: 620px; margin: 0 auto; text-align: center; padding: 34px 26px; 4648 border: 1.5px dashed #ddc9a8; border-radius: 16px; color: #8a7f76; font-size: 14px; line-height: 1.5; 4649 } 4650 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-cards { 4651 max-width: 1180px; 4652 margin: 0 auto 32px; 4653 display: grid; 4654 grid-template-columns: repeat(4, minmax(0, 1fr)); 4655 gap: 22px; 4656 } 4657 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card { 4658 background: #fff; 4659 border: 1px solid #eee4d5; 4660 border-radius: 14px; 4661 padding: 24px 24px 20px; 4662 box-shadow: 0 10px 24px rgba(36,28,28,.045); 4663 min-height: 214px; 4664 display: flex; 4665 flex-direction: column; 4666 justify-content: space-between; 4667 } 4668 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card__stars { 4669 color: var(--rnb-maroon); 4670 font-size: 15px; 4671 letter-spacing: 2px; 4672 margin-bottom: 14px; 4673 } 4674 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card__quote { 4675 margin: 0; 4676 color: #3c3331; 4677 font-size: 15px; 4678 line-height: 1.55; 4679 } 4680 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card__meta { 4681 margin-top: 18px; 4682 padding-top: 14px; 4683 border-top: 1px solid #f0e8dc; 4684 display: flex; 4685 align-items: center; 4686 gap: 8px; 4687 flex-wrap: wrap; 4688 font-size: 12px; 4689 font-weight: 800; 4690 } 4691 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card__name { color: #241c1c; } 4692 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card__verified { color: var(--rnb-maroon); } 4693 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card__tag { 4694 margin-left: auto; 4695 background: #f5f0e8; 4696 color: #6a5c50; 4697 border-radius: 999px; 4698 padding: 5px 9px; 4699 font-size: 10px; 4700 letter-spacing: .04em; 4701 text-transform: uppercase; 4702 white-space: nowrap; 4703 } 4704 @media (max-width: 1040px) { 4705 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } 4706 } 4707 @media (max-width: 620px) { 4708 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-reviews { padding: 42px 5vw; } 4709 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-cards { grid-template-columns: 1fr; gap: 14px; } 4710 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-review-card { min-height: 0; padding: 20px; } 4711 } 4712 4713 @media (prefers-reduced-motion: reduce) { 4714 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT * { transition: none !important; animation: none !important; } 4715 #rnb-product-template--21311316295863__product_page_rnb_rNmGWT .rnb-atc-btn::before { display: none; } 4716 } 4717 </style> 4718 4719 <div class="rnb-product__grid"><div class="rnb-gallery"> 4720 <div class="rnb-gallery__main" id="rnb-gallery-main-template--21311316295863__product_page_rnb_rNmGWT"><span class="rnb-gallery__badge">Bestseller</span><img 4721 src="//ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655&width=1200" 4722 alt="Rave N Bass The Daily Reset Gel Face Wash" 4723 loading="eager" 4724 class="rnb-gallery__img is-active" 4725 data-index="0" 4726 ><img 4727 src="//ravenbass.com/cdn/shop/files/5.jpg_1.jpg?v=1785221248&width=1200" 4728 alt="Rave N Bass The Daily Reset Gel Face Wash" 4729 loading="lazy" 4730 class="rnb-gallery__img" 4731 data-index="1" 4732 ><img 4733 src="//ravenbass.com/cdn/shop/files/6.jpg_1.jpg?v=1785221248&width=1200" 4734 alt="Rave N Bass The Daily Reset Gel Face Wash" 4735 loading="lazy" 4736 class="rnb-gallery__img" 4737 data-index="2" 4738 ><img 4739 src="//ravenbass.com/cdn/shop/files/4.jpg_1.jpg?v=1785221248&width=1200" 4740 alt="Rave N Bass The Daily Reset Gel Face Wash" 4741 loading="lazy" 4742 class="rnb-gallery__img" 4743 data-index="3" 4744 ><img 4745 src="//ravenbass.com/cdn/shop/files/3.jpg_1.jpg?v=1785221248&width=1200" 4746 alt="Rave N Bass The Daily Reset Gel Face Wash" 4747 loading="lazy" 4748 class="rnb-gallery__img" 4749 data-index="4" 4750 ><img 4751 src="//ravenbass.com/cdn/shop/files/1.jpg_1.jpg?v=1785221248&width=1200" 4752 alt="Rave N Bass The Daily Reset Gel Face Wash" 4753 loading="lazy" 4754 class="rnb-gallery__img" 4755 data-index="5" 4756 ><img 4757 src="//ravenbass.com/cdn/shop/files/2.jpg_1.jpg?v=1785221248&width=1200" 4758 alt="Rave N Bass The Daily Reset Gel Face Wash" 4759 loading="lazy" 4760 class="rnb-gallery__img" 4761 data-index="6" 4762 ></div><div class="rnb-gallery__thumbs"><button type="button" class="rnb-gallery__thumb is-active" data-index="0" aria-label="View image1"> 4763 <img src="//ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655&width=200" alt="" loading="lazy"> 4764 </button><button type="button" class="rnb-gallery__thumb" data-index="1" aria-label="View image2"> 4765 <img src="//ravenbass.com/cdn/shop/files/5.jpg_1.jpg?v=1785221248&width=200" alt="" loading="lazy"> 4766 </button><button type="button" class="rnb-gallery__thumb" data-index="2" aria-label="View image3"> 4767 <img src="//ravenbass.com/cdn/shop/files/6.jpg_1.jpg?v=1785221248&width=200" alt="" loading="lazy"> 4768 </button><button type="button" class="rnb-gallery__thumb" data-index="3" aria-label="View image4"> 4769 <img src="//ravenbass.com/cdn/shop/files/4.jpg_1.jpg?v=1785221248&width=200" alt="" loading="lazy"> 4770 </button><button type="button" class="rnb-gallery__thumb" data-index="4" aria-label="View image5"> 4771 <img src="//ravenbass.com/cdn/shop/files/3.jpg_1.jpg?v=1785221248&width=200" alt="" loading="lazy"> 4772 </button><button type="button" class="rnb-gallery__thumb" data-index="5" aria-label="View image6"> 4773 <img src="//ravenbass.com/cdn/shop/files/1.jpg_1.jpg?v=1785221248&width=200" alt="" loading="lazy"> 4774 </button><button type="button" class="rnb-gallery__thumb" data-index="6" aria-label="View image7"> 4775 <img src="//ravenbass.com/cdn/shop/files/2.jpg_1.jpg?v=1785221248&width=200" alt="" loading="lazy"> 4776 </button></div></div><div class="rnb-buybox"><p class="rnb-buybox__eyebrow">The Daily Reset</p><h1 class="rnb-buybox__title">Rave N Bass The Daily Reset Gel Face Wash</h1><div class="rnb-buybox__rating">
4777 <span class="rnb-stars">â â â â â </span> 4778 <span class="rnb-buybox__rating-text">4.8 · 200+ Verified Reviews</span> 4779 <a href="#rnb-reviews-template--21311316295863__product_page_rnb_rNmGWT">See Reviews</a> 4780 </div><div class="rnb-sale-flag" id="rnb-sale-flag-template--21311316295863__product_page_rnb_rNmGWT"> 4781 <span class="rnb-sale-flag__icon" aria-hidden="true"> 4782 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="8" y1="16" x2="16" y2="8"/><circle cx="8.6" cy="8.6" r="1.4" fill="currentColor" stroke="none"/><circle cx="15.4" cy="15.4" r="1.4" fill="currentColor" stroke="none"/></svg> 4783 </span> 4784 <span class="rnb-sale-flag__body"> 4785 <span class="rnb-sale-flag__eyebrow"> 4786 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="12" height="12"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg> 4787 Limited Time Offer 4788 </span> 4789 <span class="rnb-sale-flag__main" id="rnb-sale-flag-text-template--21311316295863__product_page_rnb_rNmGWT">FLAT 50% OFF</span> 4790 </span> 4791 </div><div class="rnb-buybox__price"> 4792 <span class="rnb-price-now" id="rnb-price-now-template--21311316295863__product_page_rnb_rNmGWT">Rs. 349.00</span><span class="rnb-price-was" id="rnb-price-was-template--21311316295863__product_page_rnb_rNmGWT">Rs. 699.00</span> 4793 <span class="rnb-price-save" id="rnb-price-save-template--21311316295863__product_page_rnb_rNmGWT">Save 50%</span></div><div class="rnb-countdown" id="rnb-countdown-template--21311316295863__product_page_rnb_rNmGWT" data-hours="6"> 4794 <span class="rnb-countdown__icon" aria-hidden="true">â³</span> 4795 <span class="rnb-countdown__label">Hurry! Sale ends in</span> 4796 <div class="rnb-countdown__units" role="timer" aria-live="off"> 4797 <span class="rnb-countdown__num" data-unit="h">00</span><span class="rnb-countdown__sep">:</span> 4798 <span class="rnb-countdown__num" data-unit="m">00</span><span class="rnb-countdown__sep">:</span> 4799 <span class="rnb-countdown__num" data-unit="s">00</span> 4800 </div> 4801 </div><div class="rnb-labreport"> 4802 <span class="rnb-labreport__icon" aria-hidden="true"> 4803 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 2v6L4 20a1 1 0 0 0 1 2h14a1 1 0 0 0 1-2L15 8V2"/><path d="M9 2h6"/><path d="M7.5 15h9"/></svg> 4804 </span> 4805 <span class="rnb-labreport__text"> 4806 <strong>Lab Tested & Verified</strong> 4807 <span>Third-party certified results</span> 4808 </span> 4809 <button type="button" class="rnb-labreport__btn" id="rnb-labreport-btn-template--21311316295863__product_page_rnb_rNmGWT"> 4810 View Report 4811 </button> 4812 </div><div class="rnb-socialproof"> 4813 <span class="rnb-socialproof__dot" aria-hidden="true"></span> 4814 <span>47 athletes bought this in the last 24 hours</span> 4815 </div><ul class="rnb-reasons"><li > 4816 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6 9 17l-5-5"/></svg> 4817 <span>Clears buildup without stripping the skin barrier</span> 4818 </li><li > 4819 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6 9 17l-5-5"/></svg> 4820 <span>Barrier-safe â daily use, morning & post-workout</span> 4821 </li></ul><form method="post" action="/cart/add" id="rnb-product-form" accept-charset="UTF-8" class="rnb-atc-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" id="rnb-variant-id-template--21311316295863__product_page_rnb_rNmGWT" value="48932454957239"><div class="rnb-cta-row"> 4822 <button type="submit" name="add" class="rnb-atc-btn" id="rnb-atc-btn-template--21311316295863__product_page_rnb_rNmGWT" > 4823 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>
4824 <span>Add to Cart</span> 4825 </button><button type="button" class="rnb-buynow-btn" id="rnb-buynow-btn-template--21311316295863__product_page_rnb_rNmGWT"> 4826 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2 3 14h7l-1 8 10-12h-7l1-8Z"/></svg> 4827 <span>Buy Now</span> 4828 </button> 4829 4830 4831 <div class="shiprocket-headless" data-type="product"></div> 4832<input type="hidden" value="true" id="fastrrCollectionPage" /> 4833<input type="hidden" value=/products/the-daily-reset name="productUrl" /></div><input type="hidden" name="product-id" value="8688508076215" /><input type="hidden" name="section-id" value="template--21311316295863__product_page_rnb_rNmGWT" /></form><div class="rnb-ugcwall"> 4834 <div class="rnb-ugcwall__head"> 4835 <p class="rnb-ugcwall__title">See It In Action</p> 4836 </div> 4837 4838 <div class="rnb-ugcwall__track-wrap"> 4839 <div class="rnb-ugcwall__track" id="rnb-ugcwall-track-template--21311316295863__product_page_rnb_rNmGWT"><div class="rnb-ugcwall__card" data-category="creators" ><button 4840 type="button" 4841 class="rnb-ugcwall__card-trigger" 4842 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/8f5eac6a5e6449cca48ff0494bc92975/8f5eac6a5e6449cca48ff0494bc92975.HD-1080p-2.5Mbps-90081559.mp4?v=0" 4843 data-lightbox-name="@__s.h.r.i.s.t.i.__" 4844 data-lightbox-tag="Swimmer · 5K followers" 4845 aria-label="Play video from @__s.h.r.i.s.t.i.__" 4846 ></button> 4847 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugcwall__video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/8f5eac6a5e6449cca48ff0494bc92975.thumbnail.0000000000_300x.jpg?v=1785219230"><source src="//ravenbass.com/cdn/shop/videos/c/vp/8f5eac6a5e6449cca48ff0494bc92975/8f5eac6a5e6449cca48ff0494bc92975.HD-1080p-2.5Mbps-90081559.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/8f5eac6a5e6449cca48ff0494bc92975.thumbnail.0000000000_300x.jpg?v=1785219230"></video> 4848<a class="rnb-ugcwall__ig-badge" href="https://www.instagram.com/reel/DauHwwITScy/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @__s.h.r.i.s.t.i.__ on Instagram"> 4849 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 4850 </a><div class="rnb-ugcwall__gradient"></div> 4851 4852 <div class="rnb-ugcwall__info"><p class="rnb-ugcwall__handle">@__s.h.r.i.s.t.i.__</p><p class="rnb-ugcwall__tag">Swimmer · 5K followers</p></div> 4853 </div><div class="rnb-ugcwall__card" data-category="creators" ><button 4854 type="button" 4855 class="rnb-ugcwall__card-trigger" 4856 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/fa3f4bf74dc44e36ae1a3728561027d5/fa3f4bf74dc44e36ae1a3728561027d5.HD-1080p-2.5Mbps-90077504.mp4?v=0" 4857 data-lightbox-name="@fitwithsanj" 4858 data-lightbox-tag="Athlete · 8K + followers" 4859 aria-label="Play video from @fitwithsanj" 4860 ></button> 4861 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugcwall__video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/fa3f4bf74dc44e36ae1a3728561027d5.thumbnail.0000000000_300x.jpg?v=1785215001"><source src="//ravenbass.com/cdn/shop/videos/c/vp/fa3f4bf74dc44e36ae1a3728561027d5/fa3f4bf74dc44e36ae1a3728561027d5.HD-1080p-2.5Mbps-90077504.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/fa3f4bf74dc44e36ae1a3728561027d5.thumbnail.0000000000_300x.jpg?v=1785215001"></video> 4862<a class="rnb-ugcwall__ig-badge" href="https://www.instagram.com/reel/DZe0K59s7D2/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @fitwithsanj on Instagram"> 4863 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 4864 </a><div class="rnb-ugcwall__gradient"></div> 4865 4866 <div class="rnb-ugcwall__info"><p class="rnb-ugcwall__handle">@fitwithsanj</p><p class="rnb-ugcwall__tag">Athlete · 8K + followers</p></div> 4867 </div><div class="rnb-ugcwall__card" data-category="creators" ><button 4868 type="button" 4869 class="rnb-ugcwall__card-trigger" 4870 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/009bd24ab0124cf3a9e942149f0138bd/009bd24ab0124cf3a9e942149f0138bd.HD-1080p-2.5Mbps-90081053.mp4?v=0" 4871 data-lightbox-name="@aastha_r_pandey" 4872 data-lightbox-tag="Fitness · 2K + followers" 4873 aria-label="Play video from @aastha_r_pandey" 4874 ></button> 4875 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugcwall__video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/009bd24ab0124cf3a9e942149f0138bd.thumbnail.0000000000_300x.jpg?v=1785218881"><source src="//ravenbass.com/cdn/shop/videos/c/vp/009bd24ab0124cf3a9e942149f0138bd/009bd24ab0124cf3a9e942149f0138bd.HD-1080p-2.5Mbps-90081053.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/009bd24ab0124cf3a9e942149f0138bd.thumbnail.0000000000_300x.jpg?v=1785218881"></video> 4876<a class="rnb-ugcwall__ig-badge" href="https://www.instagram.com/reel/DZt_20fsZIV/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @aastha_r_pandey on Instagram"> 4877 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 4878 </a><div class="rnb-ugcwall__gradient"></div> 4879 4880 <div class="rnb-ugcwall__info"><p class="rnb-ugcwall__handle">@aastha_r_pandey</p><p class="rnb-ugcwall__tag">Fitness · 2K + followers</p></div> 4881 </div><div class="rnb-ugcwall__card" data-category="creators" ><button 4882 type="button" 4883 class="rnb-ugcwall__card-trigger" 4884 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/9e4ce284dde74897b409687ba19b33ad/9e4ce284dde74897b409687ba19b33ad.HD-1080p-2.5Mbps-90081313.mp4?v=0" 4885 data-lightbox-name="@dhruv_160" 4886 data-lightbox-tag="Body Building · 5K + followers" 4887 aria-label="Play video from @dhruv_160" 4888 ></button> 4889 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugcwall__video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/9e4ce284dde74897b409687ba19b33ad.thumbnail.0000000000_300x.jpg?v=1785219040"><source src="//ravenbass.com/cdn/shop/videos/c/vp/9e4ce284dde74897b409687ba19b33ad/9e4ce284dde74897b409687ba19b33ad.HD-1080p-2.5Mbps-90081313.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/9e4ce284dde74897b409687ba19b33ad.thumbnail.0000000000_300x.jpg?v=1785219040"></video> 4890<a class="rnb-ugcwall__ig-badge" href="https://www.instagram.com/reel/DaIcGI2pxlU/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @dhruv_160 on Instagram"> 4891 <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 4892 </a><div class="rnb-ugcwall__gradient"></div> 4893 4894 <div class="rnb-ugcwall__info"><p class="rnb-ugcwall__handle">@dhruv_160</p><p class="rnb-ugcwall__tag">Body Building · 5K + followers</p></div> 4895 </div></div> 4896 4897 <div class="rnb-ugcwall__nav" id="rnb-ugcwall-navbtns-template--21311316295863__product_page_rnb_rNmGWT"> 4898 <button type="button" class="rnb-ugcwall__nav-btn rnb-ugcwall__nav-prev" id="rnb-ugcwall-prev-template--21311316295863__product_page_rnb_rNmGWT" aria-label="Scroll left">
4899 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 18l-6-6 6-6"/></svg> 4900 </button> 4901 <button type="button" class="rnb-ugcwall__nav-btn rnb-ugcwall__nav-next" id="rnb-ugcwall-next-template--21311316295863__product_page_rnb_rNmGWT" aria-label="Scroll right"> 4902 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg> 4903 </button> 4904 </div> 4905 </div> 4906 </div> 4907 4908 <div class="rnb-ugcwall-lightbox" id="rnb-ugcwall-lightbox-template--21311316295863__product_page_rnb_rNmGWT" aria-hidden="true"> 4909 <div class="rnb-ugcwall-lb-backdrop" data-rnb-ugcwall-close></div> 4910 <div class="rnb-ugcwall-lb-inner"> 4911 <button type="button" class="rnb-ugcwall-lb-close" data-rnb-ugcwall-close aria-label="Close video"> 4912 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6L6 18"/></svg> 4913 </button> 4914 <video class="rnb-ugcwall-lb-video" id="rnb-ugcwall-lb-video-template--21311316295863__product_page_rnb_rNmGWT" controls playsinline></video> 4915 <p class="rnb-ugcwall-lb-caption" id="rnb-ugcwall-lb-caption-template--21311316295863__product_page_rnb_rNmGWT"></p> 4916 </div> 4917 </div> 4918 4919
4919<script> 4920 (function () { 4921 var id = 'template--21311316295863__product_page_rnb_rNmGWT'; 4922 var track = document.getElementById('rnb-ugcwall-track-' + id); 4923 if (!track) return; 4924 4925 var prevBtn = document.getElementById('rnb-ugcwall-prev-' + id); 4926 var nextBtn = document.getElementById('rnb-ugcwall-next-' + id); 4927 var navBtns = document.getElementById('rnb-ugcwall-navbtns-' + id); 4928 function scrollByCard(dir) { 4929 var card = track.querySelector('.rnb-ugcwall__card:not(.rnb-tab-hidden)'); 4930 var step = card ? card.offsetWidth + 10 : 170; 4931 track.scrollBy({ left: dir * step * 2, behavior: 'smooth' }); 4932 } 4933 if (prevBtn) prevBtn.addEventListener('click', function () { scrollByCard(-1); }); 4934 if (nextBtn) nextBtn.addEventListener('click', function () { scrollByCard(1); }); 4935 4936 function updateArrowVisibility() { 4937 if (!navBtns) return; 4938 var needsScroll = track.scrollWidth > track.clientWidth + 4; 4939 navBtns.classList.toggle('rnb-visible', needsScroll); 4940 } 4941 updateArrowVisibility(); 4942 4943 var ugcResizeTimer; 4944 window.addEventListener('resize', function () { 4945 clearTimeout(ugcResizeTimer); 4946 ugcResizeTimer = setTimeout(updateArrowVisibility, 150); 4947 }); 4948 4949 var tabsWrap = document.getElementById('rnb-ugcwall-tabs-' + id); 4950 if (tabsWrap) { 4951 var tabs = tabsWrap.querySelectorAll('.rnb-ugcwall__tab'); 4952 var cards = track.querySelectorAll('.rnb-ugcwall__card');
4953 tabs.forEach(function (tab) { 4954 tab.addEventListener('click', function () { 4955 tabs.forEach(function (t) { t.classList.remove('is-active'); }); 4956 tab.classList.add('is-active'); 4957 var wanted = tab.dataset.tab; 4958 cards.forEach(function (card) { 4959 var match = card.dataset.category === wanted; 4960 card.classList.toggle('rnb-tab-hidden', !match); 4961 }); 4962 track.scrollTo({ left: 0, behavior: 'instant' in window ? 'instant' : 'auto' }); 4963 requestAnimationFrame(updateArrowVisibility); 4964 }); 4965 }); 4966 } 4967 4968 var lightbox = document.getElementById('rnb-ugcwall-lightbox-' + id); 4969 var lbVideo = document.getElementById('rnb-ugcwall-lb-video-' + id); 4970 var lbCaption = document.getElementById('rnb-ugcwall-lb-caption-' + id); 4971 var triggers = track.querySelectorAll('.rnb-ugcwall__card-trigger'); 4972 4973 function openLightbox(src, name, tag) { 4974 if (!lightbox || !lbVideo) return; 4975 track.querySelectorAll('video.rnb-ugcwall__video').forEach(function (v) { v.pause(); }); 4976 lbVideo.src = src; 4977 lbCaption.textContent = [name, tag].filter(Boolean).join(' · '); 4978 lightbox.classList.add('rnb-open'); 4979 lightbox.setAttribute('aria-hidden', 'false'); 4980 document.body.style.overflow = 'hidden'; 4981 lbVideo.currentTime = 0; 4982 var playPromise = lbVideo.play(); 4983 if (playPromise && playPromise.catch) playPromise.catch(function () {}); 4984 } 4985 4986 function closeLightbox() { 4987 if (!lightbox || !lbVideo) return; 4988 lightbox.classList.remove('rnb-open'); 4989 lightbox.setAttribute('aria-hidden', 'true'); 4990 document.body.style.overflow = ''; 4991 lbVideo.pause(); 4992 lbVideo.removeAttribute('src'); 4993 lbVideo.load(); 4994 } 4995 4996 triggers.forEach(function (trigger) { 4997 trigger.addEventListener('click', function () { 4998 openLightbox(trigger.dataset.lightboxSrc, trigger.dataset.lightboxName, trigger.dataset.lightboxTag); 4999 }); 5000 }); 5001 5002 if (lightbox) { 5003 lightbox.querySelectorAll('[data-rnb-ugcwall-close]').forEach(function (el) { 5004 el.addEventListener('click', closeLightbox); 5005 }); 5006 document.addEventListener('keydown', function (e) { 5007 if (e.key === 'Escape' && lightbox.classList.contains('rnb-open')) closeLightbox(); 5008 }); 5009 } 5010 5011 var videos = track.querySelectorAll('video.rnb-ugcwall__video'); 5012 if (!videos.length) return; 5013 5014 if ('IntersectionObserver' in window) { 5015 var ugcObserver = new IntersectionObserver(function (entries) { 5016 entries.forEach(function (entry) { 5017 var vid = entry.target; 5018 if (entry.isIntersecting) { 5019 if (!vid.src && vid.dataset.src) vid.src = vid.dataset.src; 5020 var playPromise = vid.play(); 5021 if (playPromise && playPromise.catch) playPromise.catch(function () {}); 5022 } else { 5023 vid.pause(); 5024 } 5025 }); 5026 }, { root: track, threshold: 0.6 }); 5027 5028 videos.forEach(function (vid) { 5029 vid.preload = 'none'; 5030 ugcObserver.observe(vid); 5031 }); 5032 } 5033 })(); 5034 </script>
5034<p class="rnb-atc-note">COD available · Ships in 24-48 hrs · Approved By 200+ Athletes</p><div class="rnb-beforeafter"> 5035 <div class="rnb-beforeafter__header"><p class="rnb-beforeafter__eyebrow">Real Results</p><h2 class="rnb-beforeafter__heading">See The Difference</h2><p class="rnb-beforeafter__sub">Real customers, tracked over weeks of use.</p></div> 5036 <div class="rnb-beforeafter__grid"><div class="rnb-ba-item" > 5037 <div class="rnb-ba-item__images"> 5038 <div class="rnb-ba-item__frame"><img src="//ravenbass.com/cdn/shop/files/img1.png?v=1788428069&width=500" alt="Before" loading="lazy"><span class="rnb-ba-item__tag">Before</span> 5039 </div> 5040 <div class="rnb-ba-item__frame"><img src="//ravenbass.com/cdn/shop/files/img2.png?v=1788428258&width=500" alt="After" loading="lazy"><span class="rnb-ba-item__tag">After</span> 5041 </div> 5042 </div><p class="rnb-ba-item__label">Women Results</p></div><div class="rnb-ba-item" > 5043 <div class="rnb-ba-item__images"> 5044 <div class="rnb-ba-item__frame"><img src="//ravenbass.com/cdn/shop/files/img3.png?v=1788428504&width=500" alt="Before" loading="lazy"><span class="rnb-ba-item__tag">Before</span> 5045 </div> 5046 <div class="rnb-ba-item__frame"><img src="//ravenbass.com/cdn/shop/files/img4.png?v=1788428585&width=500" alt="After" loading="lazy"><span class="rnb-ba-item__tag">After</span> 5047 </div> 5048 </div><p class="rnb-ba-item__label">Men Results</p></div></div> 5049 </div><div class="rnb-trustrow"><div class="rnb-trust" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="6"/><path d="m9 13.5-1 7 4-2 4 2-1-7"/></svg><span>GMP Certified</span> 5050 </div><div class="rnb-trust" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0 1 18 0Z"/><circle cx="12" cy="10" r="3"/></svg><span>Made in India</span> 5051 </div><div class="rnb-trust" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="6" width="14" height="11"/><path d="M15 10h4l3 3v4h-7z"/><circle cx="6" cy="19" r="2"/><circle cx="17" cy="19" r="2"/></svg><span>COD Available</span> 5052 </div><div class="rnb-trust" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 20A7 7 0 0 1 4 13V6a1 1 0 0 1 1-1h7a7 7 0 0 1 7 7 7 7 0 0 1-7 7Z"/><path d="M4 20 12 12"/></svg><span>Sulphate Free</span> 5053 </div><div class="rnb-trust" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2 4 5v6c0 5 3.5 9 8 11 4.5-2 8-6 8-11V5l-8-3Z"/></svg><span>Cruelty Free</span> 5054 </div><div class="rnb-trust" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="10" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg><span>Secure Checkout</span> 5055 </div></div><div class="rnb-accordion"><details> 5056 <summary> 5057 <span>Full Ingredient Breakdown</span> 5058 <span class="rnb-acc-icon"></span> 5059 </summary> 5060 <div class="rnb-accordion__panel"> 5061 <div class="rnb-accordion__panel-inner"> 5062 <div class="rnb-ingredients"><div class="rnb-ingredient-row" > 5063 <div class="rnb-ingredient-row__top"> 5064 <span class="rnb-ingredient-row__name">Niacinamide</span> 5065 <span class="rnb-ingredient-row__pct">3.5%</span> 5066 </div> 5067 <div class="rnb-ingredient-row__track"> 5068 <div class="rnb-ingredient-row__fill" style="width: 3.5%;"></div> 5069 </div> 5070 <p class="rnb-ingredient-row__benefit">Controls excess oil and helps fade post-workout marks.</p> 5071 </div><div class="rnb-ingredient-row" > 5072 <div class="rnb-ingredient-row__top">
5073 <span class="rnb-ingredient-row__name">Salicylic Acid (BHA)</span> 5074 <span class="rnb-ingredient-row__pct">1%</span> 5075 </div> 5076 <div class="rnb-ingredient-row__track"> 5077 <div class="rnb-ingredient-row__fill" style="width: 1%;"></div> 5078 </div> 5079 <p class="rnb-ingredient-row__benefit">Clears pores of sweat, SPF and daily buildup.</p> 5080 </div><div class="rnb-ingredient-row" > 5081 <div class="rnb-ingredient-row__top"> 5082 <span class="rnb-ingredient-row__name">Ceramides</span> 5083 <span class="rnb-ingredient-row__pct">2%</span> 5084 </div> 5085 <div class="rnb-ingredient-row__track"> 5086 <div class="rnb-ingredient-row__fill" style="width: 2%;"></div> 5087 </div> 5088 <p class="rnb-ingredient-row__benefit">Protects the skin barrier â no squeaky-tight feel.</p> 5089 </div><div class="rnb-ingredient-row" > 5090 <div class="rnb-ingredient-row__top"> 5091 <span class="rnb-ingredient-row__name">Hyaluronic Acid</span> 5092 <span class="rnb-ingredient-row__pct">0.2%</span> 5093 </div> 5094 <div class="rnb-ingredient-row__track"> 5095 <div class="rnb-ingredient-row__fill" style="width: 0.2%;"></div> 5096 </div> 5097 <p class="rnb-ingredient-row__benefit">Keeps skin hydrated and comfortable after washing.</p> 5098 </div></div> 5099 </div> 5100 </div> 5101 </details><details > 5102 <summary> 5103 <span>Full Ingredient List</span> 5104 <span class="rnb-acc-icon"></span> 5105 </summary> 5106 <div class="rnb-accordion__panel"> 5107 <div class="rnb-accordion__panel-inner"> 5108 <div><p>3.5% Niacinamide, 1% Salicylic Acid, 2Ã Ceramides, 0.2% Hyaluronic Acid, 5% Aloe Vera, 0.5% Panthenol.</p></div> 5109 </div> 5110 </div> 5111 </details><details > 5112 <summary> 5113 <span>How to Use</span> 5114 <span class="rnb-acc-icon"></span> 5115 </summary> 5116 <div class="rnb-accordion__panel"> 5117 <div class="rnb-accordion__panel-inner"> 5118 <div><p>Wet your face with lukewarm water.</p><p>Take a coin-sized amount and massage gently in circular motions for 30 seconds.</p><p>Rinse thoroughly and pat dry.</p><p>Follow up with a moisturizer.</p><p>Use twice daily â morning and night. Also great post-workout to clear sweat, sunscreen, and buildup.</p></div> 5119 </div> 5120 </div> 5121 </details><details > 5122 <summary> 5123 <span>Shipping</span> 5124 <span class="rnb-acc-icon"></span> 5125 </summary> 5126 <div class="rnb-accordion__panel"> 5127 <div class="rnb-accordion__panel-inner"> 5128 <div><p>Free shipping on all orders across India â no minimum order value.</p><p>Dispatched within 24â48 hrs. Delivery in 2â4 days (metro), 4â7 days (tier 2), 7â10 days (remote areas).</p></div> 5129 </div> 5130 </div> 5131 </details></div></div> 5132 </div><div class="rnb-actives"> 5133 <div class="rnb-actives__head"> 5134 <div> 5135 <p class="rnb-actives__title">4 actives. 4 clear benefits.</p> 5136 </div><span class="rnb-actives__badge">No tight feeling</span></div> 5137 <div class="rnb-actives__grid"> 5138 <div class="rnb-active"> 5139 <span class="rnb-active__icon" aria-hidden="true"> 5140 <svg viewBox="0 0 24 24"><path d="M12 3v18"/><path d="M7 8h10"/><path d="M6 15c1.6 2.3 3.6 3.5 6 3.5s4.4-1.2 6-3.5"/><path d="M6 9c1.6-2.3 3.6-3.5 6-3.5s4.4 1.2 6 3.5"/></svg> 5141 </span>
5142 <span> 5143 <span class="rnb-active__pct">3.5% Niacinamide</span> 5144 <span class="rnb-active__name">Less Oil</span> 5145 <span class="rnb-active__benefit">Shine control + mark care.</span> 5146 </span> 5147 </div> 5148 <div class="rnb-active"> 5149 <span class="rnb-active__icon" aria-hidden="true"> 5150 <svg viewBox="0 0 24 24"><path d="M4 12h16"/><path d="M12 4v16"/><circle cx="12" cy="12" r="7"/></svg> 5151 </span> 5152 <span> 5153 <span class="rnb-active__pct">1% BHA</span> 5154 <span class="rnb-active__name">Clear Pores</span> 5155 <span class="rnb-active__benefit">Sweat, SPF and buildup.</span> 5156 </span> 5157 </div> 5158 <div class="rnb-active"> 5159 <span class="rnb-active__icon" aria-hidden="true"> 5160 <svg viewBox="0 0 24 24"><path d="M12 3 5 6v5c0 4.5 2.8 8 7 10 4.2-2 7-5.5 7-10V6l-7-3Z"/><path d="m9 12 2 2 4-5"/></svg> 5161 </span> 5162 <span> 5163 <span class="rnb-active__pct">2x Ceramides</span> 5164 <span class="rnb-active__name">Barrier Safe</span> 5165 <span class="rnb-active__benefit">No squeaky-tight feel.</span> 5166 </span> 5167 </div> 5168 <div class="rnb-active"> 5169 <span class="rnb-active__icon" aria-hidden="true"> 5170 <svg viewBox="0 0 24 24"><path d="M12 3s6 6.1 6 11a6 6 0 0 1-12 0c0-4.9 6-11 6-11Z"/><path d="M9 15c.7 1.2 1.7 1.8 3 1.8"/></svg> 5171 </span> 5172 <span> 5173 <span class="rnb-active__pct">0.2% Hyaluronic</span> 5174 <span class="rnb-active__name">Fresh Feel</span> 5175 <span class="rnb-active__benefit">Hydrated after-wash comfort.</span> 5176 </span> 5177 </div> 5178 </div> 5179 <div class="rnb-actives__proof"> 5180 <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m5 12 4 4L19 6"/></svg>Sulphate-free</span> 5181 <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v20"/><path d="M5 7h14"/><path d="M7 17h10"/></svg>pH balanced</span> 5182 <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 7c-4 0-7 3-7 7"/><path d="M4 20c0-8 5-13 13-13h3v3c0 8-5 13-13 13H4v-3Z"/></svg>Fragrance-free</span> 5183 </div> 5184 </div><div class="rnb-reviews" id="rnb-reviews-template--21311316295863__product_page_rnb_rNmGWT"> 5185 <div class="rnb-reviews__header"><p class="rnb-reviews__eyebrow">Real Results</p><h2 class="rnb-reviews__heading">What Athletes Are Saying</h2><p class="rnb-reviews__sub">Verified buyers, real routines.</p></div><div class="rnb-reviews__summary"> 5186 <span class="rnb-reviews__stars">â â â â â </span> 5187 <span class="rnb-reviews__score">4.8</span> 5188 <span class="rnb-reviews__count">based on 200+ verified reviews</span> 5189 </div><div class="rnb-review-cards"><article class="rnb-review-card" > 5190 <div> 5191 <div class="rnb-review-card__stars" aria-label="5 out of 5 stars">â â â â â </div> 5192 <p class="rnb-review-card__quote">"My face feels clean after training, but not stripped. The biggest difference is how calm my skin feels after washing."</p> 5193 </div> 5194 <div class="rnb-review-card__meta"> 5195 <span class="rnb-review-card__name">Arjun R.</span> 5196 <span class="rnb-review-card__verified">Verified</span><span class="rnb-review-card__tag">Runner</span></div> 5197 </article><article class="rnb-review-card" > 5198 <div> 5199 <div class="rnb-review-card__stars" aria-label="5 out of 5 stars">â â â â â </div> 5200 <p class="rnb-review-card__quote">"The 1% salicylic acid works well for my T-zone. Pores look clearer and it has not made my skin dry."</p> 5201 </div> 5202 <div class="rnb-review-card__meta"> 5203 <span class="rnb-review-card__name">Priya K.</span> 5204 <span class="rnb-review-card__verified">Verified</span><span class="rnb-review-card__tag">Combination Skin</span></div> 5205 </article><article class="rnb-review-card" > 5206 <div> 5207 <div class="rnb-review-card__stars" aria-label="5 out of 5 stars">â â â â â </div> 5208 <p class="rnb-review-card__quote">"Great after sunscreen and sweat. It removes buildup quickly, and the ceramides make it feel much more balanced."</p> 5209 </div> 5210 <div class="rnb-review-card__meta">
5211 <span class="rnb-review-card__name">Rahul S.</span> 5212 <span class="rnb-review-card__verified">Verified</span><span class="rnb-review-card__tag">Gym Regular</span></div> 5213 </article><article class="rnb-review-card" > 5214 <div> 5215 <div class="rnb-review-card__stars" aria-label="5 out of 5 stars">â â â â â </div> 5216 <p class="rnb-review-card__quote">"I bought it for breakouts, but kept using it because it feels gentle enough for every day."</p> 5217 </div> 5218 <div class="rnb-review-card__meta"> 5219 <span class="rnb-review-card__name">Shivani S.</span> 5220 <span class="rnb-review-card__verified">Verified</span><span class="rnb-review-card__tag">Acne-Prone</span></div> 5221 </article></div><div class="rnb-reviews__app-slot"><div id="shopify-block-Abm5lQ1VsVWYvcDY5R__judge_me_reviews_review_widget_dQPnJM" class="shopify-block shopify-app-block"> 5222 5223 5224<div style='clear:both'></div> 5225<div id='judgeme_product_reviews' 5226 class='jdgm-widget jdgm-review-widget' 5227 data-product-title='Rave N Bass The Daily Reset Gel Face Wash' 5228 data-id='8688508076215' 5229 data-product-id='8688508076215' 5230 data-widget="review" 5231 data-shop-reviews="true" 5232 data-shop-reviews-count="3" 5233 data-cart-eligible-template="false" 5234 data-shop-average-rating="4.50" 5235 data-shop-review-count="8" 5236 data-empty-state="empty_widget" 5237 data-entry-point="review_widget.js" 5238 data-entry-key="review-widget/main.js" 5239 data-block-id="Abm5lQ1VsVWYvcDY5R__judge_me_reviews_review_widget_dQPnJM" 5240 data-customer-logged-in="false" 5241 5242 5243 style='max-width: 1200px; margin: 0 auto;'> 5244 5245 5246 5247 5248 5249 <div class='jdgm-ssr-reviews'> 5250 <div class="jdgm-ssr-reviews"><div class="jdgm-ssr-ai-content"><div class="jdgm-ssr-rating-distribution"><ul><li>5 stars: 3 (60%)</li><li>4 stars: 2 (40%)</li><li>3 stars: 0 (0%)</li><li>2 stars: 0 (0%)</li><li>1 star: 0 (0%)</li></ul></div></div><div class="jdgm-ssr-reviews__list"><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='false' data-review-id='947694a7-5b3e-4347-983e-1da6d7c22baf' data-review-language='' data-product-title='Rave N Bass The Daily Reset Gel Face Wash' data-product-url='/products/the-daily-reset' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > S </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-15T08:12:49Z' data-content='2026-09-15 08:12:49 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Sourab Sharma</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>I'd purchase this products and used this product from the last month, now my tanning is removed and my face shows more glow then before, highly recommended</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_from_store_visitor></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='false' data-review-id='19f849cb-6b67-4499-b91d-e4601a9489be' data-review-language='' data-product-title='Rave N Bass The Daily Reset Gel Face Wash' data-product-url='/products/the-daily-reset' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > R </div> <span class='jdgm-rev__rating' data-score='4' tabindex='0' aria-label='4 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-08-27T15:55:43Z' data-content='2026-08-27 15:55:43 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Rohan fitness</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'>
5250 <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Perfect after the gym 5251<br />I usually wash my face immediately after workouts because of all the sweat and sunscreen. This works really well without making my skin feel stripped. My face feels fresh and clean after every wash.</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_from_store_visitor></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='false' data-review-id='b3dcc96a-fb6b-4fc0-82d6-44fb28512f54' data-review-language='' data-product-title='Rave N Bass The Daily Reset Gel Face Wash' data-product-url='/products/the-daily-reset' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > E </div> <span class='jdgm-rev__rating' data-score='4' tabindex='0' aria-label='4 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-08-25T05:15:35Z' data-content='2026-08-25 05:15:35 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Ekant</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>My skin used to strip feel dry with other face washes this one is the best my skin doesnt get too dry also its fragrance free the best thing about it</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_from_store_visitor></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='false' data-review-id='028c61f5-ae70-4e54-9b2f-6605d7ba9e10' data-review-language='' data-product-title='Rave N Bass The Daily Reset Gel Face Wash' data-product-url='/products/the-daily-reset' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > A </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-08-20T05:00:32Z' data-content='2026-08-20 05:00:32 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Arjun</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Really good face wash, skin feels clean and fresh after every use</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_from_store_visitor></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='false' data-review-id='e30ba18e-5e9d-483c-acf5-32917c9c3daf' data-review-language='' data-product-title='Rave N Bass The Daily Reset Gel Face Wash' data-product-url='/products/the-daily-reset' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'> <div class='jdgm-rev__icon' > Y </div> <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5
5251star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-07-31T14:34:07Z' data-content='2026-07-31 14:34:07 UTC'></time> <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Yash</span> <span class='jdgm-rev__location' > </span> </span> </div> <div class='jdgm-rev__content'> <div class='jdgm-rev__custom-form'> </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>The product is nice and works good</p></div> <div class='jdgm-rev__pics'> </div> <div class='jdgm-rev__vids'> </div> <div class='jdgm-rev__transparency-badge-wrapper'> <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_from_store_visitor></div> </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'> </div> </div></div></div> 5252 </div> 5253 5254 5255 5256 5257</div> 5258 5259
5260<script class='jdgm-review-widget-data'> 5261 jdgm.data ||= {}; jdgm.data.reviewWidget ||= {}; 5262 5263 jdgm.data.reviewWidget[8688508076215] = {"number_of_reviews":5,"average_rating":"4.60","number_of_questions":0,"product_name":"Rave N Bass The Daily Reset Gel Face Wash","product_external_id":8688508076215,"product_coupons_enabled":true,"image_url":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","histogram":[{"rating":5,"frequency":3,"percentage":60,"extra_class":null},{"rating":4,"frequency":2,"percentage":40,"extra_class":null},{"rating":3,"frequency":0,"percentage":0,"extra_class":null},{"rating":2,"frequency":0,"percentage":0,"extra_class":null},{"rating":1,"frequency":0,"percentage":0,"extra_class":null}],"review_keywords":null,"product_medals":[],"custom_form_filters_and_averages":null,"photo_gallery":null,"review_summary_text":"Based on 5 reviews","ai_summary_text":"","sort_key":"created_at","multi_language_sorting_enabled":false,"metafield_updated_at":"2026-09-15T08:22:19Z","reviews":[{"uuid":"947694a7-5b3e-4347-983e-1da6d7c22baf","title":"","rating":5,"body_html":"<p>I'd purchase this products and used this product from the last month, now my tanning is removed and my face shows more glow then before, highly recommended<\/p>","body":"I'd purchase this products and used this product from the last month, now my tanning is removed and my face shows more glow then before, highly recommended","verified_buyer":false,"created_at":"2026-09-15T08:12:49.699Z","reviewer_name":"Sourab Sharma","reviewer_initial":"S","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":null,"pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"Rave N Bass The Daily Reset Gel Face Wash","encoded_product_id":"y4VnXevj","encoded_shop_id":"3DjePVxg","is_shopify_lite":false,"product_url":"/products/the-daily-reset","product_url_with_utm":"https://ravenbass.com/products/the-daily-reset?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":0,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"Rave N Bass","transparency_badges":["review_collected_from_store_visitor"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","
5263is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"19f849cb-6b67-4499-b91d-e4601a9489be","title":"","rating":4,"body_html":"<p>Perfect after the gym\n<br />I usually wash my face immediately after workouts because of all the sweat and sunscreen. This works really well without making my skin feel stripped. My face feels fresh and clean after every wash.<\/p>","body":"Perfect after the gym\r\nI usually wash my face immediately after workouts because of all the sweat and sunscreen. This works really well without making my skin feel stripped. My face feels fresh and clean after every wash.","verified_buyer":false,"created_at":"2026-08-27T15:55:43.163Z","reviewer_name":"Rohan fitness","reviewer_initial":"R","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":null,"pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"Rave N Bass The Daily Reset Gel Face Wash","encoded_product_id":"y4VnXevj","encoded_shop_id":"3DjePVxg","is_shopify_lite":false,"product_url":"/products/the-daily-reset","product_url_with_utm":"https://ravenbass.com/products/the-daily-reset?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":3,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"Rave N Bass","transparency_badges":["review_collected_from_store_visitor"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","
5263is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"b3dcc96a-fb6b-4fc0-82d6-44fb28512f54","title":"","rating":4,"body_html":"<p>My skin used to strip feel dry with other face washes this one is the best my skin doesnt get too dry also its fragrance free the best thing about it<\/p>","body":"My skin used to strip feel dry with other face washes this one is the best my skin doesnt get too dry also its fragrance free the best thing about it","verified_buyer":false,"created_at":"2026-08-25T05:15:35.877Z","reviewer_name":"Ekant","reviewer_initial":"E","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":null,"pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"Rave N Bass The Daily Reset Gel Face Wash","encoded_product_id":"y4VnXevj","encoded_shop_id":"3DjePVxg","is_shopify_lite":false,"product_url":"/products/the-daily-reset","product_url_with_utm":"https://ravenbass.com/products/the-daily-reset?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":2,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"Rave N Bass","transparency_badges":["review_collected_from_store_visitor"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","
5263is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"028c61f5-ae70-4e54-9b2f-6605d7ba9e10","title":"","rating":5,"body_html":"<p>Really good face wash, skin feels clean and fresh after every use<\/p>","body":"Really good face wash, skin feels clean and fresh after every use","verified_buyer":false,"created_at":"2026-08-20T05:00:32.657Z","reviewer_name":"Arjun","reviewer_initial":"A","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":null,"pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"Rave N Bass The Daily Reset Gel Face Wash","encoded_product_id":"y4VnXevj","encoded_shop_id":"3DjePVxg","is_shopify_lite":false,"product_url":"/products/the-daily-reset","product_url_with_utm":"https://ravenbass.com/products/the-daily-reset?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":7,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"Rave N Bass","transparency_badges":["review_collected_from_store_visitor"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","
5263is_for_product_from_bundle":false,"product_title_localized":null},{"uuid":"e30ba18e-5e9d-483c-acf5-32917c9c3daf","title":"","rating":5,"body_html":"<p>The product is nice and works good<\/p>","body":"The product is nice and works good","verified_buyer":false,"created_at":"2026-07-31T14:34:07.434Z","reviewer_name":"Yash","reviewer_initial":"Y","is_anonymous_reviewer":false,"cf_answers":[],"reply_content":null,"pictures_urls":[],"video_external_ids":[],"thumb_up":0,"thumb_down":0,"location_country":"","location_country_code":"","location":"","source":null,"product_title":"Rave N Bass The Daily Reset Gel Face Wash","encoded_product_id":"y4VnXevj","encoded_shop_id":"3DjePVxg","is_shopify_lite":false,"product_url":"/products/the-daily-reset","product_url_with_utm":"https://ravenbass.com/products/the-daily-reset?jdgm_referral_location=widget&ref=judge.me&utm_campaign=judgeme-review-site&utm_medium=referral&utm_source=judgeme","product_in_store":true,"product_variant_title":"","profile_img_idx":2,"avatar_image_url":null,"gravatar_hash":null,"media_platform_hosted_video_infos":[],"country_code_show_flag":null,"pinned":null,"in_a_group":false,"can_pin":true,"shop_reply_name":"Rave N Bass","transparency_badges":["review_collected_from_store_visitor"],"language":null,"is_for_product_from_group":false,"product_variant_image_url":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","
5263is_for_product_from_bundle":false,"product_title_localized":null}],"pagination":{"total_pages":1,"current_page":1,"per_page":5}} 5264</script>
5264 5265 5266 5267 5268 5269
5270<script type="application/ld+json" class="jdgm-server-jld"> 5271 {"@context":"https://schema.org/","@type":"Product","@id":"/products/the-daily-reset#product","name":"Rave N Bass The Daily Reset Gel Face Wash","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.60","reviewCount":5,"bestRating":5,"worstRating":1},"image":"https://cdn.shopify.com/s/files/1/0756/5606/9303/files/1.jpg_1.jpg?v=1785221248","review":[{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"author":{"@type":"Person","name":"Sourab Sharma"},"reviewBody":"I'd purchase this products and used this product from the last month, now my tanning is removed and my face shows more glow then before, highly recommended","datePublished":"2026-09-15T08:12:49Z"},{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":4,"bestRating":5,"worstRating":1},"author":{"@type":"Person","name":"Rohan fitness"},"reviewBody":"Perfect after the gym I usually wash my face immediately after workouts because of all the sweat and sunscreen. This works really well without making my skin feel stripped. My face feels fresh and clean after every wash.","datePublished":"2026-08-27T15:55:43Z"},{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":4,"bestRating":5,"worstRating":1},"author":{"@type":"Person","name":"Ekant"},"reviewBody":"My skin used to strip feel dry with other face washes this one is the best my skin doesnt get too dry also its fragrance free the best thing about it","datePublished":"2026-08-25T05:15:35Z"},{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"author":{"@type":"Person","name":"Arjun"},"reviewBody":"Really good face wash, skin feels clean and fresh after every use","datePublished":"2026-08-20T05:00:32Z"},{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"author":{"@type":"Person","name":"Yash"},"reviewBody":"The product is nice and works good","datePublished":"2026-07-31T14:34:07Z"}]} 5272</script>
5272 5273 5274 5275 5276</div> 5277</div> 5278 </div><div class="rnb-lightbox" id="rnb-lightbox-template--21311316295863__product_page_rnb_rNmGWT"> 5279 <button type="button" class="rnb-lightbox__close" aria-label="Close">â</button> 5280 <img src="" alt="" id="rnb-lightbox-img-template--21311316295863__product_page_rnb_rNmGWT"> 5281 </div><div class="rnb-labreport-lightbox" id="rnb-labreport-lightbox-template--21311316295863__product_page_rnb_rNmGWT" aria-hidden="true"> 5282 <div class="rnb-labreport-lb-backdrop" data-rnb-labreport-close></div> 5283 <div class="rnb-labreport-lb-inner"> 5284 <div class="rnb-labreport-lb-head"> 5285 <strong>Lab Tested & Verified</strong> 5286 <a class="rnb-labreport-lb-download" href="https://cdn.shopify.com/s/files/1/0756/5606/9303/files/D01-6Q01-BST-AT26-D01-RA_V01_2026_08_31.pdf?v=1788352983" target="_blank" rel="noopener">Open in new tab</a> 5287 <button type="button" class="rnb-labreport-lb-close" data-rnb-labreport-close aria-label="Close report">â</button> 5288 </div> 5289 <div class="rnb-labreport-lb-body" id="rnb-labreport-lb-body-template--21311316295863__product_page_rnb_rNmGWT"> 5290 <div class="rnb-labreport-lb-pages" id="rnb-labreport-lb-pages-template--21311316295863__product_page_rnb_rNmGWT"></div> 5291 <p class="rnb-labreport-lb-loading" id="rnb-labreport-lb-loading-template--21311316295863__product_page_rnb_rNmGWT">Loading reportâ¦</p> 5292 <div class="rnb-labreport-lb-fallback rnb-hidden" id="rnb-labreport-lb-fallback-template--21311316295863__product_page_rnb_rNmGWT"> 5293 <span>Having trouble viewing the report here?</span> 5294 <a href="https://cdn.shopify.com/s/files/1/0756/5606/9303/files/D01-6Q01-BST-AT26-D01-RA_V01_2026_08_31.pdf?v=1788352983" target="_blank" rel="noopener">Open the PDF in a new tab</a> 5295 </div> 5296 </div> 5297 </div> 5298 </div><div class="rnb-sticky-atc" id="rnb-sticky-atc-template--21311316295863__product_page_rnb_rNmGWT"> 5299 <img src="//ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655&width=100" alt=""> 5300 <div class="rnb-sticky-atc__info"> 5301 <div class="rnb-sticky-atc__title">Rave N Bass The Daily Reset Gel Face Wash</div> 5302 <div class="rnb-sticky-atc__price" id="rnb-sticky-atc-price-template--21311316295863__product_page_rnb_rNmGWT">Rs. 349.00</div> 5303 </div> 5304 <div class="rnb-sticky-atc__btns"> 5305 <button type="button" class="rnb-sticky-atc__btn rnb-sticky-atc__btn--add" id="rnb-sticky-atc-btn-template--21311316295863__product_page_rnb_rNmGWT" >Add to Cart</button> 5306 </div> 5307 </div>
5307<script> 5308 (function () { 5309 var root = document.getElementById('rnb-product-template--21311316295863__product_page_rnb_rNmGWT'); 5310 if (!root) return; 5311 5312 /* Gallery */ 5313 var mainImgs = root.querySelectorAll('.rnb-gallery__img'); 5314 var thumbs = root.querySelectorAll('.rnb-gallery__thumb'); 5315 function showImage(i) { 5316 mainImgs.forEach(function (img) { img.classList.toggle('is-active', img.dataset.index === String(i)); }); 5317 thumbs.forEach(function (t) { t.classList.toggle('is-active', t.dataset.index === String(i)); }); 5318 } 5319 thumbs.forEach(function (t) { 5320 t.addEventListener('click', function () { 5321 showImage(t.dataset.index); 5322 // Keep the active thumbnail scrolled into view in the rail â centering 5323 // it (rather than just "nearest") means clicking toward either edge 5324 // reveals a peek of the next thumbnail in that direction, so people 5325 // notice there are more images whether they're moving forward or back. 5326 t.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); 5327 }); 5328 }); 5329 5330 /* Lightbox */ 5331 var lightbox = document.getElementById('rnb-lightbox-template--21311316295863__product_page_rnb_rNmGWT'); 5332 var lightboxImg = document.getElementById('rnb-lightbox-img-template--21311316295863__product_page_rnb_rNmGWT'); 5333 var mainStage = document.getElementById('rnb-gallery-main-template--21311316295863__product_page_rnb_rNmGWT'); 5334 if (mainStage) { 5335 mainStage.addEventListener('click', function () { 5336 var active = root.querySelector('.rnb-gallery__img.is-active'); 5337 if (!active) return; 5338 lightboxImg.src = active.src; 5339 lightboxImg.alt = active.alt; 5340 lightbox.classList.add('is-open'); 5341 }); 5342 } 5343 var closeBtn = lightbox.querySelector('.rnb-lightbox__close'); 5344 function closeLightbox() { lightbox.classList.remove('is-open'); } 5345 closeBtn.addEventListener('click', closeLightbox); 5346 lightbox.addEventListener('click', function (e) { if (e.target === lightbox) closeLightbox(); }); 5347 document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeLightbox(); }); 5348 5349 /* Lab report lightbox â renders the PDF as canvas pages via PDF.js. 5350 Shopify's Files CDN serves uploaded PDFs with a download-forcing 5351 header, so a plain iframe/viewer pointed at the URL shows blank. 5352 Fetching the bytes and rendering them ourselves avoids that. */ 5353 var labBtn = document.getElementById('rnb-labreport-btn-template--21311316295863__product_page_rnb_rNmGWT'); 5354 var labLightbox = document.getElementById('rnb-labreport-lightbox-template--21311316295863__product_page_rnb_rNmGWT'); 5355 var labPagesWrap = document.getElementById('rnb-labreport-lb-pages-template--21311316295863__product_page_rnb_rNmGWT'); 5356 var labLoading = document.getElementById('rnb-labreport-lb-loading-template--21311316295863__product_page_rnb_rNmGWT'); 5357 var labFallback = document.getElementById('rnb-labreport-lb-fallback-template--21311316295863__product_page_rnb_rNmGWT'); 5358 var labPdfUrl = "https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/5606\/9303\/files\/D01-6Q01-BST-AT26-D01-RA_V01_2026_08_31.pdf?v=1788352983"; 5359 var labPdfJsStarted = false; 5360 5361 function loadScript(src) { 5362 return new Promise(function (resolve, reject) { 5363 var s = document.createElement('script'); 5364 s.src = src; 5365 s.onload = resolve; 5366 s.onerror = reject; 5367 document.head.appendChild(s); 5368 }); 5369 } 5370 5371 function renderLabPdf() { 5372 var pdfjsLib = window.pdfjsLib || window['pdfjs-dist/build/pdf']; 5373 pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js'; 5374 pdfjsLib.getDocument(labPdfUrl).promise.then(function (pdf) { 5375 if (labLoading) labLoading.classList.add('rnb-hidden'); 5376 var renderPage = function (num) { 5377 pdf.getPage(num).then(function (page) { 5378 var viewport = page.getViewport({ scale: 1.4 }); 5379 var canvas = document.createElement('canvas'); 5380 canvas.width = viewport.width; 5381 canvas.height = viewport.height; 5382 labPagesWrap.appendChild(canvas); 5383 page.render({ canvasContext: canvas.getContext('2d'), viewport: viewport }); 5384 if (num < pdf.numPages) renderPage(num + 1); 5385 }); 5386 }; 5387 renderPage(1); 5388 }).catch(function () { 5389 if (labLoading) labLoading.classList.add('rnb-hidden'); 5390 if (labFallback) labFallback.classList.remove('rnb-hidden'); 5391 }); 5392 } 5393 5394 function openLabReport() { 5395 if (!labLightbox) return; 5396 labLightbox.classList.add('rnb-open'); 5397 labLightbox.setAttribute('aria-hidden', 'false'); 5398 document.body.style.overflow = 'hidden'; 5399 if (!labPdfJsStarted) { 5400 labPdfJsStarted = true; 5401 loadScript('https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js') 5402 .then(renderLabPdf) 5403 .catch(function () { 5404 if (labLoading) labLoading.classList.add('rnb-hidden'); 5405 if (labFallback) labFallback.classList.remove('rnb-hidden'); 5406 }); 5407 } 5408 } 5409 function closeLabReport() { 5410 if (!labLightbox) return; 5411 labLightbox.classList.remove('rnb-open'); 5412 labLightbox.setAttribute('aria-hidden', 'true'); 5413 document.body.style.overflow = ''; 5414 } 5415 if (labBtn) labBtn.addEventListener('click', openLabReport); 5416 if (labLightbox) { 5417 labLightbox.querySelectorAll('[data-rnb-labreport-close]').forEach(function (el) { 5418 el.addEventListener('click', closeLabReport); 5419 }); 5420 document.addEventListener('keydown', function (e) { 5421 if (e.key === 'Escape' && labLightbox.classList.contains('rnb-open')) closeLabReport(); 5422 }); 5423 } 5424 5425 /* Pack / variant selector */ 5426 var packs = root.querySelectorAll('.rnb-pack'); 5427 var variantInput = document.getElementById('rnb-variant-id-template--21311316295863__product_page_rnb_rNmGWT'); 5428 var priceNow = document.getElementById('rnb-price-now-template--21311316295863__product_page_rnb_rNmGWT'); 5429 var priceWas = document.getElementById('rnb-price-was-template--21311316295863__product_page_rnb_rNmGWT'); 5430 var priceSave = document.getElementById('rnb-price-save-template--21311316295863__product_page_rnb_rNmGWT'); 5431 var saleFlag = document.getElementById('rnb-sale-flag-template--21311316295863__product_page_rnb_rNmGWT'); 5432 var saleFlagText = document.getElementById('rnb-sale-flag-text-template--21311316295863__product_page_rnb_rNmGWT'); 5433 var saleFlagPrefix = "FLAT"; 5434 var saleFlagSuffix = "OFF"; 5435 5436 packs.forEach(function (btn) { 5437 btn.addEventListener('click', function () { 5438 packs.forEach(function (b) { b.classList.remove('is-selected'); b.setAttribute('aria-checked', 'false'); }); 5439 btn.classList.add('is-selected'); 5440 btn.setAttribute('aria-checked', 'true'); 5441 variantInput.value = btn.dataset.variantId; 5442 5443 var price = parseInt(btn.dataset.price, 10); 5444 var compare = parseInt(btn.dataset.compare, 10) || 0; 5445 var priceFormatted = btn.dataset.priceFormatted; 5446 var compareFormatted = btn.dataset.compareFormatted; 5447 5448 if (priceNow) priceNow.textContent = priceFormatted; 5449 if (compare > price) { 5450 var pct = Math.round(((compare - price) / compare) * 100); 5451 if (priceWas) { priceWas.style.display = ''; priceWas.textContent = compareFormatted; } 5452 if (priceSave) { 5453 priceSave.style.display = ''; 5454 priceSave.textContent = 'Save ' + pct + '%'; 5455 } 5456 if (saleFlag && saleFlagText) { 5457 saleFlag.style.display = ''; 5458 saleFlagText.textContent = saleFlagPrefix + ' ' + pct + '% ' + saleFlagSuffix; 5459 } 5460 } else { 5461 if (priceWas) priceWas.style.display = 'none'; 5462 if (priceSave) priceSave.style.display = 'none'; 5463 if (saleFlag) saleFlag.style.display = 'none'; 5464 } 5465 5466 var sPrice = document.getElementById('rnb-sticky-atc-price-template--21311316295863__product_page_rnb_rNmGWT'); 5467 if (sPrice) sPrice.textContent = priceFormatted; 5468 }); 5469 }); 5470 5471 /* Limited-time countdown â loops indefinitely, persisted per-browser so it 5472 doesn't unfairly restart on every page reload within the same cycle */ 5473 var countdownEl = document.getElementById('rnb-countdown-template--21311316295863__product_page_rnb_rNmGWT'); 5474 if (countdownEl) { 5475 var countdownHours = parseFloat(countdownEl.dataset.hours) || 6; 5476 var countdownMs = countdownHours * 60 * 60 * 1000; 5477 var countdownKey = 'rnb_countdown_end_template--21311316295863__product_page_rnb_rNmGWT'; 5478 var countdownEnd; 5479 try { 5480 countdownEnd = parseInt(localStorage.getItem(countdownKey), 10); 5481 } catch (e) {
5482 countdownEnd = NaN; 5483 } 5484 if (!countdownEnd || isNaN(countdownEnd) || countdownEnd <= Date.now()) { 5485 countdownEnd = Date.now() + countdownMs; 5486 try { localStorage.setItem(countdownKey, String(countdownEnd)); } catch (e) {} 5487 } 5488 var cdH = countdownEl.querySelector('[data-unit="h"]'); 5489 var cdM = countdownEl.querySelector('[data-unit="m"]'); 5490 var cdS = countdownEl.querySelector('[data-unit="s"]'); 5491 var pad2 = function (n) { return n < 10 ? '0' + n : String(n); }; 5492 var tickCountdown = function () { 5493 var remaining = countdownEnd - Date.now(); 5494 if (remaining <= 0) { 5495 countdownEnd = Date.now() + countdownMs; 5496 try { localStorage.setItem(countdownKey, String(countdownEnd)); } catch (e) {} 5497 remaining = countdownMs; 5498 } 5499 var totalSec = Math.floor(remaining / 1000); 5500 var hh = Math.floor(totalSec / 3600); 5501 var mm = Math.floor((totalSec % 3600) / 60); 5502 var ss = totalSec % 60; 5503 if (cdH) cdH.textContent = pad2(hh); 5504 if (cdM) cdM.textContent = pad2(mm); 5505 if (cdS) cdS.textContent = pad2(ss); 5506 }; 5507 tickCountdown(); 5508 setInterval(tickCountdown, 1000); 5509 } 5510 5511 /* Buy Now â adds current variant to cart then jumps straight to checkout */ 5512 function goToCheckout(btn) { 5513 if (!btn || !variantInput) return; 5514 var original = btn.innerHTML; 5515 btn.disabled = true; 5516 btn.textContent = 'Redirectingâ¦'; 5517 fetch('/cart/add.js', { 5518 method: 'POST', 5519 headers: { 'Content-Type': 'application/json' }, 5520 body: JSON.stringify({ id: variantInput.value, quantity: 1 }) 5521 }).then(function (res) { 5522 if (!res.ok) throw new Error('cart add failed'); 5523 window.location.href = '/checkout'; 5524 }).catch(function () { 5525 btn.disabled = false; 5526 btn.innerHTML = original; 5527 var form = document.getElementById('rnb-product-form'); 5528 if (form) { form.requestSubmit ? form.requestSubmit() : form.submit(); } 5529 }); 5530 } 5531 var buyNowBtn = document.getElementById('rnb-buynow-btn-template--21311316295863__product_page_rnb_rNmGWT'); 5532 if (buyNowBtn) buyNowBtn.addEventListener('click', function () { goToCheckout(buyNowBtn); }); 5533 5534 /* Sticky add-to-cart bar visibility + buttons */ 5535 var stickyBar = document.getElementById('rnb-sticky-atc-template--21311316295863__product_page_rnb_rNmGWT'); 5536 var atcBtn = document.getElementById('rnb-atc-btn-template--21311316295863__product_page_rnb_rNmGWT'); 5537 if (stickyBar && atcBtn && 'IntersectionObserver' in window) { 5538 var observer = new IntersectionObserver(function (entries) { 5539 entries.forEach(function (entry) { 5540 stickyBar.classList.toggle('is-visible', !entry.isIntersecting && entry.boundingClientRect.top < 0); 5541 }); 5542 }, { threshold: 0 }); 5543 observer.observe(atcBtn); 5544 } 5545 var stickyAddBtn = document.getElementById('rnb-sticky-atc-btn-template--21311316295863__product_page_rnb_rNmGWT'); 5546 if (stickyAddBtn) { 5547 stickyAddBtn.addEventListener('click', function () { 5548 var form = document.getElementById('rnb-product-form'); 5549 if (form) form.requestSubmit ? form.requestSubmit() : form.submit(); 5550 }); 5551 } 5552 })(); 5553 </script>
5553 5554</section> 5555 5556 5557</section><div id="shopify-section-template--21311316295863__rnbugc_video_wall_KFTtAm" class="shopify-section"><style data-shopify> 5558 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm { 5559 --rnb-ugc-bg: #fbf3e7; 5560 --rnb-ugc-text: #241c1c; 5561 --rnb-ugc-accent: #c9a227; 5562 --rnb-ugc-red: #7a1616; 5563 background: var(--rnb-ugc-bg); 5564 color: var(--rnb-ugc-text); 5565 padding: 40px 0 40px; 5566 max-width: 100vw; 5567 overflow-x: hidden; 5568 box-sizing: border-box; 5569 } 5570 5571 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm *, 5572 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm *::before, 5573 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm *::after { 5574 box-sizing: border-box; 5575 } 5576 5577 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-inner { 5578 max-width: 1400px; 5579 margin: 0 auto; 5580 padding: 0 24px; 5581 } 5582 5583 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-header { 5584 text-align: center; 5585 max-width: 640px; 5586 margin: 0 auto 26px; 5587 } 5588 5589 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-eyebrow { 5590 font-size: 12px; 5591 letter-spacing: 0.1em; 5592 text-transform: uppercase; 5593 font-weight: 600; 5594 color: var(--rnb-ugc-accent); 5595 margin: 0 0 6px; 5596 } 5597 5598 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-heading { 5599 font-size: 26px; 5600 font-weight: 700; 5601 margin: 0; 5602 } 5603 5604 @media (min-width: 990px) { 5605 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-heading { 5606 font-size: 32px; 5607 } 5608 } 5609 5610 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-subheading { 5611 font-size: 14px; 5612 opacity: 0.75; 5613 margin: 8px auto 0; 5614 max-width: 480px; 5615 } 5616 5617 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-tabs { 5618 display: flex; 5619 justify-content: center; 5620 gap: 10px; 5621 margin: 20px 0 26px; 5622 flex-wrap: wrap; 5623 } 5624 5625 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-tab { 5626 font-size: 13.5px; 5627 font-weight: 600; 5628 padding: 9px 20px; 5629 border-radius: 999px; 5630 border: 1.5px solid rgba(0,0,0,0.15); 5631 background: transparent; 5632 color: var(--rnb-ugc-text); 5633 cursor: pointer; 5634 transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; 5635 } 5636 5637 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-tab.rnb-active { 5638 background: var(--rnb-ugc-red); 5639 border-color: var(--rnb-ugc-red); 5640 color: #fff; 5641 } 5642 5643 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-track-wrap { 5644 position: relative; 5645 max-width: 100%; 5646 margin: 0 auto; 5647 } 5648 5649 /* Mobile: let the card row bleed edge-to-edge instead of being boxed in by 5650 .rnb-ugc-inner's 24px side padding â the standard "peek carousel" pattern, 5651 it maximizes visible card width on small screens. The track itself gets 5652 its own inset padding below so cards still have breathing room. */ 5653 @media (max-width: 749px) { 5654 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-track-wrap { 5655 width: 100vw; 5656 max-width: 100vw; 5657 margin-left: calc(-50vw + 50%); 5658 margin-right: calc(-50vw + 50%); 5659 } 5660 } 5661 5662 @media (min-width: 990px) { 5663 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-track-wrap { 5664 width: calc(5 * 250px + 4 * 16px); 5665 max-width: 100%; 5666 } 5667 } 5668 5669 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-btns { 5670 display: none; 5671 } 5672 5673 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-btns.rnb-visible { 5674 display: block; 5675 } 5676 5677 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-btn { 5678 position: absolute; 5679 top: 42%; 5680 transform: translateY(-50%); 5681 width: 40px; 5682 height: 40px; 5683 border-radius: 50%; 5684 border: 1.5px solid rgba(0,0,0,0.15); 5685 background: #fff; 5686 color: var(--rnb-ugc-text); 5687 display: inline-flex; 5688 align-items: center; 5689 justify-content: center; 5690 cursor: pointer; 5691 z-index: 6; 5692 box-shadow: 0 4px 14px rgba(0,0,0,0.12); 5693 transition: background 0.2s ease, transform 0.2s ease; 5694 } 5695 5696 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-btn:hover { 5697 background: var(--rnb-ugc-red); 5698 color: #fff; 5699 } 5700 5701 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-prev { 5702 left: -14px; 5703 } 5704 5705 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-next { 5706 right: -14px; 5707 } 5708 5709 /* On mobile the track-wrap now spans the full viewport (see above), so the 5710 desktop's -14px "bleed past the edge" offset would push the buttons 5711 partly off-screen. Keep them inset from the true screen edge instead. */ 5712 @media (max-width: 749px) { 5713 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-btn { 5714 width: 36px; 5715 height: 36px; 5716 } 5717 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-prev { 5718 left: 10px; 5719 } 5720 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-nav-next { 5721 right: 10px; 5722 } 5723 } 5724 5725 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-track { 5726 display: flex; 5727 /* was "safe center" â on an overflowing scrollable row this can push part 5728 of the first card into unreachable negative-scroll space, making it 5729 look cropped on the left. flex-start is what every production 5730 horizontal-scroll row (Netflix, Amazon, Instagram, etc.) actually uses. */ 5731 justify-content: flex-start; 5732 gap: 16px; 5733 overflow-x: auto; 5734 scroll-snap-type: x mandatory; 5735 scroll-behavior: smooth; 5736 padding-bottom: 8px; 5737 -webkit-overflow-scrolling: touch; 5738 scrollbar-width: none; 5739 } 5740 5741 @media (max-width: 749px) { 5742 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-track { 5743 padding-left: 20px; 5744 padding-right: 20px; 5745 scroll-padding-left: 20px; 5746 } 5747 } 5748 5749 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-track::-webkit-scrollbar {
5750 display: none; 5751 } 5752 5753 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card { 5754 position: relative; 5755 flex: 0 0 auto; 5756 width: 220px; 5757 aspect-ratio: 9 / 16; 5758 border-radius: 16px; 5759 overflow: hidden; 5760 scroll-snap-align: start; 5761 background: #000; 5762 box-shadow: 0 6px 20px rgba(0,0,0,0.1); 5763 } 5764 5765 @media (min-width: 750px) { 5766 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card { 5767 width: 250px; 5768 } 5769 } 5770 5771 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card video, 5772 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card img { 5773 position: absolute; 5774 inset: 0; 5775 width: 100%; 5776 height: 100%; 5777 object-fit: cover; 5778 } 5779 5780 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card-link, 5781 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card-trigger { 5782 position: absolute; 5783 inset: 0; 5784 z-index: 3; 5785 display: block; 5786 width: 100%; 5787 height: 100%; 5788 padding: 0; 5789 border: none; 5790 background: transparent; 5791 cursor: pointer; 5792 } 5793 5794 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-play { 5795 position: absolute; 5796 top: 50%; 5797 left: 50%; 5798 transform: translate(-50%, -50%); 5799 width: 46px; 5800 height: 46px; 5801 border-radius: 50%; 5802 background: rgba(0,0,0,0.45); 5803 border: 1.5px solid rgba(255,255,255,0.8); 5804 display: flex; 5805 align-items: center; 5806 justify-content: center; 5807 z-index: 2; 5808 pointer-events: none; 5809 } 5810 5811 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-expand { 5812 position: absolute; 5813 bottom: 12px; 5814 right: 12px; 5815 z-index: 2; 5816 width: 26px; 5817 height: 26px; 5818 border-radius: 7px; 5819 background: rgba(0,0,0,0.4); 5820 display: flex; 5821 align-items: center; 5822 justify-content: center; 5823 color: #fff; 5824 pointer-events: none; 5825 opacity: 0.85; 5826 } 5827 5828 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-ig-badge { 5829 position: absolute; 5830 top: 10px; 5831 right: 10px; 5832 z-index: 4; 5833 width: 26px; 5834 height: 26px; 5835 border-radius: 8px; 5836 background: rgba(0,0,0,0.4); 5837 display: flex; 5838 align-items: center; 5839 justify-content: center; 5840 color: #fff; 5841 transition: background 0.2s ease; 5842 } 5843 5844 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card:hover .rnb-ugc-ig-badge { 5845 background: var(--rnb-ugc-red); 5846 } 5847 5848 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-gradient { 5849 position: absolute; 5850 left: 0; 5851 right: 0; 5852 bottom: 0; 5853 height: 55%; 5854 z-index: 1; 5855 background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); 5856 } 5857 5858 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card-info { 5859 position: absolute; 5860 left: 12px; 5861 right: 12px; 5862 bottom: 12px; 5863 z-index: 2; 5864 color: #fff; 5865 } 5866 5867 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-handle { 5868 font-size: 13.5px; 5869 font-weight: 700; 5870 margin: 0 0 3px; 5871 } 5872 5873 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-tag { 5874 font-size: 11.5px; 5875 opacity: 0.9; 5876 margin: 0; 5877 } 5878 5879 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-card.rnb-tab-hidden { 5880 display: none; 5881 } 5882 5883 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-footer-wrap { 5884 text-align: center; 5885 } 5886 5887 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-footer-link { 5888 display: inline-flex; 5889 align-items: center; 5890 justify-content: center; 5891 gap: 8px; 5892 margin-top: 24px; 5893 font-size: 14px; 5894 font-weight: 600; 5895 color: #fff; 5896 text-decoration: none; 5897 background: var(--rnb-ugc-red); 5898 padding: 13px 26px; 5899 border-radius: 999px; 5900 border: none; 5901 transition: transform 0.2s ease, opacity 0.2s ease; 5902 } 5903 5904 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-footer-link:hover { 5905 transform: translateY(-2px); 5906 opacity: 0.92; 5907 } 5908 5909 @media (max-width: 749px) { 5910 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-footer-wrap { 5911 padding: 0 20px; 5912 } 5913 #rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-footer-link { 5914 width: 100%; 5915 max-width: 360px; 5916 } 5917 } 5918 5919 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm { 5920 position: fixed; 5921 inset: 0; 5922 z-index: 999; 5923 display: flex; 5924 align-items: center; 5925 justify-content: center; 5926 opacity: 0; 5927 visibility: hidden; 5928 transition: opacity 0.25s ease, visibility 0.25s; 5929 padding: 24px; 5930 } 5931 5932 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm.rnb-open { 5933 opacity: 1; 5934 visibility: visible; 5935 } 5936 5937 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-lb-backdrop { 5938 position: absolute; 5939 inset: 0; 5940 background: rgba(0, 0, 0, 0.82); 5941 } 5942 5943 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-lb-inner { 5944 position: relative; 5945 z-index: 1; 5946 width: 100%; 5947 max-width: 420px; 5948 display: flex; 5949 flex-direction: column; 5950 align-items: center; 5951 } 5952 5953 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-lb-video { 5954 width: 100%; 5955 max-height: 82vh; 5956 aspect-ratio: 9 / 16; 5957 border-radius: 14px; 5958 background: #000; 5959 outline: none; 5960 } 5961 5962 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-lb-caption { 5963 color: #fff; 5964 font-size: 13px; 5965 font-weight: 600; 5966 margin-top: 12px; 5967 text-align: center; 5968 } 5969 5970 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-lb-close { 5971 position: absolute; 5972 top: -44px; 5973 right: 0; 5974 width: 36px; 5975 height: 36px; 5976 border-radius: 50%; 5977 background: rgba(255, 255, 255, 0.15); 5978 border: 1.5px solid rgba(255, 255, 255, 0.5); 5979 color: #fff; 5980 display: flex; 5981 align-items: center; 5982 justify-content: center; 5983 cursor: pointer; 5984 z-index: 2; 5985 } 5986 5987 @media (min-width: 750px) { 5988 #rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm .rnb-ugc-lb-close { 5989 top: 0; 5990 right: -50px; 5991 } 5992 } 5993</style> 5994 5995<section id="rnb-ugc-template--21311316295863__rnbugc_video_wall_KFTtAm"> 5996 <div class="rnb-ugc-inner"> 5997 <div class="rnb-ugc-header"> 5998 5999 <p class="rnb-ugc-eyebrow">Real Athletes, Real Routines</p> 6000 6001 6002 <h2 class="rnb-ugc-heading">As Seen on Social</h2> 6003 6004 6005 <p class="rnb-ugc-subheading">Creators and athletes sharing their Daily Reset routine.</p> 6006 6007 </div> 6008 6009 6010 <div class="rnb-ugc-tabs" id="rnb-ugc-tabs-template--21311316295863__rnbugc_video_wall_KFTtAm"> 6011 <button type="button" class="rnb-ugc-tab rnb-active" data-tab="creators">Athlete Stories</button> 6012 <button type="button" class="rnb-ugc-tab" data-tab="demos">Product In Action</button> 6013 </div> 6014 6015 6016 <div class="rnb-ugc-track-wrap"> 6017 <div class="rnb-ugc-track" id="rnb-ugc-track-template--21311316295863__rnbugc_video_wall_KFTtAm"> 6018 6019 <div class="rnb-ugc-card" data-category="creators" > 6020 6021 6022 <button 6023 type="button" 6024 class="rnb-ugc-card-trigger" 6025 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/8f5eac6a5e6449cca48ff0494bc92975/8f5eac6a5e6449cca48ff0494bc92975.HD-1080p-2.5Mbps-90081559.mp4?v=0" 6026 data-lightbox-name="@__s.h.r.i.s.t.i.__" 6027 data-lightbox-tag="Swimmer · 5K followers" 6028 aria-label="Play video from @__s.h.r.i.s.t.i.__" 6029 ></button> 6030 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/8f5eac6a5e6449cca48ff0494bc92975.thumbnail.0000000000_400x.jpg?v=1785219230"><source src="//ravenbass.com/cdn/shop/videos/c/vp/8f5eac6a5e6449cca48ff0494bc92975/8f5eac6a5e6449cca48ff0494bc92975.HD-1080p-2.5Mbps-90081559.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/8f5eac6a5e6449cca48ff0494bc92975.thumbnail.0000000000_400x.jpg?v=1785219230"></video>
6031 <span class="rnb-ugc-expand" aria-hidden="true"> 6032 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6033 </span> 6034 6035 6036 6037 <a class="rnb-ugc-ig-badge" href="https://www.instagram.com/reel/DauHwwITScy/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @__s.h.r.i.s.t.i.__ on Instagram"> 6038 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 6039 </a> 6040 6041 6042 <div class="rnb-ugc-gradient"></div> 6043 6044 <div class="rnb-ugc-card-info"> 6045 6046 <p class="rnb-ugc-handle">@__s.h.r.i.s.t.i.__</p> 6047 6048 6049 <p class="rnb-ugc-tag">Swimmer · 5K followers</p> 6050 6051 </div> 6052 </div> 6053 6054 <div class="rnb-ugc-card" data-category="creators" > 6055 6056 6057 <button 6058 type="button" 6059 class="rnb-ugc-card-trigger" 6060 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/fa3f4bf74dc44e36ae1a3728561027d5/fa3f4bf74dc44e36ae1a3728561027d5.HD-1080p-2.5Mbps-90077504.mp4?v=0" 6061 data-lightbox-name="@fitwithsanj" 6062 data-lightbox-tag="Athlete · 8K + followers" 6063 aria-label="Play video from @fitwithsanj" 6064 ></button> 6065 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/fa3f4bf74dc44e36ae1a3728561027d5.thumbnail.0000000000_400x.jpg?v=1785215001"><source src="//ravenbass.com/cdn/shop/videos/c/vp/fa3f4bf74dc44e36ae1a3728561027d5/fa3f4bf74dc44e36ae1a3728561027d5.HD-1080p-2.5Mbps-90077504.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/fa3f4bf74dc44e36ae1a3728561027d5.thumbnail.0000000000_400x.jpg?v=1785215001"></video> 6066 <span class="rnb-ugc-expand" aria-hidden="true"> 6067 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6068 </span> 6069 6070 6071 6072 <a class="rnb-ugc-ig-badge" href="https://www.instagram.com/reel/DZe0K59s7D2/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @fitwithsanj on Instagram"> 6073 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 6074 </a> 6075 6076 6077 <div class="rnb-ugc-gradient"></div> 6078 6079 <div class="rnb-ugc-card-info"> 6080 6081 <p class="rnb-ugc-handle">@fitwithsanj</p> 6082 6083 6084 <p class="rnb-ugc-tag">Athlete · 8K + followers</p> 6085 6086 </div> 6087 </div> 6088 6089 <div class="rnb-ugc-card" data-category="creators" > 6090 6091 6092 <button 6093 type="button" 6094 class="rnb-ugc-card-trigger" 6095 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/009bd24ab0124cf3a9e942149f0138bd/009bd24ab0124cf3a9e942149f0138bd.HD-1080p-2.5Mbps-90081053.mp4?v=0" 6096 data-lightbox-name="@aastha_r_pandey" 6097 data-lightbox-tag="Fitness · 2K + followers" 6098 aria-label="Play video from @aastha_r_pandey" 6099 ></button> 6100 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/009bd24ab0124cf3a9e942149f0138bd.thumbnail.0000000000_400x.jpg?v=1785218881"><source src="//ravenbass.com/cdn/shop/videos/c/vp/009bd24ab0124cf3a9e942149f0138bd/009bd24ab0124cf3a9e942149f0138bd.HD-1080p-2.5Mbps-90081053.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/009bd24ab0124cf3a9e942149f0138bd.thumbnail.0000000000_400x.jpg?v=1785218881"></video>
6101 <span class="rnb-ugc-expand" aria-hidden="true"> 6102 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6103 </span> 6104 6105 6106 6107 <a class="rnb-ugc-ig-badge" href="https://www.instagram.com/reel/DZt_20fsZIV/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @aastha_r_pandey on Instagram"> 6108 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 6109 </a> 6110 6111 6112 <div class="rnb-ugc-gradient"></div> 6113 6114 <div class="rnb-ugc-card-info"> 6115 6116 <p class="rnb-ugc-handle">@aastha_r_pandey</p> 6117 6118 6119 <p class="rnb-ugc-tag">Fitness · 2K + followers</p> 6120 6121 </div> 6122 </div> 6123 6124 <div class="rnb-ugc-card" data-category="creators" > 6125 6126 6127 <button 6128 type="button" 6129 class="rnb-ugc-card-trigger" 6130 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/9e4ce284dde74897b409687ba19b33ad/9e4ce284dde74897b409687ba19b33ad.HD-1080p-2.5Mbps-90081313.mp4?v=0" 6131 data-lightbox-name="@dhruv_160" 6132 data-lightbox-tag="Body Building · 5K + followers" 6133 aria-label="Play video from @dhruv_160" 6134 ></button> 6135 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/9e4ce284dde74897b409687ba19b33ad.thumbnail.0000000000_400x.jpg?v=1785219040"><source src="//ravenbass.com/cdn/shop/videos/c/vp/9e4ce284dde74897b409687ba19b33ad/9e4ce284dde74897b409687ba19b33ad.HD-1080p-2.5Mbps-90081313.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/9e4ce284dde74897b409687ba19b33ad.thumbnail.0000000000_400x.jpg?v=1785219040"></video> 6136 <span class="rnb-ugc-expand" aria-hidden="true"> 6137 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6138 </span> 6139 6140 6141 6142 <a class="rnb-ugc-ig-badge" href="https://www.instagram.com/reel/DaIcGI2pxlU/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @dhruv_160 on Instagram"> 6143 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 6144 </a> 6145 6146 6147 <div class="rnb-ugc-gradient"></div> 6148 6149 <div class="rnb-ugc-card-info"> 6150 6151 <p class="rnb-ugc-handle">@dhruv_160</p> 6152 6153 6154 <p class="rnb-ugc-tag">Body Building · 5K + followers</p> 6155 6156 </div> 6157 </div> 6158 6159 <div class="rnb-ugc-card" data-category="creators" > 6160 6161 6162 <button 6163 type="button" 6164 class="rnb-ugc-card-trigger" 6165 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/32b532f12f2045f8a3b1640d1e870773/32b532f12f2045f8a3b1640d1e870773.HD-1080p-2.5Mbps-90081993.mp4?v=0" 6166 data-lightbox-name="@shreelekhavitankar79" 6167 data-lightbox-tag="Mom · 7K followers" 6168 aria-label="Play video from @shreelekhavitankar79" 6169 ></button> 6170 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/32b532f12f2045f8a3b1640d1e870773.thumbnail.0000000000_400x.jpg?v=1785219533"><source src="//ravenbass.com/cdn/shop/videos/c/vp/32b532f12f2045f8a3b1640d1e870773/32b532f12f2045f8a3b1640d1e870773.HD-1080p-2.5Mbps-90081993.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/32b532f12f2045f8a3b1640d1e870773.thumbnail.0000000000_400x.jpg?v=1785219533"></video>
6171 <span class="rnb-ugc-expand" aria-hidden="true"> 6172 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6173 </span> 6174 6175 6176 6177 <a class="rnb-ugc-ig-badge" href="https://www.instagram.com/reel/DaxBmnrR49H/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==" target="_blank" rel="noopener" aria-label="View @shreelekhavitankar79 on Instagram"> 6178 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg> 6179 </a> 6180 6181 6182 <div class="rnb-ugc-gradient"></div> 6183 6184 <div class="rnb-ugc-card-info"> 6185 6186 <p class="rnb-ugc-handle">@shreelekhavitankar79</p> 6187 6188 6189 <p class="rnb-ugc-tag">Mom · 7K followers</p> 6190 6191 </div> 6192 </div> 6193 6194 <div class="rnb-ugc-card rnb-tab-hidden" data-category="demos" > 6195 6196 6197 <button 6198 type="button" 6199 class="rnb-ugc-card-trigger" 6200 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/2598799db03b403f8f94478ed8ed934e/2598799db03b403f8f94478ed8ed934e.HD-1080p-2.5Mbps-90082267.mp4?v=0" 6201 data-lightbox-name="" 6202 data-lightbox-tag="" 6203 aria-label="Play video from " 6204 ></button> 6205 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/2598799db03b403f8f94478ed8ed934e.thumbnail.0000000000_400x.jpg?v=1785219780"><source src="//ravenbass.com/cdn/shop/videos/c/vp/2598799db03b403f8f94478ed8ed934e/2598799db03b403f8f94478ed8ed934e.HD-1080p-2.5Mbps-90082267.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/2598799db03b403f8f94478ed8ed934e.thumbnail.0000000000_400x.jpg?v=1785219780"></video> 6206 <span class="rnb-ugc-expand" aria-hidden="true"> 6207 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6208 </span> 6209 6210 6211 6212 6213 <div class="rnb-ugc-gradient"></div> 6214 6215 <div class="rnb-ugc-card-info"> 6216 6217 6218 </div> 6219 </div> 6220 6221 <div class="rnb-ugc-card rnb-tab-hidden" data-category="demos" > 6222 6223 6224 <button 6225 type="button" 6226 class="rnb-ugc-card-trigger" 6227 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/f4d330d7e3714b1ba6ae1c544b62e315/f4d330d7e3714b1ba6ae1c544b62e315.HD-1080p-2.5Mbps-90082561.mp4?v=0" 6228 data-lightbox-name="" 6229 data-lightbox-tag="" 6230 aria-label="Play video from " 6231 ></button> 6232 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/f4d330d7e3714b1ba6ae1c544b62e315.thumbnail.0000000000_400x.jpg?v=1785219961"><source src="//ravenbass.com/cdn/shop/videos/c/vp/f4d330d7e3714b1ba6ae1c544b62e315/f4d330d7e3714b1ba6ae1c544b62e315.HD-1080p-2.5Mbps-90082561.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/f4d330d7e3714b1ba6ae1c544b62e315.thumbnail.0000000000_400x.jpg?v=1785219961"></video> 6233 <span class="rnb-ugc-expand" aria-hidden="true"> 6234 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6235 </span> 6236 6237 6238 6239 6240 <div class="rnb-ugc-gradient"></div> 6241 6242 <div class="rnb-ugc-card-info"> 6243 6244 6245 </div> 6246 </div> 6247 6248 <div class="rnb-ugc-card rnb-tab-hidden" data-category="demos" > 6249 6250 6251 <button 6252 type="button" 6253 class="rnb-ugc-card-trigger" 6254 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/bb24ec53edcf43c3917cb03a5ef11846/bb24ec53edcf43c3917cb03a5ef11846.HD-1080p-2.5Mbps-90082625.mp4?v=0" 6255 data-lightbox-name="" 6256 data-lightbox-tag="" 6257 aria-label="Play video from " 6258 ></button> 6259 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/bb24ec53edcf43c3917cb03a5ef11846.thumbnail.0000000000_400x.jpg?v=1785220038"><source src="//ravenbass.com/cdn/shop/videos/c/vp/bb24ec53edcf43c3917cb03a5ef11846/bb24ec53edcf43c3917cb03a5ef11846.HD-1080p-2.5Mbps-90082625.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/bb24ec53edcf43c3917cb03a5ef11846.thumbnail.0000000000_400x.jpg?v=1785220038"></video>
6260 <span class="rnb-ugc-expand" aria-hidden="true"> 6261 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6262 </span> 6263 6264 6265 6266 6267 <div class="rnb-ugc-gradient"></div> 6268 6269 <div class="rnb-ugc-card-info"> 6270 6271 6272 </div> 6273 </div> 6274 6275 <div class="rnb-ugc-card rnb-tab-hidden" data-category="demos" > 6276 6277 6278 <button 6279 type="button" 6280 class="rnb-ugc-card-trigger" 6281 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/a5fddfe076f64dc98c44d9678a947538/a5fddfe076f64dc98c44d9678a947538.HD-1080p-2.5Mbps-90083291.mp4?v=0" 6282 data-lightbox-name="" 6283 data-lightbox-tag="" 6284 aria-label="Play video from " 6285 ></button> 6286 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/a5fddfe076f64dc98c44d9678a947538.thumbnail.0000000000_400x.jpg?v=1785220504"><source src="//ravenbass.com/cdn/shop/videos/c/vp/a5fddfe076f64dc98c44d9678a947538/a5fddfe076f64dc98c44d9678a947538.HD-1080p-2.5Mbps-90083291.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/a5fddfe076f64dc98c44d9678a947538.thumbnail.0000000000_400x.jpg?v=1785220504"></video> 6287 <span class="rnb-ugc-expand" aria-hidden="true"> 6288 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6289 </span> 6290 6291 6292 6293 6294 <div class="rnb-ugc-gradient"></div> 6295 6296 <div class="rnb-ugc-card-info"> 6297 6298 6299 </div> 6300 </div> 6301 6302 <div class="rnb-ugc-card rnb-tab-hidden" data-category="demos" > 6303 6304 6305 <button 6306 type="button" 6307 class="rnb-ugc-card-trigger" 6308 data-lightbox-src="//ravenbass.com/cdn/shop/videos/c/vp/bc9c7616369d4076b5b3d98ad021ea25/bc9c7616369d4076b5b3d98ad021ea25.HD-1080p-7.2Mbps-90083375.mp4?v=0" 6309 data-lightbox-name="" 6310 data-lightbox-tag="" 6311 aria-label="Play video from " 6312 ></button> 6313 <video playsinline="true" loop="loop" muted="muted" class="rnb-ugc-video" preload="none" poster="//ravenbass.com/cdn/shop/files/preview_images/bc9c7616369d4076b5b3d98ad021ea25.thumbnail.0000000000_400x.jpg?v=1785220574"><source src="//ravenbass.com/cdn/shop/videos/c/vp/bc9c7616369d4076b5b3d98ad021ea25/bc9c7616369d4076b5b3d98ad021ea25.HD-1080p-7.2Mbps-90083375.mp4?v=0" type="video/mp4"><img src="//ravenbass.com/cdn/shop/files/preview_images/bc9c7616369d4076b5b3d98ad021ea25.thumbnail.0000000000_400x.jpg?v=1785220574"></video> 6314 <span class="rnb-ugc-expand" aria-hidden="true"> 6315 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> 6316 </span> 6317 6318 6319 6320 6321 <div class="rnb-ugc-gradient"></div> 6322 6323 <div class="rnb-ugc-card-info"> 6324 6325 6326 </div> 6327 </div> 6328 6329 </div> 6330 6331 <div class="rnb-ugc-nav-btns" id="rnb-ugc-navbtns-template--21311316295863__rnbugc_video_wall_KFTtAm"> 6332 <button type="button" class="rnb-ugc-nav-btn rnb-ugc-nav-prev" id="rnb-ugc-prev-template--21311316295863__rnbugc_video_wall_KFTtAm" aria-label="Scroll left"> 6333 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 18l-6-6 6-6"/></svg> 6334 </button> 6335 <button type="button" class="rnb-ugc-nav-btn rnb-ugc-nav-next" id="rnb-ugc-next-template--21311316295863__rnbugc_video_wall_KFTtAm" aria-label="Scroll right"> 6336 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg> 6337 </button> 6338 </div> 6339 </div> 6340 6341 6342 <div class="rnb-ugc-footer-wrap"> 6343 <a href="https://www.instagram.com/rave.n.bass/" target="_blank" rel="noopener" class="rnb-ugc-footer-link"> 6344 Follow @rave.n.bass on Instagram 6345 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17L17 7M7 7h10v10"/></svg> 6346 </a> 6347 </div> 6348 6349 </div> 6350 6351 <div class="rnb-ugc-lightbox" id="rnb-ugc-lightbox-template--21311316295863__rnbugc_video_wall_KFTtAm" aria-hidden="true"> 6352 <div class="rnb-ugc-lb-backdrop" data-rnb-close></div> 6353 <div class="rnb-ugc-lb-inner"> 6354 <button type="button" class="rnb-ugc-lb-close" data-rnb-close aria-label="Close video"> 6355 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6L6 18"/></svg> 6356 </button> 6357 <video class="rnb-ugc-lb-video" id="rnb-ugc-lb-video-template--21311316295863__rnbugc_video_wall_KFTtAm" controls playsinline></video> 6358 <p class="rnb-ugc-lb-caption" id="rnb-ugc-lb-caption-template--21311316295863__rnbugc_video_wall_KFTtAm"></p> 6359 </div> 6360 </div> 6361</section> 6362
6363<script> 6364 (function () { 6365 var id = 'template--21311316295863__rnbugc_video_wall_KFTtAm'; 6366 var track = document.getElementById('rnb-ugc-track-' + id); 6367 if (!track) return; 6368 6369 // Arrow scroll controls 6370 var prevBtn = document.getElementById('rnb-ugc-prev-' + id); 6371 var nextBtn = document.getElementById('rnb-ugc-next-' + id); 6372 var navBtns = document.getElementById('rnb-ugc-navbtns-' + id); 6373 function scrollByCard(dir) { 6374 var card = track.querySelector('.rnb-ugc-card:not(.rnb-tab-hidden)'); 6375 var step = card ? card.offsetWidth + 16 : 260; 6376 track.scrollBy({ left: dir * step * 2, behavior: 'smooth' }); 6377 } 6378 if (prevBtn) prevBtn.addEventListener('click', function () { scrollByCard(-1); }); 6379 if (nextBtn) nextBtn.addEventListener('click', function () { scrollByCard(1); }); 6380 6381 // Only show arrows when there's actually more content than fits (scrolling required) 6382 function updateArrowVisibility() { 6383 if (!navBtns) return; 6384 var needsScroll = track.scrollWidth > track.clientWidth + 4; 6385 navBtns.classList.toggle('rnb-visible', needsScroll); 6386 } 6387 updateArrowVisibility(); 6388 6389 var resizeTimer; 6390 window.addEventListener('resize', function () { 6391 clearTimeout(resizeTimer); 6392 resizeTimer = setTimeout(updateArrowVisibility, 150); 6393 }); 6394 6395 // Tabs: filter cards by category 6396 var tabsWrap = document.getElementById('rnb-ugc-tabs-' + id); 6397 if (tabsWrap) { 6398 var tabs = tabsWrap.querySelectorAll('.rnb-ugc-tab'); 6399 var cards = track.querySelectorAll('.rnb-ugc-card');
6400 tabs.forEach(function (tab) { 6401 tab.addEventListener('click', function () { 6402 tabs.forEach(function (t) { t.classList.remove('rnb-active'); }); 6403 tab.classList.add('rnb-active'); 6404 var wanted = tab.dataset.tab; 6405 cards.forEach(function (card) { 6406 var match = card.dataset.category === wanted; 6407 card.classList.toggle('rnb-tab-hidden', !match); 6408 }); 6409 track.scrollTo({ left: 0, behavior: 'instant' in window ? 'instant' : 'auto' }); 6410 // Recheck after the DOM/layout settles from the filter change 6411 requestAnimationFrame(updateArrowVisibility); 6412 }); 6413 }); 6414 } 6415 6416 // Lightbox: click a video card to open it with full player controls 6417 var lightbox = document.getElementById('rnb-ugc-lightbox-' + id); 6418 var lbVideo = document.getElementById('rnb-ugc-lb-video-' + id); 6419 var lbCaption = document.getElementById('rnb-ugc-lb-caption-' + id); 6420 var triggers = track.querySelectorAll('.rnb-ugc-card-trigger'); 6421 6422 function openLightbox(src, name, tag) { 6423 if (!lightbox || !lbVideo) return; 6424 // Pause the muted background previews while the lightbox is open 6425 track.querySelectorAll('video.rnb-ugc-video').forEach(function (v) { v.pause(); }); 6426 lbVideo.src = src; 6427 lbCaption.textContent = [name, tag].filter(Boolean).join(' · '); 6428 lightbox.classList.add('rnb-open'); 6429 lightbox.setAttribute('aria-hidden', 'false'); 6430 document.body.style.overflow = 'hidden'; 6431 lbVideo.currentTime = 0; 6432 var playPromise = lbVideo.play(); 6433 if (playPromise && playPromise.catch) playPromise.catch(function () {}); 6434 } 6435 6436 function closeLightbox() { 6437 if (!lightbox || !lbVideo) return; 6438 lightbox.classList.remove('rnb-open'); 6439 lightbox.setAttribute('aria-hidden', 'true'); 6440 document.body.style.overflow = ''; 6441 lbVideo.pause(); 6442 lbVideo.removeAttribute('src'); 6443 lbVideo.load(); 6444 } 6445 6446 triggers.forEach(function (trigger) { 6447 trigger.addEventListener('click', function () { 6448 openLightbox(trigger.dataset.lightboxSrc, trigger.dataset.lightboxName, trigger.dataset.lightboxTag); 6449 }); 6450 }); 6451 6452 if (lightbox) { 6453 lightbox.querySelectorAll('[data-rnb-close]').forEach(function (el) { 6454 el.addEventListener('click', closeLightbox); 6455 }); 6456 document.addEventListener('keydown', function (e) { 6457 if (e.key === 'Escape' && lightbox.classList.contains('rnb-open')) closeLightbox(); 6458 }); 6459 } 6460 6461 // Lazy play videos only once visible, pause when scrolled out 6462 var videos = track.querySelectorAll('video.rnb-ugc-video'); 6463 if (!videos.length) return; 6464 6465 if ('IntersectionObserver' in window) { 6466 var observer = new IntersectionObserver(function (entries) { 6467 entries.forEach(function (entry) { 6468 var vid = entry.target; 6469 if (entry.isIntersecting) { 6470 if (!vid.src && vid.dataset.src) vid.src = vid.dataset.src; 6471 var playPromise = vid.play(); 6472 if (playPromise && playPromise.catch) playPromise.catch(function () {}); 6473 } else { 6474 vid.pause(); 6475 } 6476 }); 6477 }, { root: track, threshold: 0.6 }); 6478 6479 videos.forEach(function (vid) { 6480 vid.preload = 'none'; 6481 observer.observe(vid); 6482 }); 6483 } 6484 })(); 6485</script>
6485 6486 6487 6488</div><section id="shopify-section-template--21311316295863__ctrnb_WMmH3W" class="shopify-section rnb-comparison-table-section"><div id="rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W" class="rnb-ct-wrap"> 6489<style> 6490 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W { 6491 --rnb-ct-bg: #fbf3e7; 6492 --rnb-ct-text: #241c1c; 6493 --rnb-ct-accent: #7a1616; 6494 --rnb-ct-gold: #c9a227; 6495 --rnb-ct-muted: #b8ada0; 6496 --rnb-ct-cream: #F5EDE0; 6497 background: var(--rnb-ct-bg); 6498 color: var(--rnb-ct-text); 6499 padding: 72px 20px; 6500 font-family: inherit; 6501 overflow: hidden; 6502 max-width: 100vw; 6503 } 6504 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W * { box-sizing: border-box; } 6505 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-container { max-width: 1080px; margin: 0 auto; } 6506 6507 /* Header */ 6508 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-header { text-align: center; max-width: 640px; margin: 0 auto 8px; } 6509 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-eyebrow { 6510 display: block; font-family: Georgia, 'Times New Roman', serif; font-style: normal; 6511 font-size: clamp(24px, 3.4vw, 34px); font-weight: 400; color: var(--rnb-ct-text); margin-bottom: 2px; 6512 } 6513 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-heading { 6514 font-size: clamp(32px, 5.2vw, 52px); font-weight: 800; letter-spacing: -0.01em; 6515 line-height: 1.1; margin: 0 0 14px; color: var(--rnb-ct-accent); 6516 overflow-wrap: break-word; 6517 } 6518 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-subheading { font-size: 16px; opacity: 0.75; margin: 0 0 44px; } 6519 6520 /* Versus layout */ 6521 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-versus { 6522 display: grid; grid-template-columns: minmax(140px, 220px) 1fr minmax(140px, 220px); 6523 align-items: center; gap: 28px; position: relative; 6524 } 6525 6526 /* Grid items default to min-width:auto â real merchant copy (row labels, 6527 descriptions, trust badge text) is unpredictable length, and without 6528 this a long word can force a column wider than its share and push the 6529 whole section past the viewport, the same bug found earlier in the 6530 Product Spotlight section's variant cards. */ 6531 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product, 6532 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-rows { 6533 min-width: 0; 6534 } 6535 6536 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product { display: flex; flex-direction: column; align-items: center; gap: 14px; } 6537 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product img { 6538 width: 100%; max-width: 190px; height: auto; object-fit: contain; 6539 filter: drop-shadow(0 18px 24px rgba(36,28,28,0.15)); 6540 } 6541 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-placeholder-tube { 6542 width: 100px; height: 220px; border-radius: 14px 14px 26px 26px; 6543 background: linear-gradient(180deg, #E4DED7 0%, #D3CBC2 100%); 6544 display: flex; align-items: center; justify-content: center; position: relative; 6545 box-shadow: 0 18px 24px rgba(36,28,28,0.12); 6546 } 6547 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-placeholder-tube::before { 6548 content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); 6549 width: 46px; height: 16px; border-radius: 6px 6px 3px 3px; background: #C9C2B8; 6550 } 6551 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-placeholder-tube span { 6552 color: #6F675D; font-weight: 700; font-size: 15px; text-align: center; padding: 0 10px; 6553 } 6554 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product-label { 6555 font-weight: 700; font-size: 14px; letter-spacing: 0.02em; 6556 overflow-wrap: break-word; 6557 } 6558 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-us .rnb-ct-product-label { color: var(--rnb-ct-accent); } 6559 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-them .rnb-ct-product-label { color: var(--rnb-ct-muted); } 6560 6561 /* VS badge, sits above the rows column */ 6562 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-vs-row { 6563 grid-column: 2; display: flex; align-items: center; gap: 14px; margin-bottom: 22px; 6564 } 6565 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-vs-line { flex: 1; height: 1px; background: var(--rnb-ct-gold); opacity: 0.6; } 6566 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-vs-badge { 6567 flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; 6568 background: var(--rnb-ct-accent); color: var(--rnb-ct-cream); 6569 display: flex; align-items: center; justify-content: center; 6570 font-weight: 800; font-size: 17px; letter-spacing: 0.02em; 6571 box-shadow: 0 10px 20px rgba(122,22,22,0.28); 6572 } 6573 6574 /* Rows */ 6575 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-rows { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; } 6576 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-row { 6577 display: grid; grid-template-columns: 1fr 1fr; gap: 28px; 6578 padding: 18px 0; border-top: 1px solid rgba(201,162,39,0.28); 6579 } 6580 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-row:first-child { border-top: none; } 6581 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell { min-width: 0; } 6582 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell-body { min-width: 0; } 6583 6584 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W.rnb-ct-animate .rnb-ct-row { 6585 opacity: 0; transform: translateY(18px); transition: opacity 0.55s ease, transform 0.55s ease; 6586 } 6587 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W.rnb-ct-animate .rnb-ct-row.rnb-ct-in { opacity: 1; transform: translateY(0); } 6588 6589 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell { display: flex; gap: 12px; align-items: flex-start; } 6590 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-icon { 6591 flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; 6592 display: flex; align-items: center; justify-content: center; margin-top: 2px; 6593 } 6594 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W.rnb-ct-animate .rnb-ct-icon { 6595 transform: scale(0.6); opacity: 0; transition: transform 0.4s ease 0.15s, opacity 0.4s ease 0.15s; 6596 } 6597 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W.rnb-ct-animate .rnb-ct-row.rnb-ct-in .rnb-ct-icon { transform: scale(1); opacity: 1; } 6598 6599 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-check { background: var(--rnb-ct-accent); color: var(--rnb-ct-cream); } 6600 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cross { background: var(--rnb-ct-muted); color: #fff; } 6601 6602 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell-title { font-weight: 800; font-size: 14.5px; letter-spacing: 0.01em; line-height: 1.3; margin: 0 0 3px; overflow-wrap: break-word; } 6603 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell-us .rnb-ct-cell-title { color: var(--rnb-ct-accent); } 6604 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell-them .rnb-ct-cell-title { color: var(--rnb-ct-text); } 6605 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cell-text { font-size: 13px; line-height: 1.4; opacity: 0.72; margin: 0; overflow-wrap: break-word; } 6606 6607 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-visually-hidden { 6608 position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 6609 overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; 6610 } 6611 6612 /* Trust bar */ 6613 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-bar { 6614 margin-top: 44px; background: var(--rnb-ct-accent); border-radius: 16px; 6615 display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; 6616 } 6617 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-item { 6618 flex: 1 1 200px; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 12px; 6619 color: var(--rnb-ct-cream); padding: 20px 24px; position: relative; font-weight: 700; font-size: 15px; 6620 overflow-wrap: break-word; 6621 } 6622 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-item:not(:last-child)::after { 6623 content: ""; position: absolute; right: 0; top: 20%; bottom: 20%; width: 1px; background: rgba(245,237,224,0.3); 6624 } 6625 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-icon { 6626 width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid rgba(245,237,224,0.55); 6627 display: flex; align-items: center; justify-content: center; flex-shrink: 0; 6628 } 6629 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-icon img { width: 20p
6629x; height: 20px; object-fit: contain; } 6630 6631 /* CTA */ 6632 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cta { text-align: center; margin-top: 36px; } 6633 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cta-btn { 6634 display: inline-block; background: var(--rnb-ct-accent); color: var(--rnb-ct-cream); 6635 text-decoration: none; font-weight: 700; font-size: 15px; padding: 15px 36px; border-radius: 999px; 6636 transition: transform 0.25s ease, box-shadow 0.25s ease; 6637 } 6638 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(122,22,22,0.28); } 6639 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cta-btn:focus-visible { outline: 2px solid var(--rnb-ct-accent); outline-offset: 3px; } 6640 6641 /* Mobile */ 6642 @media (max-width: 720px) { 6643 /* Us and Them stay side-by-side with the VS badge between them, same 6644 "versus" feel as desktop â just three compact columns instead of 6645 being stacked far apart with the whole row list sandwiched between 6646 them. The comparison rows then span the full width underneath. */ 6647 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-versus { 6648 grid-template-columns: 1fr auto 1fr; 6649 grid-template-rows: auto auto; 6650 row-gap: 28px; 6651 column-gap: 12px; 6652 } 6653 6654 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product { 6655 flex-direction: column; 6656 } 6657 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product img, 6658 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-placeholder-tube { 6659 max-width: 80px; width: 80px; height: 116px; 6660 } 6661 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-product-label { 6662 font-size: 12.5px; 6663 text-align: center; 6664 } 6665 6666 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-us { grid-column: 1; grid-row: 1; margin-bottom: 0; } 6667 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-them { grid-column: 3; grid-row: 1; margin-top: 0; } 6668 6669 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-vs-row { 6670 grid-column: 2; 6671 grid-row: 1; 6672 margin-bottom: 0; 6673 } 6674 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-vs-line { display: none; } 6675 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-vs-badge { width: 44px; height: 44px; font-size: 13px; } 6676 6677 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-rows { grid-column: 1 / -1; grid-row: 2; } 6678 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-row { grid-template-columns: 1fr; gap: 14px; } 6679 6680 /* Trust bar: at 200px flex-basis, 3 badges try to fit/shrink onto one 6681 row before wrapping, which leaves the vertical "::after" dividers 6682 sitting on the wrong edge once a badge wraps to its own line. 6683 Force a clean single-column stack instead, with a horizontal divider 6684 between items rather than a vertical one. */ 6685 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-item { 6686 flex: 1 1 100%; 6687 justify-content: flex-start; 6688 min-width: 0; 6689 } 6690 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-trust-item:not(:last-child)::after { 6691 right: 24px; 6692 left: 24px; 6693 top: auto; 6694 bottom: 0; 6695 width: auto; 6696 height: 1px; 6697 } 6698 } 6699 6700 @media (prefers-reduced-motion: reduce) { 6701 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W.rnb-ct-animate .rnb-ct-row, 6702 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W.rnb-ct-animate .rnb-ct-icon { 6703 opacity: 1 !important; transform: none !important; transition: none !important; 6704 } 6705 #rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W .rnb-ct-cta-btn { transition: none; } 6706 } 6707</style> 6708 6709 <div class="rnb-ct-container"> 6710 <div class="rnb-ct-header"> 6711 6712 <span class="rnb-ct-eyebrow">The Comparison</span> 6713 6714 <h2 class="rnb-ct-heading">Why Choose Rave n Bass?</h2> 6715 6716 <p class="rnb-ct-subheading">See how The Daily Reset stacks up against a regular face wash.</p> 6717 6718 </div> 6719 6720 <div class="rnb-ct-versus"> 6721 <div class="rnb-ct-product rnb-ct-us"> 6722 6723 <img src="//ravenbass.com/cdn/shop/files/P_1.png?v=1785240568&width=380" alt="The Daily Reset" loading="lazy" width="190" height="380"> 6724
6725 <span class="rnb-ct-product-label">The Daily Reset</span> 6726 </div> 6727 6728 <div class="rnb-ct-vs-row"> 6729 <span class="rnb-ct-vs-line" aria-hidden="true"></span> 6730 <span class="rnb-ct-vs-badge" aria-hidden="true">VS</span> 6731 <span class="rnb-ct-vs-line" aria-hidden="true"></span> 6732 </div> 6733 6734 <div class="rnb-ct-rows" role="table" aria-label="The Daily Reset versus Regular Face Wash comparison"> 6735 6736 6737 <div class="rnb-ct-row" role="row" data-rnb-ct-row > 6738 <div class="rnb-ct-cell rnb-ct-cell-us" role="cell"> 6739 <span class="rnb-ct-icon rnb-ct-check" aria-hidden="true"> 6740 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 13 9 17 19 7"></polyline></svg> 6741 </span> 6742 <span class="rnb-ct-visually-hidden">Yes:</span> 6743 <div class="rnb-ct-cell-body"> 6744 <p class="rnb-ct-cell-title">3.5% NIACINAMIDE</p> 6745 <p class="rnb-ct-cell-text">Real strength that visibly fades dark patches & controls oil</p> 6746 </div> 6747 </div> 6748 <div class="rnb-ct-cell rnb-ct-cell-them" role="cell"> 6749 <span class="rnb-ct-icon rnb-ct-cross" aria-hidden="true"> 6750 <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> 6751 </span> 6752 <span class="rnb-ct-visually-hidden">No:</span> 6753 <div class="rnb-ct-cell-body"> 6754 <p class="rnb-ct-cell-title">1% NIACINAMIDE</p> 6755 <p class="rnb-ct-cell-text">Most facewashes stop here, too low to be effective</p> 6756 </div> 6757 </div> 6758 </div> 6759 6760 6761 6762 <div class="rnb-ct-row" role="row" data-rnb-ct-row > 6763 <div class="rnb-ct-cell rnb-ct-cell-us" role="cell"> 6764 <span class="rnb-ct-icon rnb-ct-check" aria-hidden="true"> 6765 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 13 9 17 19 7"></polyline></svg> 6766 </span> 6767 <span class="rnb-ct-visually-hidden">Yes:</span> 6768 <div class="rnb-ct-cell-body"> 6769 <p class="rnb-ct-cell-title">CERAMIDES + HA</p> 6770 <p class="rnb-ct-cell-text">Locks in moisture after salicylic acid does its job</p> 6771 </div> 6772 </div> 6773 <div class="rnb-ct-cell rnb-ct-cell-them" role="cell"> 6774 <span class="rnb-ct-icon rnb-ct-cross" aria-hidden="true"> 6775 <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> 6776 </span> 6777 <span class="rnb-ct-visually-hidden">No:</span> 6778 <div class="rnb-ct-cell-body"> 6779 <p class="rnb-ct-cell-title">NO CERAMIDES OR HA</p> 6780 <p class="rnb-ct-cell-text">Most skip this, leaving skin dry and stripped</p> 6781 </div> 6782 </div> 6783 </div> 6784 6785 6786 6787 <div class="rnb-ct-row" role="row" data-rnb-ct-row > 6788 <div class="rnb-ct-cell rnb-ct-cell-us" role="cell"> 6789 <span class="rnb-ct-icon rnb-ct-check" aria-hidden="true"> 6790 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 13 9 17 19 7"></polyline></svg> 6791 </span> 6792 <span class="rnb-ct-visually-hidden">Yes:</span> 6793 <div class="rnb-ct-cell-body"> 6794 <p class="rnb-ct-cell-title">1% SALICYLIC ACID</p> 6795 <p class="rnb-ct-cell-text">The effective sweet spot â deep-cleans pores, reduces acne</p> 6796 </div> 6797 </div> 6798 <div class="rnb-ct-cell rnb-ct-cell-them" role="cell">
6799 <span class="rnb-ct-icon rnb-ct-cross" aria-hidden="true"> 6800 <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> 6801 </span> 6802 <span class="rnb-ct-visually-hidden">No:</span> 6803 <div class="rnb-ct-cell-body"> 6804 <p class="rnb-ct-cell-title">2%+ SALICYLIC ACID</p> 6805 <p class="rnb-ct-cell-text">Common in other brands, but leaves skin too dry4.</p> 6806 </div> 6807 </div> 6808 </div> 6809 6810 6811 6812 <div class="rnb-ct-row" role="row" data-rnb-ct-row > 6813 <div class="rnb-ct-cell rnb-ct-cell-us" role="cell"> 6814 <span class="rnb-ct-icon rnb-ct-check" aria-hidden="true"> 6815 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 13 9 17 19 7"></polyline></svg> 6816 </span> 6817 <span class="rnb-ct-visually-hidden">Yes:</span> 6818 <div class="rnb-ct-cell-body"> 6819 <p class="rnb-ct-cell-title">FRAGRANCE-FREE</p> 6820 <p class="rnb-ct-cell-text">Nothing to mask</p> 6821 </div> 6822 </div> 6823 <div class="rnb-ct-cell rnb-ct-cell-them" role="cell"> 6824 <span class="rnb-ct-icon rnb-ct-cross" aria-hidden="true"> 6825 <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> 6826 </span> 6827 <span class="rnb-ct-visually-hidden">No:</span> 6828 <div class="rnb-ct-cell-body"> 6829 <p class="rnb-ct-cell-title">SYNTHETIC FRAGRANCE</p> 6830 <p class="rnb-ct-cell-text">Often hides toxic chemicals in the ingredient list</p> 6831 </div> 6832 </div> 6833 </div> 6834 6835 6836 6837 <div class="rnb-ct-row" role="row" data-rnb-ct-row > 6838 <div class="rnb-ct-cell rnb-ct-cell-us" role="cell"> 6839 <span class="rnb-ct-icon rnb-ct-check" aria-hidden="true"> 6840 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 13 9 17 19 7"></polyline></svg> 6841 </span> 6842 <span class="rnb-ct-visually-hidden">Yes:</span> 6843 <div class="rnb-ct-cell-body"> 6844 <p class="rnb-ct-cell-title">SULPHATE-FREE</p> 6845 <p class="rnb-ct-cell-text">Cleanses without stripping your skin barrier</p> 6846 </div> 6847 </div> 6848 <div class="rnb-ct-cell rnb-ct-cell-them" role="cell"> 6849 <span class="rnb-ct-icon rnb-ct-cross" aria-hidden="true"> 6850 <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> 6851 </span> 6852 <span class="rnb-ct-visually-hidden">No:</span> 6853 <div class="rnb-ct-cell-body"> 6854 <p class="rnb-ct-cell-title">CONTAINS SLS/SLES</p> 6855 <p class="rnb-ct-cell-text">Found in most facewashes, strips natural oils</p> 6856 </div> 6857 </div> 6858 </div> 6859 6860 6861 6862 <div class="rnb-ct-row" role="row" data-rnb-ct-row > 6863 <div class="rnb-ct-cell rnb-ct-cell-us" role="cell"> 6864 <span class="rnb-ct-icon rnb-ct-check" aria-hidden="true"> 6865 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 13 9 17 19 7"></polyline></svg> 6866 </span>
6867 <span class="rnb-ct-visually-hidden">Yes:</span> 6868 <div class="rnb-ct-cell-body"> 6869 <p class="rnb-ct-cell-title">3.5% NIACINAMIDE</p> 6870 <p class="rnb-ct-cell-text">â¹699 â real actives, no fake MRP discounts</p> 6871 </div> 6872 </div> 6873 <div class="rnb-ct-cell rnb-ct-cell-them" role="cell"> 6874 <span class="rnb-ct-icon rnb-ct-cross" aria-hidden="true"> 6875 <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg> 6876 </span> 6877 <span class="rnb-ct-visually-hidden">No:</span> 6878 <div class="rnb-ct-cell-body"> 6879 <p class="rnb-ct-cell-title">LOWER ACTIVES</p> 6880 <p class="rnb-ct-cell-text">Inflated MRP with deep "discounts"</p> 6881 </div> 6882 </div> 6883 </div> 6884 6885 6886 </div> 6887 6888 <div class="rnb-ct-product rnb-ct-them"> 6889 6890 <img src="//ravenbass.com/cdn/shop/files/D_1.png?v=1785240586&width=380" alt="Regular Face Wash" loading="lazy" width="190" height="380"> 6891 6892 <span class="rnb-ct-product-label">Regular Face Wash</span> 6893 </div> 6894 </div> 6895 6896 6897 6898 6899 6900 6901 </div> 6902</div> 6903 6904
6905<script> 6906(function() { 6907 var root = document.getElementById('rnb-comparison-table-template--21311316295863__ctrnb_WMmH3W'); 6908 if (!root) return; 6909 if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; 6910 6911 root.classList.add('rnb-ct-animate'); 6912 var rows = root.querySelectorAll('[data-rnb-ct-row]'); 6913 6914 if (!('IntersectionObserver' in window)) { 6915 rows.forEach(function(row) { row.classList.add('rnb-ct-in'); }); 6916 return; 6917 } 6918 6919 var observer = new IntersectionObserver(function(entries) { 6920 entries.forEach(function(entry) { 6921 if (entry.isIntersecting) { 6922 var idx = Array.prototype.indexOf.call(rows, entry.target); 6923 entry.target.style.transitionDelay = (idx * 0.1) + 's'; 6924 entry.target.classList.add('rnb-ct-in'); 6925 observer.unobserve(entry.target); 6926 } 6927 }); 6928 }, { threshold: 0.2 }); 6929 6930 rows.forEach(function(row) { observer.observe(row); }); 6931})(); 6932</script>
6932 6933 6934 6935 6936</section><section id="shopify-section-template--21311316295863__aibr_ayLNiU" class="shopify-section rnb-section-actives"><style> 6937 /* ========================================================================== 6938 05 â Actives / Ingredient Breakdown 6939 Scoped under #rnb-actives-template--21311316295863__aibr_ayLNiU so multiple instances of this 6940 section on the same page never collide. Color values are CSS custom 6941 properties set inline on the wrapper below, driven by the customizer. 6942 ========================================================================== */ 6943 6944 #rnb-actives-template--21311316295863__aibr_ayLNiU { 6945 background: var(--rnb-actives-bg, #FBF3E7); 6946 color: var(--rnb-actives-text, #241C1C); 6947 padding: 72px 24px; 6948 max-width: 100vw; 6949 overflow-x: hidden; 6950 box-sizing: border-box; 6951 } 6952 6953 #rnb-actives-template--21311316295863__aibr_ayLNiU *, 6954 #rnb-actives-template--21311316295863__aibr_ayLNiU *::before, 6955 #rnb-actives-template--21311316295863__aibr_ayLNiU *::after { 6956 box-sizing: border-box; 6957 } 6958 6959 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-inner { 6960 max-width: 1120px; 6961 margin: 0 auto; 6962 } 6963 6964 /* ---- Header: eyebrow / heading / subheading (centered, house pattern) ---- */ 6965 6966 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-header { 6967 text-align: center; 6968 max-width: 640px; 6969 margin: 0 auto 48px; 6970 } 6971 6972 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-eyebrow { 6973 font-size: 12px; 6974 font-weight: 600; 6975 letter-spacing: 0.14em; 6976 text-transform: uppercase; 6977 color: var(--rnb-actives-gold, #C9A227); 6978 margin: 0 0 12px; 6979 } 6980 6981 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-heading { 6982 font-size: clamp(28px, 4vw, 40px); 6983 font-weight: 700; 6984 letter-spacing: -0.01em; 6985 line-height: 1.15; 6986 margin: 0 0 14px; 6987 } 6988 6989 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-subheading { 6990 font-size: 16px; 6991 line-height: 1.55; 6992 color: color-mix(in srgb, var(--rnb-actives-text, #241C1C) 72%, transparent); 6993 margin: 0; 6994 } 6995 6996 /* ---------------------------------- Grid --------------------------------- */ 6997 6998 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid { 6999 display: grid; 7000 grid-template-columns: repeat(var(--rnb-actives-cols, 3), 1fr); 7001 gap: 24px; 7002 } 7003 7004 @media (max-width: 900px) { 7005 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid { 7006 grid-template-columns: repeat(2, 1fr); 7007 } 7008 } 7009 7010 @media (max-width: 600px) { 7011 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid { 7012 grid-template-columns: repeat(2, 1fr); 7013 gap: 12px; 7014 } 7015 } 7016 7017 /* ---------------------------------- Card --------------------------------- */ 7018 7019 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card { 7020 position: relative; 7021 background: var(--rnb-actives-cream, #F5EDE0); 7022 border: 1px solid color-mix(in srgb, var(--rnb-actives-gold, #C9A227) 35%, transparent); 7023 border-radius: 20px; 7024 padding: 28px 24px 26px; 7025 display: flex; 7026 flex-direction: column; 7027 transition: transform 0.2s ease, box-shadow 0.2s ease; 7028 7029 /* Playful entrance â starts hidden/dropped-down, animates in on scroll */ 7030 opacity: 0; 7031 transform: translateY(28px) scale(0.96); 7032 transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), 7033 box-shadow 0.2s ease, 7034 opacity 0.55s ease; 7035 } 7036 7037 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card.is-visible { 7038 opacity: 1; 7039 transform: translateY(0) scale(1); 7040 } 7041 7042 /* Staggered reveal â each card in the grid waits a beat longer */ 7043 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(1) { transition-delay: 0.02s; } 7044 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(2) { transition-delay: 0.10s; } 7045 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(3) { transition-delay: 0.18s; } 7046 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(4) { transition-delay: 0.26s; } 7047 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(5) { transition-delay: 0.34s; } 7048 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(6) { transition-delay: 0.42s; } 7049 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-grid .rnb-actives-card:nth-child(n+7) { transition-delay: 0.48s; } 7050 7051 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card:hover { 7052 transform: translateY(-6px) scale(1.015);
7053 box-shadow: 0 14px 30px rgba(36, 28, 28, 0.1); 7054 } 7055 7056 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card.is-visible:hover { 7057 transform: translateY(-6px) scale(1.015); 7058 } 7059 7060 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-top { 7061 display: flex; 7062 align-items: center; 7063 justify-content: space-between; 7064 margin-bottom: 18px; 7065 } 7066 7067 /* Circular icon badge â matches the 38â42px circular icon pattern used 7068 elsewhere on the site: gold border by default, flips to maroon fill 7069 on hover, per the site's gold=decorative / maroon=interactive rule. */ 7070 7071 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon { 7072 width: 85px; 7073 height: 85px; 7074 border-radius: 999px; 7075 border: 1.5px solid var(--rnb-actives-gold, #C9A227); 7076 color: var(--rnb-actives-maroon, #7A1616); 7077 display: flex; 7078 align-items: center; 7079 justify-content: center; 7080 flex-shrink: 0; 7081 transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; 7082 } 7083 7084 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon svg, 7085 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon img { 7086 width: 80px; 7087 height: 80px; 7088 } 7089 7090 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon img { 7091 object-fit: contain; 7092 } 7093 7094 @keyframes rnb-actives-wiggle { 7095 0% { transform: rotate(0deg) scale(1); } 7096 25% { transform: rotate(-12deg) scale(1.08); } 7097 50% { transform: rotate(10deg) scale(1.08); } 7098 75% { transform: rotate(-6deg) scale(1.05); } 7099 100% { transform: rotate(0deg) scale(1); } 7100 } 7101 7102 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card:hover .rnb-actives-card-icon { 7103 background: var(--rnb-actives-maroon, #7A1616); 7104 border-color: var(--rnb-actives-maroon, #7A1616); 7105 color: var(--rnb-actives-cream, #F5EDE0); 7106 animation: rnb-actives-wiggle 0.5s ease; 7107 } 7108 7109 @keyframes rnb-actives-pop { 7110 0% { transform: scale(1); } 7111 50% { transform: scale(1.08); } 7112 100% { transform: scale(1); } 7113 } 7114 7115 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card:hover .rnb-actives-percentage { 7116 animation: rnb-actives-pop 0.4s ease; 7117 } 7118 7119 /* Info ("why this % matters") button + tooltip */ 7120 7121 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-info-btn { 7122 width: 26px; 7123 height: 26px; 7124 border-radius: 999px; 7125 border: 1px solid color-mix(in srgb, var(--rnb-actives-text, #241C1C) 30%, transparent); 7126 background: transparent; 7127 color: var(--rnb-actives-text, #241C1C); 7128 font-size: 13px; 7129 font-style: italic; 7130 font-weight: 700; 7131 font-family: Georgia, 'Times New Roman', serif; 7132 line-height: 1; 7133 cursor: pointer; 7134 display: flex; 7135 align-items: center; 7136 justify-content: center; 7137 transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; 7138 } 7139 7140 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-info-btn:hover, 7141 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-info-btn:focus-visible { 7142 background: var(--rnb-actives-maroon, #7A1616); 7143 border-color: var(--rnb-actives-maroon, #7A1616); 7144 color: var(--rnb-actives-cream, #F5EDE0); 7145 } 7146 7147 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-info-btn:focus-visible { 7148 outline: 2px solid var(--rnb-actives-maroon, #7A1616); 7149 outline-offset: 2px; 7150 } 7151 7152 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-tooltip { 7153 position: absolute; 7154 z-index: 5; 7155 top: 64px; 7156 right: 20px; 7157 left: 20px; 7158 background: var(--rnb-actives-text, #241C1C); 7159 color: var(--rnb-actives-cream, #F5EDE0); 7160 font-size: 13px; 7161 line-height: 1.5; 7162 padding: 14px 16px; 7163 border-radius: 12px; 7164 box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); 7165 opacity: 0; 7166 visibility: hidden; 7167 transform: translateY(-6px); 7168 transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s; 7169 } 7170 7171 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card.is-open .rnb-actives-tooltip { 7172 opacity: 1; 7173 visibility: visible; 7174 transform: translateY(0); 7175 } 7176 7177 /* -------------------------------- Card content ---------------------------- */ 7178 7179 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-percentage { 7180 font-size: 34px; 7181 font-weight: 800; 7182 line-height: 1; 7183 letter-spacing: -0.01em; 7184 color: var(--rnb-actives-maroon, #7A1616); 7185 margin: 0 0 6px; 7186 } 7187 7188 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-name { 7189 font-size: 17px; 7190 font-weight: 700; 7191 margin: 0 0 2px; 7192 } 7193 7194 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-subtitle { 7195 font-size: 12px; 7196 letter-spacing: 0.03em; 7197 color: var(--rnb-actives-gold, #C9A227); 7198 text-transform: uppercase; 7199 margin: 0 0 14px; 7200 } 7201 7202 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-benefit { 7203 font-size: 14px; 7204 line-height: 1.5; 7205 color: color-mix(in srgb, var(--rnb-actives-text, #241C1C) 82%, transparent); 7206 margin: 0 0 16px; 7207 flex-grow: 1; 7208 } 7209 7210 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-badge { 7211 display: inline-flex; 7212 align-self: flex-start; 7213 font-size: 11.5px; 7214 font-weight: 600; 7215 letter-spacing: 0.02em; 7216 padding: 6px 14px; 7217 border-radius: 999px; 7218 background: color-mix(in srgb, var(--rnb-actives-gold, #C9A227) 16%, transparent); 7219 color: color-mix(in srgb, var(--rnb-actives-text, #241C1C) 88%, transparent); 7220 border: 1px solid color-mix(in srgb, var(--rnb-actives-gold, #C9A227) 40%, transparent); 7221 } 7222 7223 /* ----------------------------------- CTA ---------------------------------- */ 7224 7225 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-cta-wrap { 7226 display: flex; 7227 justify-content: center; 7228 margin-top: 44px; 7229 } 7230 7231 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-cta { 7232 display: inline-flex; 7233 align-items: center; 7234 justify-content: center; 7235 padding: 15px 34px; 7236 border-radius: 999px; 7237 background: var(--rnb-actives-maroon, #7A1616); 7238 color: var(--rnb-actives-cream, #F5EDE0); 7239 font-size: 14px; 7240 font-weight: 700; 7241 letter-spacing: 0.02em; 7242 text-decoration: none; 7243 border: 1.5px solid var(--rnb-actives-maroon, #7A1616); 7244 transition: background 0.2s ease, color 0.2s ease; 7245 } 7246 7247 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-cta:hover { 7248 background: transparent; 7249 color: var(--rnb-actives-maroon, #7A1616); 7250 } 7251 7252 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-cta:focus-visible { 7253 outline: 2px solid var(--rnb-actives-maroon, #7A1616); 7254 outline-offset: 3px; 7255 } 7256 7257 /* -------------------------------- Reduced motion --------------------------- */ 7258 7259 @media (prefers-reduced-motion: reduce) { 7260 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card, 7261 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon, 7262 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-info-btn, 7263 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-tooltip, 7264 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-cta { 7265 transition: none; 7266 animation: none !important; 7267 } 7268 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card { 7269 opacity: 1; 7270 transform: none; 7271 } 7272 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card:hover { 7273 transform: none; 7274 } 7275 } 7276 7277 /* ----------------------------------- Mobile -------------------------------- */ 7278 7279 @media (max-width: 600px) { 7280 #rnb-actives-template--21311316295863__aibr_ayLNiU { 7281 padding: 56px 16px; 7282 } 7283 7284 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-header { 7285 margin-bottom: 32px; 7286 } 7287 7288 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-heading { 7289 font-size: clamp(24px, 6vw, 30px); 7290 } 7291 7292 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-subheading { 7293 font-size: 14px; 7294 } 7295 7296 /* Two cards per row needs everything inside scaled down together â 7297 just flipping grid-template-columns without this would leave the 7298 85px icon, 34px percentage, and full paragraph text badly cramped 7299 into a ~160px-wide card. */ 7300 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card { 7301 padding: 16px 14px 16px; 7302 border-radius: 16px; 7303 } 7304 7305 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-top { 7306 margin-bottom: 12px; 7307 } 7308 7309 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon { 7310 width: 52px; 7311 height: 52px; 7312 border-width: 1.25px; 7313 } 7314 7315 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon svg, 7316 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card-icon
7316img { 7317 width: 48px; 7318 height: 48px; 7319 } 7320 7321 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-info-btn { 7322 width: 22px; 7323 height: 22px; 7324 font-size: 11px; 7325 } 7326 7327 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-tooltip { 7328 top: 48px; 7329 left: 10px; 7330 right: 10px; 7331 font-size: 12px; 7332 padding: 12px 13px; 7333 } 7334 7335 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-percentage { 7336 font-size: 24px; 7337 margin-bottom: 4px; 7338 } 7339 7340 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-name { 7341 font-size: 14.5px; 7342 overflow-wrap: break-word; 7343 } 7344 7345 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-subtitle { 7346 font-size: 10.5px; 7347 margin-bottom: 10px; 7348 } 7349 7350 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-benefit { 7351 font-size: 12.5px; 7352 line-height: 1.45; 7353 margin-bottom: 12px; 7354 } 7355 7356 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-badge { 7357 font-size: 10px; 7358 padding: 5px 10px; 7359 overflow-wrap: break-word; 7360 white-space: normal; 7361 text-align: left; 7362 } 7363 7364 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-cta { 7365 width: 100%; 7366 padding: 15px 20px; 7367 } 7368 } 7369 7370 /* Grid/flex items default to min-width:auto â without this override, real 7371 ingredient names/benefit copy of unpredictable length can force a card 7372 wider than its column and push the whole grid past the viewport. */ 7373 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card { 7374 min-width: 0; 7375 max-width: 100vw; 7376 box-sizing: border-box; 7377 } 7378 7379 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card, 7380 #rnb-actives-template--21311316295863__aibr_ayLNiU .rnb-actives-card * { 7381 box-sizing: border-box; 7382 } 7383</style> 7384 7385<div 7386 id="rnb-actives-template--21311316295863__aibr_ayLNiU" 7387 style=" 7388 --rnb-actives-bg: #fbf3e7; 7389 --rnb-actives-cream: #f5ede0; 7390 --rnb-actives-text: #241c1c; 7391 --rnb-actives-maroon: #7a1616; 7392 --rnb-actives-gold: #c9a227; 7393 --rnb-actives-cols: 3; 7394 " 7395> 7396 7397 <!-- Icon sprite â inline, no external requests --> 7398 <svg style="display:none" aria-hidden="true"> 7399 <defs> 7400 <symbol id="rnb-icon-droplet-template--21311316295863__aibr_ayLNiU" viewBox="0 0 48 48"> 7401 <path d="M24 6C24 6 12 22 12 31a12 12 0 0 0 24 0C36 22 24 6 24 6Z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/> 7402 </symbol> 7403 <symbol id="rnb-icon-exfoliate-template--21311316295863__aibr_ayLNiU" viewBox="0 0 48 48"> 7404 <circle cx="16" cy="17" r="4.5" fill="none" stroke="currentColor" stroke-width="2.2"/> 7405 <circle cx="30" cy="14" r="3" fill="none" stroke="currentColor" stroke-width="2.2"/> 7406 <circle cx="33" cy="27" r="4.5" fill="none" stroke="currentColor" stroke-width="2.2"/> 7407 <circle cx="18" cy="31" r="3" fill="none" stroke="currentColor" stroke-width="2.2"/> 7408 <circle cx="24" cy="23" r="2.4" fill="currentColor"/> 7409 </symbol> 7410 <symbol id="rnb-icon-hydration-template--21311316295863__aibr_ayLNiU" viewBox="0 0 48 48"> 7411 <path d="M15 10C15 10 9 20 9 25a6 6 0 0 0 12 0c0-5-6-15-6-15Z" fill="none" stroke="currentColor" stroke-width="2"/> 7412 <path d="M29 16C29 16 22 27 22 33a7 7 0 0 0 14 0c0-6-7-17-7-17Z" fill="none" stroke="currentColor" stroke-width="2"/> 7413 </symbol> 7414 <symbol id="rnb-icon-shield-template--21311316295863__aibr_ayLNiU" viewBox="0 0 48 48"> 7415 <path d="M24 6 10 11v11c0 10 6 17 14 20 8-3 14-10 14-20V11L24 6Z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/> 7416 <path d="M18 24l4.5 4.5L31 19" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/> 7417 </symbol> 7418 <symbol id="rnb-icon-leaf-template--21311316295863__aibr_ayLNiU" viewBox="0 0 48 48"> 7419 <path d="M12 34C10 20 20 8 36 8c1 16-11 26-24 26Z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/> 7420 <path d="M12 34c4-8 10-14 20-20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 7421 </symbol> 7422 <symbol id="rnb-icon-capsule-template--21311316295863__aibr_ayLNiU" viewB
7422ox="0 0 48 48"> 7423 <rect x="8" y="18" width="32" height="12" rx="6" fill="none" stroke="currentColor" stroke-width="2.2"/> 7424 <line x1="24" y1="18" x2="24" y2="30" stroke="currentColor" stroke-width="2.2"/> 7425 </symbol> 7426 <symbol id="rnb-icon-sparkle-template--21311316295863__aibr_ayLNiU" viewBox="0 0 48 48"> 7427 <path d="M24 8l3 11 11 3-11 3-3 11-3-11-11-3 11-3 3-11Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> 7428 </symbol> 7429 </defs> 7430 </svg> 7431 7432 <div class="rnb-actives-inner"><div class="rnb-actives-header"><p class="rnb-actives-eyebrow">WHAT'S INSIDE</p><h2 class="rnb-actives-heading">Real Actives. Real Results.</h2><p class="rnb-actives-subheading">Nothing hidden. Every number earned â real concentrations, not trace amounts for the label.</p></div><div class="rnb-actives-grid"><div class="rnb-actives-card" > 7433 7434 <div class="rnb-actives-card-top"> 7435 <span class="rnb-actives-card-icon" aria-hidden="true"><img 7436 src="//ravenbass.com/cdn/shop/files/Niacinamide.png?v=1785227640&width=64" 7437 alt="" 7438 width="22" 7439 height="22" 7440 loading="lazy" 7441 ></span><button 7442 type="button" 7443 class="rnb-actives-info-btn" 7444 aria-label="Why 3.5% Niacinamide matters" 7445 aria-expanded="false" 7446 >i</button> 7447 <div class="rnb-actives-tooltip" role="tooltip"> 7448 Most face washes use trace amounts for the label. At 3.5%, this is a clinically studied concentration for visible oil control and pigmentation fade. 7449 </div></div> 7450 7451 <p class="rnb-actives-percentage">3.5%</p> 7452 <p class="rnb-actives-name">Niacinamide</p><p class="rnb-actives-subtitle">Vitamin B3</p><p class="rnb-actives-benefit">Pore refinement, oil control, fades dark spots</p><span class="rnb-actives-badge">vs 1â2% typical</span></div><div class="rnb-actives-card" > 7453 7454 <div class="rnb-actives-card-top"> 7455 <span class="rnb-actives-card-icon" aria-hidden="true"><img 7456 src="//ravenbass.com/cdn/shop/files/Salicylic-acid.png?v=1785227685&width=64" 7457 alt="" 7458 width="22" 7459 height="22" 7460 loading="lazy" 7461 ></span><button 7462 type="button" 7463 class="rnb-actives-info-btn" 7464 aria-label="Why 1% Salicylic Acid matters" 7465 aria-expanded="false" 7466 >i</button> 7467 <div class="rnb-actives-tooltip" role="tooltip"> 7468 1% BHA is strong enough to unclog pores and prevent breakouts, but formulated to rinse off â so it won't over-strip skin with daily use, unlike leave-on strengths. 7469 </div></div> 7470 7471 <p class="rnb-actives-percentage">1%</p> 7472 <p class="rnb-actives-name">Salicylic Acid</p><p class="rnb-actives-subtitle">BHA</p><p class="rnb-actives-benefit">Clears pores at the source, safe for daily use</p><span class="rnb-actives-badge">Rinse-off strength</span></div><div class="rnb-actives-card" > 7473 7474 <div class="rnb-actives-card-top"> 7475 <span class="rnb-actives-card-icon" aria-hidden="true"><img 7476 src="//ravenbass.com/cdn/shop/files/hydraulic-acid.png?v=1785227711&width=64" 7477 alt="" 7478 width="22" 7479 height="22" 7480 loading="lazy" 7481 ></span><button 7482 type="button" 7483 class="rnb-actives-info-btn" 7484 aria-label="Why 0.2% Hyaluronic Acid matters" 7485 aria-expanded="false" 7486 >i</button> 7487 <div class="rnb-actives-tooltip" role="tooltip"> 7488 Even in a rinse-off cleanser, HA leaves a thin moisture layer behind â the reason skin doesn't feel tight or stripped right after washing. 7489 </div></div> 7490 7491 <p class="rnb-actives-percentage">0.2%</p> 7492 <p class="rnb-actives-name">Hyaluronic Acid</p><p class="rnb-actives-subtitle">Humectant</p><p class="rnb-actives-benefit">Holds 1,000x its weight in water</p><span class="rnb-actives-badge">Prevents post-wash tightness</span></div><div class="rnb-actives-card" > 7493 7494 <div class="rnb-actives-card-top">
7495 <span class="rnb-actives-card-icon" aria-hidden="true"><img 7496 src="//ravenbass.com/cdn/shop/files/Ceramide.png?v=1785227735&width=64" 7497 alt="" 7498 width="22" 7499 height="22" 7500 loading="lazy" 7501 ></span><button 7502 type="button" 7503 class="rnb-actives-info-btn" 7504 aria-label="Why 2x Ceramides matters" 7505 aria-expanded="false" 7506 >i</button> 7507 <div class="rnb-actives-tooltip" role="tooltip"> 7508 Two ceramide types work together to rebuild the skin's natural lipid barrier â the layer that face washes normally damage, not repair. 7509 </div></div> 7510 7511 <p class="rnb-actives-percentage">2x</p> 7512 <p class="rnb-actives-name">Ceramides</p><p class="rnb-actives-subtitle">NP + EOP · Lipid sealant</p><p class="rnb-actives-benefit">Repairs and seals the skin barrier</p><span class="rnb-actives-badge">Most cleansers skip this</span></div><div class="rnb-actives-card" > 7513 7514 <div class="rnb-actives-card-top"> 7515 <span class="rnb-actives-card-icon" aria-hidden="true"><img 7516 src="//ravenbass.com/cdn/shop/files/Aelo-Vera.png?v=1785227611&width=64" 7517 alt="" 7518 width="22" 7519 height="22" 7520 loading="lazy" 7521 ></span><button 7522 type="button" 7523 class="rnb-actives-info-btn" 7524 aria-label="Why 5% Aloe Vera matters" 7525 aria-expanded="false" 7526 >i</button> 7527 <div class="rnb-actives-tooltip" role="tooltip"> 7528 5% is enough real aloe to soothe on contact â not a trace amount added just so it can appear on the ingredient list. 7529 </div></div> 7530 7531 <p class="rnb-actives-percentage">5%</p> 7532 <p class="rnb-actives-name">Aloe Vera</p><p class="rnb-actives-subtitle">Soothing base</p><p class="rnb-actives-benefit">Genuinely calms redness and inflammation</p><span class="rnb-actives-badge">vs fragrance-masked "calm" claims</span></div><div class="rnb-actives-card" > 7533 7534 <div class="rnb-actives-card-top"> 7535 <span class="rnb-actives-card-icon" aria-hidden="true"><img 7536 src="//ravenbass.com/cdn/shop/files/Panthenol.png?v=1785227765&width=64" 7537 alt="" 7538 width="22" 7539 height="22" 7540 loading="lazy" 7541 ></span><button 7542 type="button" 7543 class="rnb-actives-info-btn" 7544 aria-label="Why 0.5% Panthenol matters" 7545 aria-expanded="false" 7546 >i</button> 7547 <div class="rnb-actives-tooltip" role="tooltip"> 7548 Panthenol converts to Vitamin B5 in skin, speeding up repair â useful for skin that's dealing with daily sweat and friction from workouts. 7549 </div></div> 7550 7551 <p class="rnb-actives-percentage">0.5%</p> 7552 <p class="rnb-actives-name">Panthenol</p><p class="rnb-actives-subtitle">Pro-Vitamin B5</p><p class="rnb-actives-benefit">Deep hydration, accelerates barrier repair</p><span class="rnb-actives-badge">Post-workout recovery support</span></div></div></div> 7553</div> 7554
7555<script> 7556 (function () { 7557 var root = document.getElementById('rnb-actives-template--21311316295863__aibr_ayLNiU'); 7558 if (!root) return; 7559 7560 /* ---- Playful scroll-in reveal for cards ---- */ 7561 var cards = root.querySelectorAll('.rnb-actives-card'); 7562 if ('IntersectionObserver' in window) { 7563 var revealObserver = new IntersectionObserver( 7564 function (entries, obs) { 7565 entries.forEach(function (entry) { 7566 if (entry.isIntersecting) { 7567 entry.target.classList.add('is-visible'); 7568 obs.unobserve(entry.target); 7569 } 7570 }); 7571 }, 7572 { threshold: 0.15, rootMargin: '0px 0px -40px 0px' } 7573 ); 7574 cards.forEach(function (card) { revealObserver.observe(card); }); 7575 } else { 7576 // No IntersectionObserver support â just show the cards 7577 cards.forEach(function (card) { card.classList.add('is-visible'); }); 7578 } 7579 7580 /* ---- "Why this % matters" tooltips ---- */ 7581 var openTooltip = null; 7582 7583 function closeTooltip() { 7584 if (!openTooltip) return; 7585 openTooltip.card.classList.remove('is-open'); 7586 openTooltip.btn.setAttribute('aria-expanded', 'false'); 7587 openTooltip = null; 7588 } 7589 7590 root.querySelectorAll('.rnb-actives-info-btn').forEach(function (btn) { 7591 btn.addEventListener('click', function (e) { 7592 e.stopPropagation(); 7593 var card = btn.closest('.rnb-actives-card'); 7594 var isOpen = card.classList.contains('is-open'); 7595 closeTooltip(); 7596 if (!isOpen) { 7597 card.classList.add('is-open'); 7598 btn.setAttribute('aria-expanded', 'true'); 7599 openTooltip = { card: card, btn: btn }; 7600 } 7601 }); 7602 }); 7603 7604 document.addEventListener('click', closeTooltip); 7605 document.addEventListener('keydown', function (e) { 7606 if (e.key === 'Escape') closeTooltip(); 7607 }); 7608 })(); 7609</script>
7609 7610 7611 7612</section><section id="shopify-section-template--21311316295863__htr_Tgteei" class="shopify-section rnb-section-steps"><style> 7613 /* ========================================================================== 7614 09 â How To Use / Routine Steps (NEW) 7615 Scoped under #rnb-steps-template--21311316295863__htr_Tgteei so multiple instances on the 7616 same page never collide. Color values are CSS custom properties set 7617 inline on the wrapper below, driven by the customizer. 7618 ========================================================================== */ 7619 7620 #rnb-steps-template--21311316295863__htr_Tgteei { 7621 background: var(--rnb-steps-bg, #FBF3E7); 7622 color: var(--rnb-steps-text, #241C1C); 7623 padding: 72px 24px; 7624 } 7625 7626 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-inner { 7627 max-width: 1120px; 7628 margin: 0 auto; 7629 } 7630 7631 /* ---- Header: eyebrow / heading / subheading (centered, house pattern) ---- */ 7632 7633 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-header { 7634 text-align: center; 7635 max-width: 640px; 7636 margin: 0 auto 48px; 7637 } 7638 7639 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-eyebrow { 7640 font-size: 12px; 7641 font-weight: 600; 7642 letter-spacing: 0.14em; 7643 text-transform: uppercase; 7644 color: var(--rnb-steps-gold, #C9A227); 7645 margin: 0 0 12px; 7646 } 7647 7648 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-heading { 7649 font-size: clamp(28px, 4vw, 40px); 7650 font-weight: 700; 7651 letter-spacing: -0.01em; 7652 line-height: 1.15; 7653 margin: 0 0 14px; 7654 } 7655 7656 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-subheading { 7657 font-size: 16px; 7658 line-height: 1.55; 7659 color: color-mix(in srgb, var(--rnb-steps-text, #241C1C) 72%, transparent); 7660 margin: 0; 7661 } 7662 7663 /* ---------------------------------- Track --------------------------------- */ 7664 7665 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track { 7666 position: relative; 7667 display: grid; 7668 grid-template-columns: repeat(var(--rnb-steps-count, 4), 1fr); 7669 gap: 28px; 7670 } 7671 7672 /* Connecting dashed line behind the step circles â desktop only */ 7673 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track.has-line::before { 7674 content: ''; 7675 position: absolute; 7676 top: 29px; 7677 left: calc(100% / var(--rnb-steps-count, 4) / 2); 7678 right: calc(100% / var(--rnb-steps-count, 4) / 2); 7679 height: 0; 7680 border-top: 2px dashed color-mix(in srgb, var(--rnb-steps-gold, #C9A227) 55%, transparent); 7681 z-index: 0; 7682 } 7683 7684 @media (max-width: 900px) { 7685 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track { 7686 grid-template-columns: repeat(2, 1fr); 7687 row-gap: 40px; 7688 } 7689 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track.has-line::before { 7690 display: none; 7691 } 7692 } 7693 7694 @media (max-width: 560px) { 7695 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track { 7696 grid-template-columns: 1fr; 7697 } 7698 } 7699 7700 /* Vertical connecting line for the single-column mobile layout â the 7701 horizontal desktop version doesn't translate directly to a stacked 7702 layout, so this is a proper vertical equivalent instead of just 7703 dropping the line on mobile. JS creates one short segment per GAP 7704 between consecutive steps (not one line spanning icon-to-icon) â 7705 a single continuous line would run straight through each step's 7706 title/instruction text, which is only hidden behind it via z-index, 7707 not actually clear of it, so it visibly crosses the letters wherever 7708 the text doesn't fully cover it. Position/height of each segment are 7709 set by JS because instruction length and the optional duration badge 7710 make every step a different height. */ 7711 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-vline { 7712 position: absolute; 7713 left: 50%; 7714 width: 0; 7715 border-left: 2px dashed color-mix(in srgb, var(--rnb-steps-gold, #C9A227) 55%, transparent); 7716 transform: translateX(-1px); 7717 z-index: 0; 7718 } 7719 7720 /* ---------------------------------- Step ----------------------------------- */ 7721 7722 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step { 7723 position: relative; 7724 z-index: 1; 7725 display: flex; 7726 flex-direction: column; 7727 align-items: center; 7728 text-align: center; 7729 7730 /* Playful entrance â fades/rises in as it scrolls into view */ 7731 opacity: 0; 7732 transform: translateY(24px) scale(0.96); 7733 transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.55s ease; 7734 } 7735 7736 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step.is-visible { 7737 opacity: 1; 7738 transform: translateY(0) scale(1); 7739 } 7740 7741 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track .rnb-step:nth-child(1) { transition-delay: 0.02s; } 7742 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track .rnb-step:nth-child(2) { transition-delay: 0.12s; } 7743 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track .rnb-step:nth-child(3) { transition-delay: 0.22s; } 7744 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track .rnb-step:nth-child(4) { transition-delay: 0.32s; } 7745 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track .rnb-step:nth-child(5) { transition-delay: 0.42s; } 7746 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-track .rnb-step:nth-child(6) { transition-delay: 0.52s; } 7747 7748 /* Circular icon badge, cream fill, gold ring, number chip top-right */ 7749 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-icon-wrap { 7750 position: relative; 7751 width: 68px; 7752 height: 68px; 7753 margin-bottom: 18px; 7754 } 7755 7756 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-icon { 7757 width: 100%; 7758 height: 100%; 7759 border-radius: 999px; 7760 background: var(--rnb-steps-cream, #F5EDE0); 7761 border: 1.5px solid var(--rnb-steps-gold, #C9A227); 7762 color: var(--rnb-steps-maroon, #7A1616); 7763 display: flex; 7764 align-items: center; 7765 justify-content: center; 7766 transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; 7767 } 7768 7769 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-icon svg, 7770 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-icon img { 7771 width: 30px; 7772 height: 30px; 7773 object-fit: contain; 7774 } 7775 7776 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step:hover .rnb-step-icon { 7777 background: var(--rnb-steps-maroon, #7A1616); 7778 border-color: var(--rnb-steps-maroon, #7A1616); 7779 color: var(--rnb-steps-cream, #F5EDE0); 7780 animation: rnb-steps-wiggle 0.5s ease; 7781 } 7782 7783 @keyframes rnb-steps-wiggle { 7784 0% { transform: rotate(0deg) scale(1); } 7785 25% { transform: rotate(-10deg) scale(1.08); } 7786 50% { transform: rotate(9deg) scale(1.08); } 7787 75% { transform: rotate(-5deg) scale(1.04); } 7788 100% { transform: rotate(0deg) scale(1); } 7789 } 7790 7791 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-number { 7792 position: absolute; 7793 top: -6px; 7794 right: -6px; 7795 width: 24px; 7796 height: 24px; 7797 border-radius: 999px; 7798 background: var(--rnb-steps-maroon, #7A1616); 7799 color: var(--rnb-steps-cream, #F5EDE0); 7800 font-size: 12px; 7801 font-weight: 800; 7802 display: flex; 7803 align-items: center; 7804 justify-content: center; 7805 border: 2px solid var(--rnb-steps-bg, #FBF3E7); 7806 } 7807 7808 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-title { 7809 font-size: 15px; 7810 font-weight: 700; 7811 letter-spacing: 0.02em; 7812 text-transform: uppercase; 7813 margin: 0 0 8px; 7814 } 7815 7816 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-instruction { 7817 font-size: 14px; 7818 line-height: 1.5; 7819 color: color-mix(in srgb, var(--rnb-steps-text, #241C1C) 78%, transparent); 7820 margin: 0 0 10px; 7821 max-width: 180px; 7822 } 7823 7824 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-duration { 7825 display: inline-flex; 7826 align-items: center; 7827 gap: 5px; 7828 font-size: 11.5px; 7829 font-weight: 600; 7830 letter-spacing: 0.02em; 7831 padding: 5px 12px; 7832 border-radius: 999px; 7833 background: color-mix(in srgb, var(--rnb-steps-gold, #C9A227) 16%, transparent); 7834 color: color-mix(in srgb, var(--rnb-steps-text, #241C1C) 88%, transparent); 7835 border: 1px solid color-mix(in srgb, var(--rnb-steps-gold, #C9A227) 40%, transparent); 7836 } 7837 7838 /* -------------------------------- Usage note bar --------------------------- */ 7839 7840 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-usage { 7841 display: flex; 7842 align-items: center; 7843 justify-content: center; 7844 gap: 12px; 7845 margin-top: 48px; 7846 padding: 16px 24px; 7847 border-radius: 999px; 7848 background: var(--rnb-steps-maroon, #7A1616); 7849 color: var(--rnb-steps-cream, #F5EDE0); 7850 max-width: 620px; 7851 margin-left: auto; 7852 margin-right: auto; 7853 text-align: center; 7854 } 7855 7856 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-usage svg {
7857 width: 20px; 7858 height: 20px; 7859 flex-shrink: 0; 7860 } 7861 7862 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-usage p { 7863 margin: 0; 7864 font-size: 14px; 7865 font-weight: 600; 7866 letter-spacing: 0.01em; 7867 } 7868 7869 @media (max-width: 480px) { 7870 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-steps-usage { 7871 border-radius: 20px; 7872 flex-direction: column; 7873 gap: 8px; 7874 } 7875 } 7876 7877 /* -------------------------------- Reduced motion ---------------------------- */ 7878 7879 @media (prefers-reduced-motion: reduce) { 7880 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step, 7881 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step-icon { 7882 transition: none; 7883 animation: none !important; 7884 } 7885 #rnb-steps-template--21311316295863__htr_Tgteei .rnb-step { 7886 opacity: 1; 7887 transform: none; 7888 } 7889 } 7890 7891 /* ----------------------------------- Mobile --------------------------------- */ 7892 7893 @media (max-width: 600px) { 7894 #rnb-steps-template--21311316295863__htr_Tgteei { 7895 padding: 56px 16px; 7896 } 7897 } 7898</style> 7899 7900<div 7901 id="rnb-steps-template--21311316295863__htr_Tgteei" 7902 style=" 7903 --rnb-steps-bg: #fbf3e7; 7904 --rnb-steps-cream: #f5ede0; 7905 --rnb-steps-text: #241c1c; 7906 --rnb-steps-maroon: #7a1616; 7907 --rnb-steps-gold: #c9a227; 7908 --rnb-steps-count: 4; 7909 " 7910> 7911 7912 <!-- Icon sprite â inline, no external requests --> 7913 <svg style="display:none" aria-hidden="true"> 7914 <defs> 7915 <symbol id="rnb-step-icon-splash-template--21311316295863__htr_Tgteei" viewBox="0 0 48 48"> 7916 <path d="M24 8C24 8 15 19 15 26a9 9 0 0 0 18 0c0-7-9-18-9-18Z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/> 7917 <path d="M10 14l3 3M38 14l-3 3M10 30l3-3M38 30l-3-3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 7918 </symbol> 7919 <symbol id="rnb-step-icon-pump-template--21311316295863__htr_Tgteei" viewBox="0 0 48 48"> 7920 <rect x="16" y="20" width="16" height="18" rx="3" fill="none" stroke="currentColor" stroke-width="2.2"/> 7921 <path d="M20 20v-4a4 4 0 0 1 8 0v4" fill="none" stroke="currentColor" stroke-width="2.2"/> 7922 <path d="M24 6v6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/> 7923 <path d="M20 8h8" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/> 7924 </symbol> 7925 <symbol id="rnb-step-icon-massage-template--21311316295863__htr_Tgteei" viewBox="0 0 48 48"> 7926 <path d="M24 8a16 16 0 1 0 16 16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/> 7927 <path d="M24 8l6 3-6 3" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/> 7928 <circle cx="24" cy="24" r="3" fill="currentColor"/> 7929 </symbol> 7930 <symbol id="rnb-step-icon-rinse-template--21311316295863__htr_Tgteei" viewBox="0 0 48 48"> 7931 <path d="M14 14h20l-2 6H16l-2-6Z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/> 7932 <path d="M24 24c0 0-6 8-6 12a6 6 0 0 0 12 0c0-4-6-12-6-12Z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/> 7933 </symbol> 7934 <symbol id="rnb-step-icon-towel-template--21311316295863__htr_Tgteei" viewBox="0 0 48 48"> 7935 <rect x="10" y="10" width="28" height="28" rx="4" fill="none" stroke="currentColor" stroke-width="2.2"/> 7936 <path d="M10 18h28M18 18v20M26 18v20" stroke="currentColor" stroke-width="2"/> 7937 </symbol> 7938 <symbol id="rnb-step-icon-sun-moon-template--21311316295863__htr_Tgteei" viewBox="0 0 48 48"> 7939 <circle cx="18" cy="24" r="8" fill="none" stroke="currentColor" stroke-width="2.2"/> 7940 <path d="M18 8v4M18 36v4M4 24h4M28 24h4M8 14l3 3M25 31l3 3M8 34l3-3M25 17l3-3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 7941 <path d="M36 16a9 9 0 1 0 0 16 11 11 0 0 1 0-16Z" fill="currentColor"/> 7942 </symbol> 7943 </defs> 7944 </svg> 7945 7946 <div class="rnb-steps-inner"><div class="rnb-steps-header"><p class="rnb-steps-eyebrow">HOW TO USE</p><h2 class="rnb-steps-heading">The Daily Reset â Done Right</h2><p class="rnb-steps-subheading">Four steps. Under a minute. No guesswork.</p></div><div class="rnb-steps-track has-line"><div class="rnb-step" > 7947 7948 <div class="rnb-step-icon-wrap">
7949 <span class="rnb-step-icon" aria-hidden="true"><svg><use href="#rnb-step-icon-splash-template--21311316295863__htr_Tgteei"></use></svg></span><span class="rnb-step-number" aria-hidden="true">1</span></div> 7950 7951 <p class="rnb-step-title">Wet Face</p><p class="rnb-step-instruction">Splash with lukewarm water</p></div><div class="rnb-step" > 7952 7953 <div class="rnb-step-icon-wrap"> 7954 <span class="rnb-step-icon" aria-hidden="true"><svg><use href="#rnb-step-icon-pump-template--21311316295863__htr_Tgteei"></use></svg></span><span class="rnb-step-number" aria-hidden="true">2</span></div> 7955 7956 <p class="rnb-step-title">Squeeze</p><p class="rnb-step-instruction">Take a small, coin-sized amount</p></div><div class="rnb-step" > 7957 7958 <div class="rnb-step-icon-wrap"> 7959 <span class="rnb-step-icon" aria-hidden="true"><svg><use href="#rnb-step-icon-massage-template--21311316295863__htr_Tgteei"></use></svg></span><span class="rnb-step-number" aria-hidden="true">3</span></div> 7960 7961 <p class="rnb-step-title">Massage</p><p class="rnb-step-instruction">Massage gently in circular motions</p><span class="rnb-step-duration">30 sec</span></div><div class="rnb-step" > 7962 7963 <div class="rnb-step-icon-wrap"> 7964 <span class="rnb-step-icon" aria-hidden="true"><svg><use href="#rnb-step-icon-rinse-template--21311316295863__htr_Tgteei"></use></svg></span><span class="rnb-step-number" aria-hidden="true">4</span></div> 7965 7966 <p class="rnb-step-title">Rinse & Pat Dry</p><p class="rnb-step-instruction">Rinse off, pat dry, follow with moisturizer</p></div></div><div class="rnb-steps-usage"> 7967 <svg aria-hidden="true"><use href="#rnb-step-icon-sun-moon-template--21311316295863__htr_Tgteei"></use></svg> 7968 <p>Use twice daily â morning & night. Also great post-workout.</p> 7969 </div></div> 7970</div> 7971
7972<script> 7973 (function () { 7974 var root = document.getElementById('rnb-steps-template--21311316295863__htr_Tgteei'); 7975 if (!root) return; 7976 7977 var steps = root.querySelectorAll('.rnb-step'); 7978 if ('IntersectionObserver' in window) { 7979 var revealObserver = new IntersectionObserver( 7980 function (entries, obs) { 7981 entries.forEach(function (entry) { 7982 if (entry.isIntersecting) { 7983 entry.target.classList.add('is-visible'); 7984 obs.unobserve(entry.target); 7985 } 7986 }); 7987 }, 7988 { threshold: 0.2, rootMargin: '0px 0px -30px 0px' } 7989 ); 7990 steps.forEach(function (step) { revealObserver.observe(step); }); 7991 } else { 7992 steps.forEach(function (step) { step.classList.add('is-visible'); }); 7993 } 7994 7995 /* ---- Vertical connecting line for the stacked (single-column) mobile 7996 layout â mirrors the desktop horizontal line instead of just hiding 7997 it. Uses offsetTop/offsetLeft (layout geometry) rather than 7998 getBoundingClientRect, since the latter reflects the steps' entrance 7999 transform/scale while it's still animating and would measure the 8000 wrong position; offset* values ignore transform entirely. 8001 8002 Builds one short segment per GAP between consecutive steps, rather 8003 than a single line spanning icon-to-icon â a continuous line runs 8004 straight through each step's title/instruction text, and z-index 8005 alone doesn't keep it clear of the letters (only the opaque icon 8006 circles fully hide it). Segments only exist in the empty space 8007 between steps, so there's nothing for the text to overlap. ---- */ 8008 var track = root.querySelector('.rnb-steps-track'); 8009 8010 function measureWithin(el, ancestor, prop) { 8011 var total = 0; 8012 var node = el; 8013 while (node && node !== ancestor) { 8014 total += node[prop]; 8015 node = node.offsetParent; 8016 } 8017 return total; 8018 } 8019 8020 function clearVlineSegments() { 8021 track.querySelectorAll('.rnb-steps-vline').forEach(function (el) { el.remove(); }); 8022 } 8023 8024 function updateVerticalLine() { 8025 if (!track) return; 8026 clearVlineSegments(); 8027 8028 if (!track.classList.contains('has-line') || steps.length < 2) return; 8029 8030 var firstIcon = steps[0].querySelector('.rnb-step-icon-wrap'); 8031 var secondIcon = steps[1].querySelector('.rnb-step-icon-wrap'); 8032 if (!firstIcon || !secondIcon) return; 8033 8034 // "Stacked" = step 1 and step 2 icons share the same horizontal 8035 // position, i.e. we're in the single-column layout. This adapts 8036 // automatically if the breakpoint value ever changes, rather than 8037 // hardcoding a pixel width here too. 8038 var firstLeft = measureWithin(firstIcon, track, 'offsetLeft'); 8039 var secondLeft = measureWithin(secondIcon, track, 'offsetLeft'); 8040 var stacked = Math.abs(firstLeft - secondLeft) < 1; 8041 if (!stacked) return; 8042 8043 for (var i = 0; i < steps.length - 1; i++) { 8044 var nextIcon = steps[i + 1].querySelector('.rnb-step-icon-wrap'); 8045 if (!nextIcon) continue; 8046 8047 var segTop = measureWithin(steps[i], track, 'offsetTop') + steps[i].offsetHeight; 8048 var segBottom = measureWithin(nextIcon, track, 'offsetTop'); 8049 if (segBottom <= segTop) continue; 8050 8051 var seg = document.createElement('div'); 8052 seg.className = 'rnb-steps-vline'; 8053 seg.style.top = segTop + 'px'; 8054 seg.style.height = (segBottom - segTop) + 'px'; 8055 track.appendChild(seg); 8056 } 8057 } 8058 8059 updateVerticalLine(); 8060 8061 var resizeTimer; 8062 window.addEventListener('resize', function () { 8063 clearTimeout(resizeTimer); 8064 resizeTimer = setTimeout(updateVerticalLine, 150); 8065 }); 8066 })(); 8067</script>
8067 8068 8069 8070</section><section id="shopify-section-template--21311316295863__faq_MmPHxk" class="shopify-section rnb-faq-section"><section 8071 id="rnb-faq-template--21311316295863__faq_MmPHxk" 8072 class="rnb-faq" 8073 style=" 8074 --rnb-faq-bg: #fbf3e7; 8075 --rnb-faq-text: #241c1c; 8076 --rnb-faq-gold: #c9a227; 8077 --rnb-faq-maroon: #7a1616; 8078 --rnb-faq-maroon-soft: #7a16161a; 8079 --rnb-faq-cream: #f5ede0; 8080 --rnb-faq-item-bg: #ffffff; 8081 " 8082> 8083 <style> 8084 #rnb-faq-template--21311316295863__faq_MmPHxk { 8085 position: relative; 8086 background: var(--rnb-faq-bg); 8087 color: var(--rnb-faq-text); 8088 padding: 88px 20px; 8089 overflow: hidden; 8090 isolation: isolate; 8091 } 8092 8093 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__inner { 8094 position: relative; 8095 z-index: 1; 8096 max-width: 860px; 8097 margin: 0 auto; 8098 } 8099 8100 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__header { 8101 text-align: center; 8102 margin-bottom: 48px; 8103 opacity: 0; 8104 transform: translateY(18px); 8105 transition: opacity 0.6s ease, transform 0.6s ease; 8106 } 8107 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__header.rnb-in-view { opacity: 1; transform: translateY(0); } 8108 8109 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__eyebrow { 8110 display: inline-flex; 8111 align-items: center; 8112 gap: 8px; 8113 font-size: 12px; 8114 letter-spacing: 0.18em; 8115 text-transform: uppercase; 8116 color: var(--rnb-faq-maroon); 8117 font-weight: 700; 8118 margin-bottom: 14px; 8119 padding: 6px 16px; 8120 border: 1px solid var(--rnb-faq-maroon); 8121 border-radius: 999px; 8122 background: var(--rnb-faq-maroon-soft); 8123 } 8124 8125 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__heading { 8126 font-size: clamp(30px, 4.4vw, 44px); 8127 font-weight: 800; 8128 letter-spacing: -0.015em; 8129 line-height: 1.1; 8130 margin: 0 0 12px; 8131 } 8132 8133 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__heading .rnb-faq__heading-accent { 8134 color: var(--rnb-faq-maroon); 8135 position: relative; 8136 white-space: nowrap; 8137 } 8138 8139 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__subheading { 8140 font-size: 15.5px; 8141 line-height: 1.6; 8142 color: var(--rnb-faq-text); 8143 opacity: 0.7; 8144 max-width: 520px; 8145 margin: 0 auto; 8146 } 8147 8148 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__list { 8149 display: flex; 8150 flex-direction: column; 8151 gap: 14px; 8152 } 8153 8154 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item { 8155 position: relative; 8156 background: var(--rnb-faq-item-bg); 8157 border: 1.5px solid color-mix(in srgb, var(--rnb-faq-gold) 40%, transparent); 8158 border-left: 4px solid color-mix(in srgb, var(--rnb-faq-gold) 55%, transparent); 8159 border-radius: 16px; 8160 overflow: hidden; 8161 opacity: 0; 8162 transform: translateY(20px) scale(0.97); 8163 transition: opacity 0.5s ease, transform 0.5s ease, border-color 0.3s ease, 8164 box-shadow 0.3s ease, background 0.3s ease; 8165 box-shadow: 0 2px 10px rgba(122, 22, 22, 0.04); 8166 } 8167 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item.rnb-in-view { opacity: 1; transform: translateY(0) scale(1); } 8168 8169 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item:hover { 8170 border-left-color: var(--rnb-faq-maroon); 8171 box-shadow: 0 10px 28px rgba(122, 22, 22, 0.12); 8172 transform: translateY(-2px); 8173 } 8174 8175 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] { 8176 border-left-color: var(--rnb-faq-maroon); 8177 border-color: var(--rnb-faq-maroon); 8178 box-shadow: 0 14px 32px rgba(122, 22, 22, 0.16); 8179 } 8180 8181 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question { 8182 list-style: none; 8183 display: flex; 8184 align-items: center; 8185 gap: 16px; 8186 padding: 20px 22px; 8187 cursor: pointer; 8188 -webkit-tap-highlight-color: transparent; 8189 transition: background 0.25s ease; 8190 } 8191 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question:hover { background: var(--rnb-faq-maroon-soft); } 8192 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question::-webkit-details-marker { display: none; } 8193 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question:focus-visible { 8194 outline: 2px solid var(--rnb-faq-maroon); 8195 outline-offset: -2px; 8196 } 8197 8198 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__number { 8199 flex-shrink: 0; 8200 width: 34px; 8201 height: 34px; 8202 border-radius: 50%; 8203 background: var(--rnb-faq-maroon); 8204 color: var(--rnb-faq-cream); 8205 font-size: 13px; 8206 font-weight: 800; 8207 display: flex; 8208 align-items: center; 8209 justify-content: center; 8210 transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); 8211 } 8212 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] .rnb-faq__number { transform: scale(1.12) rotate(-6deg); } 8213 8214 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question-body { flex: 1; min-width: 0; } 8215 8216 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__badges { 8217 display: flex; 8218 gap: 6px; 8219 margin-bottom: 5px; 8220 flex-wrap: wrap; 8221 } 8222 8223 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__tag { 8224 font-size: 10.5px; 8225 font-weight: 700; 8226 letter-spacing: 0.05em; 8227 text-transform: uppercase; 8228 padding: 3px 10px; 8229 border-radius: 999px; 8230 background: var(--rnb-faq-gold); 8231 color: #2a2103; 8232 } 8233 8234 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__tag--hot { 8235 background: var(--rnb-faq-maroon); 8236 color: var(--rnb-faq-cream); 8237 } 8238 8239 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question-text { 8240 font-weight: 700; 8241 font-size: 16px; 8242 line-height: 1.4; 8243 } 8244 8245 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon { 8246 flex-shrink: 0; 8247 width: 32px; 8248 height: 32px; 8249 border-radius: 50%; 8250 border: 1.5px solid var(--rnb-faq-gold); 8251 display: flex; 8252 align-items: center; 8253 justify-content: center; 8254 transition: background 0.3s ease, border-color 0.3s ease; 8255 } 8256 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon svg { width: 14px; height: 14px; } 8257 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon svg .rnb-faq__icon-h { transition: opacity 0.2s ease; } 8258 /* Vertical bar sweeps 90° to land exactly on top of the horizontal bar 8259 (same start/end coordinates once rotated), while the horizontal bar 8260 fades out underneath it â the plus visually morphs into a minus 8261 rather than just instantly swapping. transform-box/transform-origin 8262 are required here: SVG shapes rotate around the SVG viewport'
8262s (0,0) 8263 by default, not their own center, so without this the bar swings 8264 out of the icon circle entirely instead of landing on target â which 8265 is exactly what was leaving the open-state icon blank. */ 8266 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon svg .rnb-faq__icon-v { 8267 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); 8268 transform-box: fill-box; 8269 transform-origin: center; 8270 } 8271 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] .rnb-faq__icon { background: var(--rnb-faq-maroon); border-color: var(--rnb-faq-maroon); } 8272 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] .rnb-faq__icon svg { stroke: var(--rnb-faq-cream); } 8273 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] .rnb-faq__icon .rnb-faq__icon-h { opacity: 0; } 8274 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] .rnb-faq__icon .rnb-faq__icon-v { transform: rotate(90deg); } 8275 8276 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer-wrap { 8277 display: grid; 8278 grid-template-rows: 0fr; 8279 transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1); 8280 } 8281 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item[open] .rnb-faq__answer-wrap { grid-template-rows: 1fr; } 8282 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer-inner { overflow: hidden; } 8283 8284 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer { 8285 padding: 0 22px 22px 72px; 8286 font-size: 14.5px; 8287 line-height: 1.7; 8288 opacity: 0.85; 8289 position: relative; 8290 } 8291 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer::before { 8292 content: ""; 8293 position: absolute; 8294 left: 34px; 8295 top: 2px; 8296 bottom: 6px; 8297 width: 2px; 8298 background: linear-gradient(to bottom, var(--rnb-faq-maroon), transparent); 8299 border-radius: 2px; 8300 } 8301 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer p { margin: 0 0 10px; } 8302 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer p:last-child { margin-bottom: 0; } 8303 8304 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta { 8305 margin-top: 36px; 8306 text-align: center; 8307 padding: 22px 24px; 8308 border-radius: 16px; 8309 background: linear-gradient(135deg, var(--rnb-faq-maroon), color-mix(in srgb, var(--rnb-faq-maroon) 80%, black)); 8310 opacity: 0; 8311 transform: translateY(18px); 8312 transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s; 8313 } 8314 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta.rnb-in-view { opacity: 1; transform: translateY(0); } 8315 8316 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-text { 8317 font-size: 14px; 8318 font-weight: 600; 8319 color: var(--rnb-faq-cream); 8320 opacity: 0.95; 8321 margin: 0 0 12px; 8322 } 8323 8324 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn { 8325 display: inline-flex; 8326 align-items: center; 8327 gap: 7px; 8328 background: var(--rnb-faq-cream); 8329 color: var(--rnb-faq-maroon); 8330 padding: 9px 20px; 8331 border-radius: 999px; 8332 font-size: 13px; 8333 font-weight: 800; 8334 text-decoration: none; 8335 border: 1px solid var(--rnb-faq-cream); 8336 transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease; 8337 } 8338 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn:hover { 8339 transform: translateY(-2px) scale(1.02); 8340 box-shadow: 0 10px 24px rgba(0,0,0,0.25); 8341 } 8342 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn svg { width: 14px; height: 14px; } 8343 8344 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn.rnb-pulse::after { 8345 content: ""; 8346 position: absolute; 8347 } 8348 8349 @keyframes rnb-faq-pulse-ring { 8350 0% { box-shadow: 0 0 0 0 rgba(122, 22, 22, 0.35); } 8351 100% { box-shadow: 0 0 0 14px rgba(122, 22, 22, 0); } 8352 } 8353 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn { 8354 animation: rnb-faq-pulse-ring 2.4s ease-out infinite; 8355 } 8356 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn:hover { animation: none; } 8357 8358 @media (max-width: 540px) { 8359 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer { padding-left: 60px; } 8360 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer::before { left
8360: 28px; } 8361 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__question { padding: 16px 16px; gap: 12px; } 8362 } 8363 8364 @media (prefers-reduced-motion: reduce) { 8365 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__header, 8366 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item, 8367 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta { 8368 opacity: 1 !important; 8369 transform: none !important; 8370 transition: none !important; 8371 } 8372 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__item:hover { transform: none !important; } 8373 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__number, 8374 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon, 8375 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon svg, 8376 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon-h, 8377 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__icon-v, 8378 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__answer-wrap, 8379 #rnb-faq-template--21311316295863__faq_MmPHxk .rnb-faq__cta-btn { 8380 transition: none !important; 8381 animation: none !important; 8382 } 8383 } 8384 </style> 8385 8386 <div class="rnb-faq__inner"> 8387 <div class="rnb-faq__header"> 8388 8389 <span class="rnb-faq__eyebrow">FAQ</span> 8390 8391 8392 <h2 class="rnb-faq__heading">Got Questions?</h2> 8393 8394 8395 </div> 8396 8397 <div class="rnb-faq__list"> 8398 8399 8400 8401 8402 <details 8403 class="rnb-faq__item" 8404 8405 8406 > 8407 <summary class="rnb-faq__question"> 8408 <span class="rnb-faq__number">1</span> 8409 <span class="rnb-faq__question-body"> 8410 8411 <span class="rnb-faq__question-text">Is it safe for daily use?</span> 8412 </span> 8413 <span class="rnb-faq__icon" aria-hidden="true"> 8414 <svg viewBox="0 0 24 24" fill="none" stroke="#c9a227" stroke-width="2.4" stroke-linecap="round"> 8415 <line class="rnb-faq__icon-v" x1="12" y1="5" x2="12" y2="19"></line> 8416 <line class="rnb-faq__icon-h" x1="5" y1="12" x2="19" y2="12"></line> 8417 </svg> 8418 </span> 8419 </summary> 8420 <div class="rnb-faq__answer-wrap"> 8421 <div class="rnb-faq__answer-inner"> 8422 <div class="rnb-faq__answer"><p>Yes â The Daily Reset is gentle enough for twice-daily use, morning and night, without stripping your skin barrier.</p></div> 8423 </div> 8424 </div> 8425 </details> 8426 8427 8428 8429 8430 <details 8431 class="rnb-faq__item" 8432 8433 8434 > 8435 <summary class="rnb-faq__question"> 8436 <span class="rnb-faq__number">2</span> 8437 <span class="rnb-faq__question-body"> 8438 8439 <span class="rnb-faq__question-text">Is it suitable for oily or sensitive skin?</span> 8440 </span> 8441 <span class="rnb-faq__icon" aria-hidden="true"> 8442 <svg viewBox="0 0 24 24" fill="none" stroke="#c9a227" stroke-width="2.4" stroke-linecap="round"> 8443 <line class="rnb-faq__icon-v" x1="12" y1="5" x2="12" y2="19"></line> 8444 <line class="rnb-faq__icon-h" x1="5" y1="12" x2="19" y2="12"></line> 8445 </svg> 8446 </span> 8447 </summary> 8448 <div class="rnb-faq__answer-wrap"> 8449 <div class="rnb-faq__answer-inner"> 8450 <div class="rnb-faq__answer"><p>Yes. It's sulphate-free, fragrance-free, and pH balanced â built to clear buildup without irritating sensitive skin or over-drying oily skin.</p></div> 8451 </div> 8452 </div> 8453 </details> 8454 8455 8456 8457 8458 <details 8459 class="rnb-faq__item" 8460 8461 8462 > 8463 <summary class="rnb-faq__question"> 8464 <span class="rnb-faq__number">3</span> 8465 <span class="rnb-faq__question-body"> 8466
8467 <span class="rnb-faq__question-text">How is this different from a regular face wash?</span> 8468 </span> 8469 <span class="rnb-faq__icon" aria-hidden="true"> 8470 <svg viewBox="0 0 24 24" fill="none" stroke="#c9a227" stroke-width="2.4" stroke-linecap="round"> 8471 <line class="rnb-faq__icon-v" x1="12" y1="5" x2="12" y2="19"></line> 8472 <line class="rnb-faq__icon-h" x1="5" y1="12" x2="19" y2="12"></line> 8473 </svg> 8474 </span> 8475 </summary> 8476 <div class="rnb-faq__answer-wrap"> 8477 <div class="rnb-faq__answer-inner"> 8478 <div class="rnb-faq__answer"><p>Regular face washes rely on sulphates to clean, which strips your skin. The Daily Reset uses 3.5% Niacinamide and 1% Salicylic Acid at real, effective concentrations â plus ceramides to protect your barrier while it cleans.</p></div> 8479 </div> 8480 </div> 8481 </details> 8482 8483 8484 8485 8486 <details 8487 class="rnb-faq__item" 8488 8489 8490 > 8491 <summary class="rnb-faq__question"> 8492 <span class="rnb-faq__number">4</span> 8493 <span class="rnb-faq__question-body"> 8494 8495 <span class="rnb-faq__question-text">
8495What are the shipping timelines?</span> 8496 </span> 8497 <span class="rnb-faq__icon" aria-hidden="true"> 8498 <svg viewBox="0 0 24 24" fill="none" stroke="#c9a227" stroke-width="2.4" stroke-linecap="round"> 8499 <line class="rnb-faq__icon-v" x1="12" y1="5" x2="12" y2="19"></line> 8500 <line class="rnb-faq__icon-h" x1="5" y1="12" x2="19" y2="12"></line> 8501 </svg> 8502 </span> 8503 </summary> 8504 <div class="rnb-faq__answer-wrap"> 8505 <div class="rnb-faq__answer-inner"> 8506 <div class="rnb-faq__answer"><p>Orders ship within 24-48 hours and typically arrive within 3-7 business days depending on your location.</p></div> 8507 </div> 8508 </div> 8509 </details> 8510 8511 8512 8513 8514 <details 8515 class="rnb-faq__item" 8516 8517 8518 > 8519 <summary class="rnb-faq__question"> 8520 <span class="rnb-faq__number">5</span> 8521 <span class="rnb-faq__question-body"> 8522 8523 <span class="rnb-faq__question-text">Is Cash on Delivery (COD) available?</span> 8524 </span> 8525 <span class="rnb-faq__icon" aria-hidden="true"> 8526 <svg viewBox="0 0 24 24" fill="none" stroke="#c9a227" stroke-width="2.4" stroke-linecap="round"> 8527 <line class="rnb-faq__icon-v" x1="12" y1="5" x2="12" y2="19"></line> 8528 <line class="rnb-faq__icon-h" x1="5" y1="12" x2="19" y2="12"></line> 8529 </svg> 8530 </span> 8531 </summary> 8532 <div class="rnb-faq__answer-wrap"> 8533 <div class="rnb-faq__answer-inner"> 8534 <div class="rnb-faq__answer"><p>Yes, COD is available at checkout across most serviceable pin codes in India.</p></div> 8535 </div> 8536 </div> 8537 </details> 8538 8539 8540 8541 8542 <details 8543 class="rnb-faq__item" 8544 8545 8546 > 8547 <summary class="rnb-faq__question"> 8548 <span class="rnb-faq__number">6</span> 8549 <span class="rnb-faq__question-body"> 8550 8551 <span class="rnb-faq__question-text">What's your return policy?</span> 8552 </span> 8553 <span class="rnb-faq__icon" aria-hidden="true"> 8554 <svg viewBox="0 0 24 24" fill="none" stroke="#c9a227" stroke-width="2.4" stroke-linecap="round"> 8555 <line class="rnb-faq__icon-v" x1="12" y1="5" x2="12" y2="19"></line> 8556 <line class="rnb-faq__icon-h" x1="5" y1="12" x2="19" y2="12"></line> 8557 </svg> 8558 </span> 8559 </summary> 8560 <div class="rnb-faq__answer-wrap"> 8561 <div class="rnb-faq__answer-inner"> 8562 <div class="rnb-faq__answer"><p>We offer a 7-day return window from the date of delivery. Reach out to our support team to initiate a return or exchange.</p></div> 8563 </div> 8564 </div> 8565 </details> 8566 8567 8568 </div> 8569 8570 8571 <div class="rnb-faq__cta"> 8572 8573 <p class="rnb-faq__cta-text">Still have questions? We're a message away.</p> 8574 8575 <a 8576 href="mailto:[email protected]" 8577 class="rnb-faq__cta-btn" 8578 > 8579 8580 Chat on Email 8581 8582 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m2 6 10 7 10-7"></path></svg> 8583 </a> 8584 </div> 8585 8586 </div> 8587</section> 8588
8589<script> 8590 (function () { 8591 var section = document.getElementById('rnb-faq-template--21311316295863__faq_MmPHxk'); 8592 if (!section) return; 8593 8594 var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 8595 8596 if ('IntersectionObserver' in window && !reduceMotion) { 8597 var revealTargets = section.querySelectorAll('.rnb-faq__header, .rnb-faq__item, .rnb-faq__cta'); 8598 var itemsForDelay = section.querySelectorAll('.rnb-faq__item'); 8599 var observer = new IntersectionObserver(function (entries) { 8600 entries.forEach(function (entry) { 8601 if (entry.isIntersecting) { 8602 var el = entry.target; 8603 var idx = Array.prototype.indexOf.call(itemsForDelay, el); 8604 if (el.classList.contains('rnb-faq__item') && idx > -1) { 8605 el.style.transitionDelay = (idx * 0.08) + 's'; 8606 } 8607 el.classList.add('rnb-in-view'); 8608 observer.unobserve(el); 8609 } 8610 }); 8611 }, { threshold: 0.15 }); 8612 revealTargets.forEach(function (el) { observer.observe(el); }); 8613 } else { 8614 section.querySelectorAll('.rnb-faq__header, .rnb-faq__item, .rnb-faq__cta').forEach(function (el) { 8615 el.classList.add('rnb-in-view'); 8616 }); 8617 } 8618 8619 var items = Array.prototype.slice.call(section.querySelectorAll('.rnb-faq__item')); 8620 items.forEach(function (item) { 8621 var summary = item.querySelector('.rnb-faq__question'); 8622 summary.addEventListener('click', function (e) { 8623 e.preventDefault(); 8624 var isOpen = item.hasAttribute('open'); 8625 items.forEach(function (other) { 8626 if (other !== item) other.removeAttribute('open'); 8627 }); 8628 if (isOpen) { 8629 item.removeAttribute('open'); 8630 } else { 8631 item.setAttribute('open', ''); 8632 } 8633 }); 8634 8635 summary.setAttribute('tabindex', '0'); 8636 summary.setAttribute('role', 'button'); 8637 summary.setAttribute('aria-expanded', item.hasAttribute('open') ? 'true' : 'false'); 8638 8639 var mo = new MutationObserver(function () { 8640 summary.setAttribute('aria-expanded', item.hasAttribute('open') ? 'true' : 'false'); 8641 }); 8642 mo.observe(item, { attributes: true, attributeFilter: ['open'] }); 8643 8644 summary.addEventListener('keydown', function (e) { 8645 if (e.key === 'Enter' || e.key === ' ') { 8646 e.preventDefault(); 8647 summary.click(); 8648 } 8649 }); 8650 }); 8651 8652 document.addEventListener('keydown', function (e) { 8653 if (e.key === 'Escape') { 8654 items.forEach(function (item) { item.removeAttribute('open'); }); 8655 } 8656 }); 8657 })(); 8658</script>
8658 8659 8660 8661</section><section id="shopify-section-template--21311316295863__press_bar_7Lj9gA" class="shopify-section rnb-press-bar-wrapper"><div 8662 id="rnb-press-bar-template--21311316295863__press_bar_7Lj9gA" 8663 class="rnb-pb-section" 8664 style=" 8665 --rnb-pb-bg: #fbf3e7; 8666 --rnb-pb-text: #241c1c; 8667 --rnb-pb-accent: #c9a227; 8668 --rnb-pb-maroon: #7A1616; 8669 --rnb-pb-speed: 30s; 8670 " 8671 data-animate="true" 8672 data-pause-hover="true" 8673> 8674 <style> 8675 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA { 8676 position: relative; 8677 background: var(--rnb-pb-bg); 8678 color: var(--rnb-pb-text); 8679 padding: 56px 0; 8680 border-top: 1px solid rgba(201, 162, 39, 0.35); 8681 border-bottom: 1px solid rgba(201, 162, 39, 0.35); 8682 overflow: hidden; 8683 max-width: 100vw; 8684 box-sizing: border-box; 8685 } 8686 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA * { box-sizing: border-box; } 8687 8688 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-header { 8689 text-align: center; 8690 max-width: 640px; 8691 margin: 0 auto 34px; 8692 padding: 0 24px; 8693 opacity: 0; 8694 transform: translateY(14px); 8695 transition: opacity 0.7s ease, transform 0.7s ease; 8696 } 8697 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-header.rnb-pb-in-view { 8698 opacity: 1; 8699 transform: translateY(0); 8700 } 8701 8702 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-eyebrow { 8703 display: inline-flex; 8704 align-items: center; 8705 gap: 10px; 8706 font-size: 12px; 8707 letter-spacing: 0.18em; 8708 text-transform: uppercase; 8709 color: var(--rnb-pb-maroon); 8710 font-weight: 700; 8711 } 8712 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-eyebrow::before, 8713 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-eyebrow::after { 8714 content: ""; 8715 width: 26px; 8716 height: 1px; 8717 background: var(--rnb-pb-accent); 8718 } 8719 8720 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-heading { 8721 margin: 10px 0 0; 8722 font-size: clamp(20px, 2.4vw, 26px); 8723 font-weight: 700; 8724 letter-spacing: -0.01em; 8725 } 8726 8727 /* ---------- Marquee track ---------- */ 8728 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport { 8729 position: relative; 8730 opacity: 0; 8731 transition: opacity 0.7s ease 0.1s; 8732 } 8733 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport.rnb-pb-in-view { 8734 opacity: 1; 8735 } 8736 8737 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport::before, 8738 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport::after { 8739 content: ""; 8740 position: absolute; 8741 top: 0; bottom: 0; 8742 width: 90px; 8743 z-index: 2; 8744 pointer-events: none; 8745 } 8746 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport::before { 8747 left: 0; 8748 background: linear-gradient(90deg, var(--rnb-pb-bg), transparent); 8749 } 8750 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport::after { 8751 right: 0; 8752 background: linear-gradient(270deg, var(--rnb-pb-bg), transparent); 8753 } 8754 8755 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-track { 8756 display: flex; 8757 align-items: stretch; 8758 width: max-content; 8759 animation: rnb-pb-scroll var(--rnb-pb-speed) linear infinite; 8760 } 8761 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA[data-pause-hover="true"] .rnb-pb-track:hover { 8762 animation-play-state: paused; 8763 } 8764 /* Touch devices have no real hover â JS adds this class on first tap so the 8765 marquee stops moving while the tapped logo is revealed. */ 8766 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-track.rnb-pb-js-paused { 8767 animation-play-state: paused; 8768 } 8769 @keyframes rnb-pb-scroll { 8770 from { transform: translateX(0); } 8771 to { transform: translateX(-50%); } 8772 } 8773 8774 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item { 8775 flex: 0 0 auto; 8776 position: relative; 8777 width: 200px; 8778 margin: 0 22px; 8779 padding: 18px 14px 22px; 8780 display: flex; 8781 flex-direction: column; 8782 align-items: center; 8783 justify-content: center; 8784 gap: 8px; 8785 text-decoration: none; 8786 color: var(--rnb-pb-text); 8787 border-radius: 14px; 8788 transition: background 0.3s ease, transform 0.3s ease; 8789 } 8790 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA a.rnb-pb-item { cursor: pointer; } 8791 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:hover, 8792 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:focus-visible, 8793 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item.rnb-pb-active { 8794 background: rgba(201, 162, 39, 0.08); 8795 transform: translateY(-4px); 8796 } 8797 8798 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-logo-wrap { 8799 display: flex; 8800 align-items: center; 8801 justify-content: center; 8802 height: 46px; 8803 width: 100%; 8804 } 8805 8806 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-logo-img { 8807 max-height: 40px; 8808 max-width: 160px; 8809 width: auto; 8810 height: auto; 8811 object-fit: contain; 8812 filter: grayscale(100%) opacity(0.55); 8813 transition: filter 0.35s ease, transform 0.35s ease; 8814 } 8815 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA[data-grayscale="false"] .rnb-pb-logo-img { 8816 filter: none; 8817 opacity: 0.85; 8818 } 8819 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:hover .rnb-pb-logo-img, 8820 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item.rnb-pb-active .rnb-pb-logo-img { 8821 filter: grayscale(0%) opacity(1); 8822 transform: scale(1.06); 8823 } 8824 8825 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-logo-text { 8826 font-family: Georgia, 'Times New Roman', serif; 8827 font-size: 19px; 8828 font-weight: 700; 8829 letter-spacing: 0.01em; 8830 color: var(--rnb-pb-text); 8831 opacity: 0.55; 8832 text-align: center; 8833 transition: opacity 0.35s ease, color 0.35s ease; 8834 } 8835 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:hover .rnb-pb-logo-text, 8836 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item.rnb-pb-active .rnb-pb-logo-text { 8837 opacity: 1; 8838 color: var(--rnb-pb-maroon); 8839 } 8840 8841 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-logo-underline { 8842 width: 22px; 8843 height: 2px; 8844 border-radius: 2px; 8845 background: var(--rnb-pb-accent); 8846 transform: scaleX(0); 8847 transition: transform 0.35s ease; 8848 } 8849 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:hover .rnb-pb-logo-underline, 8850 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item.rnb-pb-active .rnb-pb-logo-underline { 8851 transform: scaleX(1); 8852 } 8853 8854 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-caption { 8855 position: absolute; 8856 bottom: 4px; 8857 left: 50%; 8858 transform: translate(-50%, 6px); 8859 display: inline-flex; 8860 align-items: center; 8861 gap: 4px; 8862 font-size: 10.5px; 8863 letter-spacing: 0.06em; 8864 text-transform: uppercase; 8865 font-weight: 600; 8866 color: var(--rnb-pb-maroon); 8867 opacity: 0; 8868 transition: opacity 0.3s ease, transform 0.3s ease; 8869 white-space: nowrap; 8870 pointer-events: none; 8871 } 8872 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:hover .rnb-pb-caption, 8873 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item:focus-visible .rnb-pb-caption, 8874 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item.rnb-pb-active .rnb-pb-caption { 8875 opacity: 1; 8876 transform: translate(-50%, 0); 8877 } 8878 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-caption svg { 8879 width: 10px; 8880 height: 10px; 8881 } 8882 8883 /* ---------- Responsive ---------- */ 8884 @media (max-width: 700px) { 8885 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA { padding: 44px 0; } 8886 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item { width: 150px; margin: 0 12px; } 8887 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport::before, 8888 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport::after { width: 40px; } 8889 } 8890 8891 /* ---------- Reduced motion / static fallback ---------- */ 8892 @media (prefers-reduced-motion: reduce) { 8893 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-track { 8894 animation: none !important; 8895 flex-wrap: wrap; 8896 justify-content: center; 8897 width: 100%; 8898 } 8899 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-header, 8900 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-viewport { 8901 transition: none !important; 8902 opacity: 1 !important; 8903 transform: none !important; 8904 } 8905 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA .rnb-pb-item[data-rnb-pb-duplicate] { 8906 display: none; 8907 } 8908 } 8909 8910 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA[data-animate="false"] .rnb-pb-track { 8911 animation: none; 8912 flex-wrap: wrap; 8913 justify-content: center; 8914 width: 100%; 8915 } 8916 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA[data-animate="false"] .rnb-pb-item[data-rnb-pb-duplicate] { 8917 display: none; 8918 } 8919 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA[data-animate="false"] .rnb-pb-header, 8920 #rnb-press-bar-template--21311316295863__press_bar_7Lj9gA[data-animate="false"] .rnb-pb-viewport { 8921 opacity: 1; 8922 transform: none; 8923 } 8924 </style> 8925 8926 <div class="rnb-pb-header"> 8927 8928 <div class="rnb-pb-eyebrow">Featured In</div> 8929 8930 8931 </div> 8932 8933 <div class="rnb-pb-viewport"> 8934 <div class="rnb-pb-track"> 8935 8936 8937 8938 8939 8940 8941 <a 8942 href="https://www.aninews.in/news/business/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin20260528162917/" 8943 class="rnb-pb-item" 8944 target="_blank" 8945 rel="noopener" 8946 8947 aria-label="ANI â read coverage" 8948 8949 8950 > 8951 <div class="rnb-pb-logo-wrap"> 8952 8953 <img 8954 class="rnb-pb-logo-img" 8955 src="//ravenbass.com/cdn/shop/files/Ani-logo-black.png?v=1785238766&width=320" 8956 alt="ANI" 8957 loading="lazy" 8958 width="160" 8959 height="44.82084690553746" 8960 > 8961 8962 </div>
8963 <span class="rnb-pb-logo-underline"></span> 8964 <span class="rnb-pb-caption"> 8965 Read coverage 8966 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 8967 </span> 8968 </a> 8969 8970 8971 8972 8973 8974 <a 8975 href="https://www.business-standard.com/amp/content/press-releases-ani/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin-126052801395_1.html" 8976 class="rnb-pb-item" 8977 target="_blank" 8978 rel="noopener" 8979 8980 aria-label="Business Standard â read coverage" 8981 8982 8983 > 8984 <div class="rnb-pb-logo-wrap"> 8985 8986 <img 8987 class="rnb-pb-logo-img" 8988 src="//ravenbass.com/cdn/shop/files/business-standard-logo-2.webp?v=1785238812&width=320" 8989 alt="Business Standard" 8990 loading="lazy" 8991 width="160" 8992 height="53.333333333333336" 8993 > 8994 8995 </div> 8996 <span class="rnb-pb-logo-underline"></span> 8997 <span class="rnb-pb-caption"> 8998 Read coverage 8999 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9000 </span> 9001 </a> 9002 9003 9004 9005 9006 9007 <a 9008 href="https://www.news18.com/agency-feeds/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin-10117645.html" 9009 class="rnb-pb-item" 9010 target="_blank" 9011 rel="noopener" 9012 9013 aria-label="News18 â read coverage" 9014 9015 9016 > 9017 <div class="rnb-pb-logo-wrap"> 9018 9019 <img 9020 class="rnb-pb-logo-img" 9021 src="//ravenbass.com/cdn/shop/files/news18-logo-png_seeklogo-429518-removebg-preview.png?v=1785239083&width=320" 9022 alt="News18" 9023 loading="lazy" 9024 width="160" 9025 height="76.48" 9026 > 9027 9028 </div> 9029 <span class="rnb-pb-logo-underline"></span> 9030 <span class="rnb-pb-caption"> 9031 Read coverage 9032 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9033 </span> 9034 </a> 9035 9036 9037 9038 9039 9040 <a 9041 href="https://www.tribuneindia.com/news/advertorial-disclaimer/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin" 9042 class="rnb-pb-item" 9043 target="_blank" 9044 rel="noopener" 9045 9046 aria-label="Tribune â read coverage" 9047 9048 9049 > 9050 <div class="rnb-pb-logo-wrap"> 9051 9052 <img 9053 class="rnb-pb-logo-img" 9054 src="//ravenbass.com/cdn/shop/files/The_Tribune_logo-removebg-preview.png?v=1785238892&width=320" 9055 alt="Tribune" 9056 loading="lazy" 9057 width="160" 9058 height="40.228571428571435" 9059 > 9060 9061 </div> 9062 <span class="rnb-pb-logo-underline"></span> 9063 <span class="rnb-pb-caption"> 9064 Read coverage 9065 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9066 </span> 9067 </a> 9068 9069 9070 9071 9072 9073 <a
9074 href="https://www.latestly.com/agency-news/business-news-how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin-7449836.html" 9075 class="rnb-pb-item" 9076 target="_blank" 9077 rel="noopener" 9078 9079 aria-label="Latestly â read coverage" 9080 9081 9082 > 9083 <div class="rnb-pb-logo-wrap"> 9084 9085 <img 9086 class="rnb-pb-logo-img" 9087 src="//ravenbass.com/cdn/shop/files/images__2_-removebg-preview.png?v=1785238737&width=320" 9088 alt="Latestly" 9089 loading="lazy" 9090 width="160" 9091 height="44.21545667447307" 9092 > 9093 9094 </div> 9095 <span class="rnb-pb-logo-underline"></span> 9096 <span class="rnb-pb-caption"> 9097 Read coverage 9098 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9099 </span> 9100 </a> 9101 9102 9103 9104 9105 9106 <a 9107 href="https://www.lokmattimes.com/business/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin/" 9108 class="rnb-pb-item" 9109 target="_blank" 9110 rel="noopener" 9111 9112 aria-label="Lokmat â read coverage" 9113 9114 9115 > 9116 <div class="rnb-pb-logo-wrap"> 9117 9118 <img 9119 class="rnb-pb-logo-img" 9120 src="//ravenbass.com/cdn/shop/files/Lokmat-Times-1.png-removebg-preview.png?v=1785239053&width=320" 9121 alt="Lokmat" 9122 loading="lazy" 9123 width="160" 9124 height="33.48837209302325" 9125 > 9126 9127 </div> 9128 <span class="rnb-pb-logo-underline"></span> 9129 <span class="rnb-pb-caption"> 9130 Read coverage 9131 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9132 </span> 9133 </a> 9134 9135 9136 9137 9138 9139 9140 9141 9142 9143 9144 <a 9145 href="https://www.aninews.in/news/business/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin20260528162917/" 9146 class="rnb-pb-item" 9147 target="_blank" 9148 rel="noopener" 9149 9150 aria-hidden="true" 9151 tabindex="-1" 9152 data-rnb-pb-duplicate 9153 9154 > 9155 <div class="rnb-pb-logo-wrap"> 9156 9157 <img 9158 class="rnb-pb-logo-img" 9159 src="//ravenbass.com/cdn/shop/files/Ani-logo-black.png?v=1785238766&width=320" 9160 alt="" 9161 loading="lazy" 9162 width="160" 9163 height="44.82084690553746" 9164 > 9165 9166 </div> 9167 <span class="rnb-pb-logo-underline"></span> 9168 <span class="rnb-pb-caption"> 9169 Read coverage 9170 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9171 </span> 9172 </a> 9173 9174 9175 9176 9177 9178 <a 9179 href="https://www.business-standard.com/amp/content/press-releases-ani/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin-126052801395_1.html" 9180 class="rnb-pb-item" 9181 target="_blank" 9182 rel="noopener" 9183 9184 aria-hidden="true" 9185 tabindex="-1" 9186 data-rnb-pb-duplicate 9187 9188 > 9189 <div class="rnb-pb-logo-wrap"> 9190 9191 <img 9192 class="rnb-pb-logo-img" 9193 src="//ravenbass.com/cdn/shop/files/business-standard-logo-2.webp?v=1785238812&width=320" 9194 alt="" 9195 loading="lazy" 9196 width="160" 9197 height="53.333333333333336" 9198 > 9199 9200 </div>
9201 <span class="rnb-pb-logo-underline"></span> 9202 <span class="rnb-pb-caption"> 9203 Read coverage 9204 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9205 </span> 9206 </a> 9207 9208 9209 9210 9211 9212 <a 9213 href="https://www.news18.com/agency-feeds/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin-10117645.html" 9214 class="rnb-pb-item" 9215 target="_blank" 9216 rel="noopener" 9217 9218 aria-hidden="true" 9219 tabindex="-1" 9220 data-rnb-pb-duplicate 9221 9222 > 9223 <div class="rnb-pb-logo-wrap"> 9224 9225 <img 9226 class="rnb-pb-logo-img" 9227 src="//ravenbass.com/cdn/shop/files/news18-logo-png_seeklogo-429518-removebg-preview.png?v=1785239083&width=320" 9228 alt="" 9229 loading="lazy" 9230 width="160" 9231 height="76.48" 9232 > 9233 9234 </div> 9235 <span class="rnb-pb-logo-underline"></span> 9236 <span class="rnb-pb-caption"> 9237 Read coverage 9238 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9239 </span> 9240 </a> 9241 9242 9243 9244 9245 9246 <a 9247 href="https://www.tribuneindia.com/news/advertorial-disclaimer/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin" 9248 class="rnb-pb-item" 9249 target="_blank" 9250 rel="noopener" 9251 9252 aria-hidden="true" 9253 tabindex="-1" 9254 data-rnb-pb-duplicate 9255 9256 > 9257 <div class="rnb-pb-logo-wrap"> 9258 9259 <img 9260 class="rnb-pb-logo-img" 9261 src="//ravenbass.com/cdn/shop/files/The_Tribune_logo-removebg-preview.png?v=1785238892&width=320" 9262 alt="" 9263 loading="lazy" 9264 width="160" 9265 height="40.228571428571435" 9266 > 9267 9268 </div> 9269 <span class="rnb-pb-logo-underline"></span> 9270 <span class="rnb-pb-caption"> 9271 Read coverage 9272 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9273 </span> 9274 </a> 9275 9276 9277 9278 9279 9280 <a 9281 href="https://www.latestly.com/agency-news/business-news-how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin-7449836.html" 9282 class="rnb-pb-item" 9283 target="_blank" 9284 rel="noopener" 9285 9286 aria-hidden="true" 9287 tabindex="-1" 9288 data-rnb-pb-duplicate 9289 9290 > 9291 <div class="rnb-pb-logo-wrap"> 9292 9293 <img 9294 class="rnb-pb-logo-img" 9295 src="//ravenbass.com/cdn/shop/files/images__2_-removebg-preview.png?v=1785238737&width=320" 9296 alt="" 9297 loading="lazy" 9298 width="160" 9299 height="44.21545667447307" 9300 > 9301 9302 </div> 9303 <span class="rnb-pb-logo-underline"></span> 9304 <span class="rnb-pb-caption"> 9305 Read coverage 9306 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9307 </span> 9308 </a> 9309 9310 9311 9312 9313 9314 <a 9315 href="https://www.lokmattimes.com/business/how-rave-n-bass-is-redefining-skincare-for-stressed-and-overworked-skin/" 9316 class="rnb-pb-item" 9317 target="_blank" 9318 rel="noopener" 9319 9320 aria-hidden="true" 9321 tabindex="-1" 9322 data-rnb-pb-duplicate 9323 9324 > 9325 <div class="rnb-pb-logo-wrap"> 9326 9327 <img 9328 class="rnb-pb-logo-img" 9329 src="//ravenbass.com/cdn/shop/files/Lokmat-Times-1.png-removebg-preview.png?v=1785239053&width=320" 9330 alt="" 9331 loading="lazy" 9332 width="160" 9333 height="33.48837209302325" 9334 > 9335 9336 </div>
9337 <span class="rnb-pb-logo-underline"></span> 9338 <span class="rnb-pb-caption"> 9339 Read coverage 9340 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg> 9341 </span> 9342 </a> 9343 9344 9345 9346 9347 </div> 9348 </div> 9349</div> 9350
9351<script> 9352(function () { 9353 var root = document.getElementById('rnb-press-bar-template--21311316295863__press_bar_7Lj9gA'); 9354 if (!root) return; 9355 9356 var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 9357 var animate = root.getAttribute('data-animate') === 'true' && !reduceMotion; 9358 9359 root.setAttribute('data-grayscale', 'true'); 9360 9361 var revealEls = root.querySelectorAll('.rnb-pb-header, .rnb-pb-viewport'); 9362 if (animate && 'IntersectionObserver' in window) { 9363 var observer = new IntersectionObserver(function (entries) { 9364 entries.forEach(function (entry) { 9365 if (entry.isIntersecting) { 9366 entry.target.classList.add('rnb-pb-in-view'); 9367 observer.unobserve(entry.target); 9368 } 9369 }); 9370 }, { threshold: 0.15 }); 9371 revealEls.forEach(function (el) { observer.observe(el); }); 9372 } else { 9373 revealEls.forEach(function (el) { el.classList.add('rnb-pb-in-view'); }); 9374 } 9375 9376 // Touch devices have no real hover, so a tap on a linked logo used to 9377 // navigate away immediately â the user never actually saw the logo clearly 9378 // or the "Read coverage" label first. Fix: on devices with no hover 9379 // capability, the FIRST tap on a logo reveals it (pauses the marquee, 9380 // shows the caption) instead of following the link. A second tap on that 9381 // same (now-revealed) logo â or tapping its "Read coverage" label â then 9382 // navigates normally. Tapping anywhere else dismisses the reveal and 9383 // resumes the marquee. Desktop mouse users are untouched by this; they 9384 // keep the existing :hover behavior. 9385 var isTouch = window.matchMedia('(hover: none)').matches; 9386 if (isTouch) { 9387 var track = root.querySelector('.rnb-pb-track'); 9388 var linkedItems = root.querySelectorAll('a.rnb-pb-item:not([data-rnb-pb-duplicate])'); 9389 9390 function clearActivePressItems() { 9391 linkedItems.forEach(function (el) { el.classList.remove('rnb-pb-active'); }); 9392 if (track) track.classList.remove('rnb-pb-js-paused'); 9393 } 9394 9395 linkedItems.forEach(function (item) { 9396 item.addEventListener('click', function (e) { 9397 if (!item.classList.contains('rnb-pb-active')) { 9398 e.preventDefault(); 9399 clearActivePressItems(); 9400 item.classList.add('rnb-pb-active'); 9401 if (track) track.classList.add('rnb-pb-js-paused'); 9402 } 9403 // Already revealed â let this tap follow the link as normal. 9404 }); 9405 }); 9406 9407 document.addEventListener('click', function (e) { 9408 var withinItem = e.target.closest && e.target.closest('.rnb-pb-item'); 9409 if (!withinItem) clearActivePressItems(); 9410 }); 9411 } 9412})(); 9413</script>
9413 9414 9415 9416</section> 9417 </main> 9418 9419 <footer> 9420 <!-- BEGIN sections: footer-group --> 9421<section id="shopify-section-sections--21311309840567__footer_rnb_GCYeph" class="shopify-section shopify-section-group-footer-group rnb-footer-wrapper"><div 9422 id="rnb-footer-sections--21311309840567__footer_rnb_GCYeph" 9423 class="rnb-footer-section" 9424 style=" 9425 --rnb-footer-bg: #7a1616; 9426 --rnb-footer-text: #f5ede0; 9427 --rnb-footer-accent: #c9a227; 9428 --rnb-footer-maroon: #7A1616; 9429 --rnb-footer-maroon-deep: #5A0F0F; 9430 " 9431 data-animate="true" 9432> 9433 <style> 9434 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph { 9435 position: relative; 9436 background: linear-gradient(180deg, var(--rnb-footer-bg), var(--rnb-footer-maroon-deep)); 9437 color: var(--rnb-footer-text); 9438 overflow: hidden; 9439 isolation: isolate; 9440 } 9441 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph * { box-sizing: border-box; } 9442 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph a { color: inherit; text-decoration: none; } 9443 9444 /* ================= Texture layers ================= */ 9445 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-texture { 9446 position: absolute; 9447 inset: 0; 9448 z-index: 0; 9449 pointer-events: none; 9450 background-image: radial-gradient(rgba(245, 237, 224, 0.12) 1px, transparent 1px); 9451 background-size: 26px 26px; 9452 opacity: 0.5; 9453 } 9454 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-grain { 9455 position: absolute; 9456 inset: -20%; 9457 z-index: 0; 9458 pointer-events: none; 9459 opacity: 0.05; 9460 mix-blend-mode: overlay; 9461 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); 9462 } 9463 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-blob { 9464 position: absolute; 9465 border-radius: 50%; 9466 filter: blur(80px); 9467 opacity: 0.28; 9468 z-index: 0; 9469 pointer-events: none; 9470 } 9471 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-blob-1 { 9472 width: 460px; height: 460px; 9473 top: -200px; left: -160px; 9474 background: radial-gradient(circle, var(--rnb-footer-accent) 0%, transparent 70%); 9475 animation: rnb-footer-drift-a 24s ease-in-out infinite alternate; 9476 } 9477 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-blob-2 { 9478 width: 380px; height: 380px; 9479 bottom: -160px; right: -140px; 9480 background: radial-gradient(circle, #F5EDE0 0%, transparent 70%); 9481 opacity: 0.08; 9482 animation: rnb-footer-drift-b 28s ease-in-out infinite alternate; 9483 } 9484 @keyframes rnb-footer-drift-a { 9485 0% { transform: translate(0,0) scale(1); } 9486 100% { transform: translate(50px, 35px) scale(1.15); } 9487 } 9488 @keyframes rnb-footer-drift-b { 9489 0% { transform: translate(0,0) scale(1); } 9490 100% { transform: translate(-35px,-30px) scale(1.12); } 9491 } 9492 9493 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph > * { position: relative; z-index: 1; } 9494 9495 /* ================= Trust & payment band ================= */ 9496 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-trust { 9497 border-bottom: 1px solid rgba(245, 237, 224, 0.14); 9498 padding: 40px 24px; 9499 } 9500 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-trust-label { 9501 text-align: center; 9502 font-size: 11.5px; 9503 letter-spacing: 0.18em; 9504 text-transform: uppercase; 9505 color: var(--rnb-footer-accent); 9506 font-weight: 700; 9507 opacity: 0.85; 9508 margin-bottom: 22px; 9509 } 9510 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-trust-inner { 9511 max-width: 1160px; 9512 margin: 0 auto; 9513 display: flex; 9514 flex-wrap: wrap; 9515 justify-content: center; 9516 gap: 14px; 9517 } 9518 9519 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-card { 9520 opacity: 0; 9521 transform: translateY(12px); 9522 transition: opacity 0.5s ease, transform 0.5s ease; 9523 background: rgba(245, 237, 224, 0.045); 9524 border: 1px solid rgba(201, 162, 39, 0.28); 9525 border-radius: 14px; 9526 min-width: 168px; 9527 overflow: hidden; 9528 } 9529 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-card.rnb-footer-in-view { 9530 opacity: 1; 9531 transform: translateY(0); 9532 } 9533 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-card:hover { 9534 border-color: var(--rnb-footer-accent); 9535 background: rgba(245, 237, 224, 0.08); 9536 transform: translateY(-3px); 9537 box-shadow: 0 10px 24px rgba(0,0,0,0.18); 9538 } 9539 9540 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-trigger { 9541 width: 100%; 9542 display: flex; 9543 align-items: center; 9544 gap: 11px; 9545 padding: 13px 16px; 9546 background: none; 9547 border: none; 9548 color: inherit; 9549 font: inherit; 9550 cursor: pointer; 9551 text-align: left; 9552 } 9553 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-static { 9554 display: flex; 9555 align-items: center; 9556 gap: 11px; 9557 padding: 13px 16px; 9558 } 9559 9560 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-icon { 9561 flex: 0 0 auto; 9562 width: 36px; 9563 height: 36px; 9564 border-radius: 50%; 9565 border: 1.5px solid var(--rnb-footer-accent); 9566 display: flex; 9567 align-items: center; 9568 justify-content: center; 9569 color: var(--rnb-footer-accent); 9570 transition: background 0.3s ease, color 0.3s ease, transform 0.5s ease; 9571 } 9572 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-card:hover .rnb-footer-badge-icon, 9573 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-trigger[aria-expanded="true"] .rnb-footer-badge-icon { 9574 background: var(--rnb-footer-accent); 9575 color: var(--rnb-footer-maroon-deep); 9576 animation: rnb-footer-wiggle 0.5s ease; 9577 } 9578 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-icon svg, 9579 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-icon img { 9580 width: 17px; height: 17px; object-fit: contain; 9581 }
9582 @keyframes rnb-footer-wiggle { 9583 0% { transform: rotate(0deg) scale(1); } 9584 25% { transform: rotate(-9deg) scale(1.06); } 9585 50% { transform: rotate(9deg) scale(1.06); } 9586 75% { transform: rotate(-4deg) scale(1.02); } 9587 100% { transform: rotate(0deg) scale(1); } 9588 } 9589 9590 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-label { 9591 flex: 1; 9592 font-size: 13px; 9593 font-weight: 600; 9594 letter-spacing: 0.01em; 9595 line-height: 1.3; 9596 } 9597 9598 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-chevron { 9599 flex: 0 0 auto; 9600 width: 16px; height: 16px; 9601 opacity: 0.7; 9602 transition: transform 0.3s ease; 9603 } 9604 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-trigger[aria-expanded="true"] .rnb-footer-badge-chevron { 9605 transform: rotate(45deg); 9606 } 9607 9608 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-detail-wrap { 9609 display: grid; 9610 grid-template-rows: 0fr; 9611 transition: grid-template-rows 0.35s ease; 9612 } 9613 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-detail-wrap.rnb-footer-open { 9614 grid-template-rows: 1fr; 9615 } 9616 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-detail-inner { overflow: hidden; min-height: 0; } 9617 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-detail-inner p { 9618 margin: 0; 9619 padding: 0 16px 14px 63px; 9620 font-size: 12px; 9621 line-height: 1.55; 9622 opacity: 0.7; 9623 } 9624 9625 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-payments { 9626 max-width: 1160px; 9627 margin: 22px auto 0; 9628 display: flex; 9629 flex-wrap: wrap; 9630 justify-content: center; 9631 gap: 10px; 9632 } 9633 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-payment-icon { 9634 height: 30px; 9635 padding: 6px 12px; 9636 border-radius: 8px; 9637 background: rgba(245, 237, 224, 0.08); 9638 border: 1px solid rgba(245, 237, 224, 0.12); 9639 display: flex; 9640 align-items: center; 9641 justify-content: center; 9642 transition: background 0.25s ease, border-color 0.25s ease; 9643 } 9644 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-payment-icon:hover { 9645 background: rgba(245, 237, 224, 0.14); 9646 border-color: var(--rnb-footer-accent); 9647 } 9648 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-payment-icon img { 9649 max-height: 16px; 9650 width: auto; 9651 object-fit: contain; 9652 } 9653 9654 /* ================= Main footer ================= */ 9655 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-main { 9656 max-width: 1160px; 9657 margin: 0 auto; 9658 padding: 56px 24px 32px; 9659 display: grid; 9660 grid-template-columns: 1.3fr 1fr 1fr 1fr; 9661 gap: 40px; 9662 } 9663 9664 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-brand { 9665 opacity: 0; 9666 transform: translateY(14px); 9667 transition: opacity 0.6s ease, transform 0.6s ease; 9668 } 9669 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-brand.rnb-footer-in-view { 9670 opacity: 1; 9671 transform: translateY(0); 9672 } 9673 9674 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-logo-wrap { 9675 position: relative; 9676 display: inline-block; 9677 margin-bottom: 16px; 9678 } 9679 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-logo-wrap::before { 9680 content: ""; 9681 position: absolute; 9682 inset: -14px; 9683 border-radius: 50%; 9684 background: radial-gradient(circle, rgba(201,162,39,0.35), transparent 70%); 9685 animation: rnb-footer-glow-pulse 3.6s ease-in-out infinite; 9686 z-index: -1; 9687 } 9688 @keyframes rnb-footer-glow-pulse { 9689 0%, 100% { opacity: 0.5; transform: scale(1); } 9690 50% { opacity: 0.9; transform: scale(1.12); } 9691 } 9692 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-logo { 9693 max-height: 46px; 9694 width: auto; 9695 display: block; 9696 } 9697 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-logo-text { 9698 font-family: Georgia, 'Times New Roman', serif; 9699 font-size: 26px; 9700 font-weight: 700; 9701 letter-spacing: 0.02em; 9702 line-height: 1.1; 9703 } 9704 9705 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-tagline { 9706 font-size: 14px; 9707 line-height: 1.6; 9708 opacity: 0.75; 9709 max-width: 32ch; 9710 margin-bottom: 24px; 9711 } 9712 9713 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-socials { 9714 display: flex; 9715 gap: 12px; 9716 } 9717 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-wrap { 9718 position: relative; 9719 } 9720 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-tip { 9721 position: absolute; 9722 bottom: calc(100% + 8px); 9723 left: 50%; 9724 transform: translate(-50%, 4px); 9725 font-size: 10.5px; 9726 letter-spacing: 0.05em; 9727 text-transform: uppercase; 9728 font-weight: 600; 9729 color: var(--rnb-footer-maroon-deep); 9730 background: var(--rnb-footer-accent); 9731 padding: 4px 9px; 9732 border-radius: 6px; 9733 white-space: nowrap; 9734 opacity: 0; 9735 pointer-events: none; 9736 transition: opacity 0.25s ease, transform 0.25s ease; 9737 } 9738 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-wrap:hover .rnb-footer-social-tip { 9739 opacity: 1; 9740 transform: translate(-50%, 0); 9741 } 9742 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-btn { 9743 width: 42px; 9744 height: 42px; 9745 border-radius: 50%; 9746 border: 1.5px solid var(--rnb-footer-accent); 9747 display: flex; 9748 align-items: center; 9749 justify-content: center; 9750 color: var(--rnb-footer-accent); 9751 transition: background 0.3s ease, color 0.3s ease, transform 0.25s ease, border-color 0.3s ease; 9752 } 9753 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-btn:hover, 9754 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-btn:focus-visible { 9755 background: var(--rnb-footer-accent); 9756 border-color: var(--rnb-footer-accent); 9757 color: var(--rnb-footer-maroon-deep); 9758 } 9759 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-social-btn svg { 9760 width: 18px; height: 18px; 9761 } 9762 9763 /* ---- Nav columns ---- */ 9764 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col { 9765 opacity: 0; 9766 transform: translateY(14px); 9767 transition: opacity 0.6s ease, transform 0.6s ease; 9768 border-bottom: 1px solid rgba(245, 237, 224, 0.14); 9769 } 9770 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col.rnb-footer-in-view { 9771 opacity: 1; 9772 transform: translateY(0); 9773 } 9774 9775 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-trigger { 9776 width: 100%; 9777 display: flex; 9778 align-items: center; 9779 justify-content: space-between; 9780 background: none; 9781 border: none; 9782 color: inherit; 9783 font: inherit; 9784 padding: 6px 0 14px; 9785 cursor: pointer; 9786 text-align: left; 9787 } 9788 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-heading { 9789 font-size: 13px; 9790 font-weight: 700; 9791 letter-spacing: 0.1em; 9792 text-transform: uppercase; 9793 color: var(--rnb-footer-accent); 9794 } 9795 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-chevron { 9796 width: 16px; height: 16px; 9797 transition: transform 0.3s ease; 9798 opacity: 0.85; 9799 } 9800 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-trigger[aria-expanded="true"] .rnb-footer-chevron { 9801 transform: rotate(45deg); 9802 } 9803 9804 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-panel { 9805 display: grid; 9806 grid-template-rows: 0fr; 9807 transition: grid-template-rows 0.35s ease; 9808 } 9809 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-panel.rnb-footer-open { 9810 grid-template-rows: 1fr; 9811 } 9812 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-panel-inner { 9813 overflow: hidden; 9814 min-height: 0; 9815 } 9816 9817 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links { 9818 list-style: none; 9819 margin: 0; 9820 padding: 0 0 18px; 9821 display: flex; 9822 flex-direction: column; 9823 gap: 11px; 9824 } 9825 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links a { 9826 font-size: 14px; 9827 opacity: 0.8; 9828 position: relative; 9829 display: inline-block; 9830 padding-bottom: 1px; 9831 transition: opacity 0.25s ease; 9832 } 9833 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links a::after { 9834 content: ""; 9835 position: absolute; 9836 left: 0; bottom: -2px; 9837 width: 0; 9838 height: 1px; 9839 background: var(--rnb-footer-accent); 9840 transition: width 0.3s ease; 9841 } 9842 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links a:hover, 9843 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links a:focus-visible { 9844 opacity: 1; 9845 } 9846 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links a:hover::after, 9847 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-links a:focus-visible::after { 9848 width: 100%; 9849 } 9850 9851 @media (min-width: 701px) { 9852 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col { border-bottom: none; } 9853 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-panel { grid-template-rows: 1fr !important; } 9854 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col-trigger { cursor: default; padding-bottom: 18px; } 9855 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-chevron { display: none; } 9856 } 9857 9858 /* ================= Bottom bar ================= */ 9859 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-bottom { 9860 border-top: 1px solid rgba(245, 237, 224, 0.16); 9861 padding: 20px 24px; 9862 } 9863 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-bottom-inner { 9864 max-width: 1160px; 9865 margin: 0 auto; 9866 display: flex; 9867 flex-wrap: wrap; 9868 align-items: center; 9869 justify-content: space-between; 9870 gap: 12px; 9871 font-size: 12.5px; 9872 opacity: 0.65; 9873 } 9874 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-copyright { white-space: nowrap; } 9875 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-bottom-links { 9876 display: flex; 9877 gap: 18px; 9878 flex-wrap: wrap; 9879 } 9880 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-bottom-links a { transition: opacity 0.25s ease; } 9881 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-bottom-links a:hover { opacity: 1; } 9882 9883 /* ================= Back to top ================= */ 9884 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-top-btn { 9885 position: fixed; 9886 right: 22px; 9887 bottom: 22px; 9888 width: 44px; 9889 height: 44px; 9890 border-radius: 50%; 9891 background: var(--rnb-footer-maroon); 9892 border: 1.5px solid var(--rnb-footer-accent); 9893 color: var(--rnb-footer-accent); 9894 display: flex; 9895 align-items: center; 9896 justify-content: center; 9897 cursor: pointer; 9898 z-index: 40; 9899 opacity: 0; 9900 transform: translateY(12px); 9901 pointer-events: none; 9902 overflow: hidden; 9903 transition: opacity 0.3s ease, transform 0.3s ease, background 0.25s ease; 9904 } 9905 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-top-btn.rnb-footer-visible { 9906 opacity: 1; 9907 transform: translateY(0); 9908 pointer-events: auto; 9909 } 9910 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-top-btn:hover { 9911 background: var(--rnb-footer-accent); 9912 color: var(--rnb-footer-maroon-deep); 9913 } 9914 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-top-btn svg { 9915 width: 18px; height: 18px; 9916 } 9917 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-ripple { 9918 position: absolute; 9919 border-radius: 50%; 9920 background: rgba(245, 237, 224, 0.5); 9921 transform: scale(0); 9922 animation: rnb-footer-ripple 0.6s ease-out; 9923 pointer-events: none; 9924 }
9925 @keyframes rnb-footer-ripple { 9926 to { transform: scale(3); opacity: 0; } 9927 } 9928 9929 /* ================= Responsive ================= */ 9930 @media (max-width: 900px) { 9931 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-main { grid-template-columns: 1fr 1fr; } 9932 } 9933 @media (max-width: 700px) { 9934 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-main { 9935 grid-template-columns: 1fr; 9936 padding: 44px 24px 12px; 9937 gap: 4px; 9938 } 9939 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-brand { margin-bottom: 24px; } 9940 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-bottom-inner { 9941 flex-direction: column; 9942 align-items: flex-start; 9943 } 9944 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-card { min-width: 45%; flex: 1 1 45%; } 9945 } 9946 9947 /* ================= Reduced motion ================= */ 9948 @media (prefers-reduced-motion: reduce) { 9949 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph * { animation: none !important; } 9950 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-badge-card, 9951 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-brand, 9952 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-col, 9953 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-top-btn { 9954 transition: none !important; 9955 opacity: 1 !important; 9956 transform: none !important; 9957 } 9958 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-top-btn { pointer-events: auto; } 9959 #rnb-footer-sections--21311309840567__footer_rnb_GCYeph .rnb-footer-logo-wrap::before { animation: none !important; opacity: 0.5; } 9960 } 9961 </style> 9962 9963 <div class="rnb-footer-texture" aria-hidden="true"></div> 9964 <div class="rnb-footer-grain" aria-hidden="true"></div> 9965 <div class="rnb-footer-blob rnb-footer-blob-1" aria-hidden="true"></div> 9966 <div class="rnb-footer-blob rnb-footer-blob-2" aria-hidden="true"></div> 9967 9968 <!-- Trust & payment band --> 9969 9970 9971 9972 9973 9974 <div class="rnb-footer-trust"> 9975 9976 <div class="rnb-footer-trust-label">Why Athletes Trust Us</div> 9977 9978 9979 9980 <div class="rnb-footer-trust-inner"> 9981 9982 9983 9984 <div class="rnb-footer-badge-card" > 9985 9986 <div class="rnb-footer-badge-static"> 9987 <span class="rnb-footer-badge-icon"> 9988 9989 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="M9 14.5 7 22l5-3 5 3-2-7.5"/></svg> 9990 9991 9992 </span> 9993 <span class="rnb-footer-badge-label">GMP Certified</span> 9994 </div> 9995 9996 </div> 9997 9998 9999 10000 10001 <div class="rnb-footer-badge-card" > 10002 10003 <div class="rnb-footer-badge-static"> 10004 <span class="rnb-footer-badge-icon"> 10005 10006 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s7-6.5 7-12a7 7 0 1 0-14 0c0 5.5 7 12 7 12z"/><circle cx="12" cy="10" r="2.5"/></svg> 10007 10008 10009 </span> 10010 <span class="rnb-footer-badge-label">Made in India</span> 10011 </div> 10012 10013 </div> 10014 10015 10016 10017 10018 <div class="rnb-footer-badge-card" > 10019 10020 <div class="rnb-footer-badge-static"> 10021 <span class="rnb-footer-badge-icon"> 10022 10023 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="7" width="14" height="10"/><path d="M15 10h4l3 3v4h-7z"/><circle cx="6" cy="19" r="1.6"/><circle cx="17.5" cy="19" r="1.6"/></svg> 10024 10025 10026 </span>
10027 <span class="rnb-footer-badge-label">COD Available</span> 10028 </div> 10029 10030 </div> 10031 10032 10033 10034 10035 <div class="rnb-footer-badge-card" > 10036 10037 <div class="rnb-footer-badge-static"> 10038 <span class="rnb-footer-badge-icon"> 10039 10040 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M11 21c-4-1-8-5-8-11 6 0 11 3 12 8"/><path d="M20 4c0 8-4 13-9 15"/></svg> 10041 10042 10043 </span> 10044 <span class="rnb-footer-badge-label">Sulphate Free</span> 10045 </div> 10046 10047 </div> 10048 10049 10050 10051 10052 <div class="rnb-footer-badge-card" > 10053 10054 <div class="rnb-footer-badge-static"> 10055 <span class="rnb-footer-badge-icon"> 10056 10057 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6z"/></svg> 10058 10059 10060 </span> 10061 <span class="rnb-footer-badge-label">Cruelty Free</span> 10062 </div> 10063 10064 </div> 10065 10066 10067 10068 10069 <div class="rnb-footer-badge-card" > 10070 10071 <div class="rnb-footer-badge-static"> 10072 <span class="rnb-footer-badge-icon"> 10073 10074 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="11" width="16" height="9" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> 10075 10076 10077 </span> 10078 <span class="rnb-footer-badge-label">Secure Checkout</span> 10079 </div> 10080 10081 </div> 10082 10083 10084 </div> 10085 10086 10087 10088 </div> 10089 10090 10091 <!-- Main footer --> 10092 <div class="rnb-footer-main"> 10093 10094 <div class="rnb-footer-brand"> 10095 <div class="rnb-footer-logo-wrap"> 10096 10097 <img 10098 class="rnb-footer-logo" 10099 src="//ravenbass.com/cdn/shop/files/White-80-61-Logo.png?v=1785240265&width=300" 10100 alt="Rave N Bass" 10101 loading="lazy" 10102 width="150" 10103 height="114.375" 10104 > 10105 10106 </div> 10107 10108 10109 <div class="rnb-footer-tagline">Performance skincare for athletes. Real actives, real concentrations, no fairy dust.</div> 10110 10111 10112 <div class="rnb-footer-socials"> 10113 10114 <span class="rnb-footer-social-wrap"> 10115 <span class="rnb-footer-social-tip">Instagram</span> 10116 <a class="rnb-footer-social-btn" href="https://instagram.com/rave.n.bass" target="_blank" rel="noopener" aria-label="Rave n Bass on Instagram" data-rnb-footer-magnetic> 10117 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1"/></svg> 10118 </a> 10119 </span> 10120 10121 10122 <span class="rnb-footer-social-wrap"> 10123 <span class="rnb-footer-social-tip">YouTube</span> 10124 <a class="rnb-footer-social-btn" href="https://www.youtube.com/@RavenBass123" target="_blank" rel="noopener" aria-label="Rave n Bass on YouTube" data-rnb-footer-magnetic> 10125 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2.5" y="5.5" width="19" height="13" rx="4"/><path d="M10.5 9.5v5l4.5-2.5z" fill="currentColor" stroke="none"/></svg> 10126 </a> 10127 </span> 10128 10129 10130 <span class="rnb-footer-social-wrap"> 10131 <span class="rnb-footer-social-tip">Facebook</span> 10132 <a class="rnb-footer-social-btn" href="https://www.facebook.com/profile.php?id=61574350702815&ref=PROFILE_EDIT_xav_ig_profile_page_web#" target="_blank" rel="noopener" aria-label="Rave n Bass on Facebook" data-rnb-footer-magnetic> 10133 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 8h2V5h-2a4 4 0 0 0-4 4v2H9v3h2v6h3v-6h2.2l.8-3H14v-1.6c0-.6.4-1.4 1-1.4z"/></svg> 10134 </a> 10135 </span> 10136 10137 10138 </div> 10139 </div> 10140 10141 10142 <div class="rnb-footer-col"> 10143 <button type="button" class="rnb-footer-col-trigger" aria-expanded="false" aria-controls="rnb-footer-panel-sh
10143op-sections--21311309840567__footer_rnb_GCYeph" data-rnb-footer-trigger> 10144 <span class="rnb-footer-col-heading">Shop</span> 10145 <span class="rnb-footer-chevron" aria-hidden="true"> 10146 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg> 10147 </span> 10148 </button> 10149 <div class="rnb-footer-col-panel" id="rnb-footer-panel-shop-sections--21311309840567__footer_rnb_GCYeph" data-rnb-footer-panel> 10150 <div class="rnb-footer-col-panel-inner"> 10151 <ul class="rnb-footer-links"> 10152 10153 <li><a href="/products/the-daily-reset">The Daily Reset â Gel Face Wash</a></li> 10154 10155 </ul> 10156 </div> 10157 </div> 10158 </div> 10159 10160 10161 <div class="rnb-footer-col"> 10162 <button type="button" class="rnb-footer-col-trigger" aria-expanded="false" aria-controls="rnb-footer-panel-info-sections--21311309840567__footer_rnb_GCYeph" data-rnb-footer-trigger> 10163 <span class="rnb-footer-col-heading">Info</span> 10164 <span class="rnb-footer-chevron" aria-hidden="true"> 10165 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg> 10166 </span> 10167 </button> 10168 <div class="rnb-footer-col-panel" id="rnb-footer-panel-info-sections--21311309840567__footer_rnb_GCYeph" data-rnb-footer-panel> 10169 <div class="rnb-footer-col-panel-inner"> 10170 <ul class="rnb-footer-links"> 10171 10172 <li><a href="/">Home</a></li> 10173 10174 <li><a href="/products/the-daily-reset">The Daily Reset</a></li> 10175 10176 <li><a href="/pages/about-us">About Us</a></li> 10177 10178 <li><a href="/blogs/news">Blogs</a></li> 10179 10180 <li><a href="/pages/contact">Contact Us</a></li> 10181 10182 </ul> 10183 </div> 10184 </div> 10185 </div> 10186 10187 10188 <div class="rnb-footer-col"> 10189 <button type="button" class="rnb-footer-col-trigger" aria-expanded="false" aria-controls="rnb-footer-panel-policies-sections--21311309840567__footer_rnb_GCYeph" data-rnb-footer-trigger> 10190 <span class="rnb-footer-col-heading">Policies</span> 10191 <span class="rnb-footer-chevron" aria-hidden="true"> 10192 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg> 10193 </span> 10194 </button> 10195 <div class="rnb-footer-col-panel" id="rnb-footer-panel-policies-sections--21311309840567__footer_rnb_GCYeph" data-rnb-footer-panel> 10196 <div class="rnb-footer-col-panel-inner"> 10197 <ul class="rnb-footer-links"> 10198 10199 <li><a href="/pages/privacy-policy">Privacy Policy</a></li> 10200 10201 <li><a href="/pages/terms-conditions">Terms & Conditions</a></li> 10202 10203 <li><a href="/pages/shipping-policy">Shipping Policy</a></li> 10204 10205 <li><a href="/pages/returns-refunds">Returns & Refunds</a></li> 10206 10207 </ul> 10208 </div> 10209 </div> 10210 </div> 10211 </div> 10212 10213 <!-- Bottom bar --> 10214 <div class="rnb-footer-bottom"> 10215 <div class="rnb-footer-bottom-inner"> 10216 <div class="rnb-footer-copyright"> 10217 © 2026 Rave n Bass. All rights reserved. 10218 </div> 10219 10220 </div> 10221 </div> 10222 10223 10224 <button type="button" class="rnb-footer-top-btn" aria-label="Back to top" data-rnb-footer-top> 10225 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M12 19V5M5 12l7-7 7 7"/></svg> 10226 </button> 10227 10228</div> 10229
10230<script> 10231(function () { 10232 var root = document.getElementById('rnb-footer-sections--21311309840567__footer_rnb_GCYeph'); 10233 if (!root) return; 10234 10235 var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 10236 var animate = root.getAttribute('data-animate') === 'true' && !reduceMotion; 10237 var hoverCapable = window.matchMedia('(hover: hover)').matches; 10238 10239 /* Scroll reveal */ 10240 var revealEls = root.querySelectorAll('.rnb-footer-badge-card, .rnb-footer-brand, .rnb-footer-col'); 10241 if (animate && 'IntersectionObserver' in window) { 10242 var observer = new IntersectionObserver(function (entries) { 10243 entries.forEach(function (entry) { 10244 if (entry.isIntersecting) { 10245 var el = entry.target; 10246 if (el.classList.contains('rnb-footer-badge-card')) { 10247 var items = root.querySelectorAll('.rnb-footer-badge-card'); 10248 var idx = Array.prototype.indexOf.call(items, el); 10249 el.style.transitionDelay = (idx * 0.06) + 's'; 10250 } 10251 el.classList.add('rnb-footer-in-view'); 10252 observer.unobserve(el); 10253 } 10254 }); 10255 }, { threshold: 0.15 }); 10256 revealEls.forEach(function (el) { observer.observe(el); }); 10257 } else { 10258 revealEls.forEach(function (el) { el.classList.add('rnb-footer-in-view'); }); 10259 } 10260 10261 /* Trust badge accordions */ 10262 var badgeTriggers = root.querySelectorAll('[data-rnb-footer-badge-trigger]'); 10263 badgeTriggers.forEach(function (btn) { 10264 btn.addEventListener('click', function () { 10265 var panel = document.getElementById(btn.getAttribute('aria-controls')); 10266 var expanded = btn.getAttribute('aria-expanded') === 'true'; 10267 btn.setAttribute('aria-expanded', String(!expanded)); 10268 if (panel) panel.classList.toggle('rnb-footer-open', !expanded); 10269 }); 10270 }); 10271 10272 /* Nav column accordions (mobile only â CSS forces open above 700px) */ 10273 var colTriggers = root.querySelectorAll('[data-rnb-footer-trigger]'); 10274 colTriggers.forEach(function (btn) { 10275 btn.addEventListener('click', function () { 10276 var panel = document.getElementById(btn.getAttribute('aria-controls')); 10277 var expanded = btn.getAttribute('aria-expanded') === 'true'; 10278 btn.setAttribute('aria-expanded', String(!expanded)); 10279 if (panel) panel.classList.toggle('rnb-footer-open', !expanded); 10280 }); 10281 }); 10282 10283 /* Magnetic social icons */ 10284 if (animate && hoverCapable) { 10285 root.querySelectorAll('[data-rnb-footer-magnetic]').forEach(function (btn) { 10286 btn.addEventListener('mousemove', function (e) { 10287 var rect = btn.getBoundingClientRect(); 10288 var x = (e.clientX - rect.left) / rect.width - 0.5; 10289 var y = (e.clientY - rect.top) / rect.height - 0.5; 10290 btn.style.transform = 'translate(' + (x * 6) + 'px,' + (y * 6) + 'px)'; 10291 }); 10292 btn.addEventListener('mouseleave', function () { 10293 btn.style.transform = 'translate(0,0)'; 10294 }); 10295 }); 10296 } 10297 10298 /* Back to top + ripple */ 10299 var topBtn = root.querySelector('[data-rnb-footer-top]'); 10300 if (topBtn) { 10301 var ticking = false; 10302 function onScroll() { 10303 if (ticking) return; 10304 ticking = true; 10305 window.requestAnimationFrame(function () { 10306 topBtn.classList.toggle('rnb-footer-visible', window.scrollY > 600); 10307 ticking = false; 10308 }); 10309 } 10310 window.addEventListener('scroll', onScroll, { passive: true }); 10311 onScroll(); 10312 topBtn.addEventListener('click', function (e) { 10313 window.scrollTo({ top: 0, behavior: reduceMotion ? 'auto' : 'smooth' }); 10314 if (animate) { 10315 var ripple = document.createElement('span'); 10316 ripple.className = 'rnb-footer-ripple'; 10317 var rect = topBtn.getBoundingClientRect(); 10318 var size = Math.max(rect.width, rect.height); 10319 ripple.style.width = ripple.style.height = size + 'px'; 10320 ripple.style.left = (e.clientX - rect.left - size / 2) + 'px'; 10321 ripple.style.top = (e.clientY - rect.top - size / 2) + 'px'; 10322 topBtn.appendChild(ripple); 10323 setTimeout(function () { ripple.remove(); }, 650); 10324 } 10325 }); 10326 } 10327})(); 10328</script>
10328 10329 10330 10331</section> 10332<!-- END sections: footer-group --> 10333 </footer> 10334 </div> 10335 10336 10337 10338 <div 10339 id="shopify-section-cart-drawer-section" 10340 class="shopify-section" 10341 > 10342 10343 10344
10344<script 10345 type="module" 10346 src="//ravenbass.com/cdn/shop/t/11/assets/cart-drawer.js?v=101430053943909765251789643208" 10347 fetchpriority="low" 10348 ></script>
10348 10349 10350 10351 10352 <theme-drawer 10353 id="cart-drawer" 10354 data-skip-node-update 10355 > 10356 <dialog 10357 ref="panel" 10358 class="theme-drawer__dialog color-custom-drawer" 10359 aria-labelledby="cart-drawer-heading" 10360 cart-summary-sticky="true" 10361 > 10362 <cart-drawer-component 10363 10364 > 10365 <template id="empty-cart-template"> 10366 10367 <div 10368 class="cart-drawer__content" 10369 aria-label="Cart" 10370 > 10371 <h2 10372 class="theme-drawer__title h4" 10373 id="cart-drawer-heading" 10374 > 10375 Your cart is empty 10376 </h2> 10377 10378 <div class="cart-drawer__items"> 10379 10380 10381 10382 10383 10384 10385 10386
10387<script 10388 src="//ravenbass.com/cdn/shop/t/11/assets/component-cart-items.js?v=14476580701730542761789643208" 10389 type="module" 10390 fetchpriority="low" 10391></script>
vendor: 1 bytes, line 10391
10391
10392<script 10393 src="//ravenbass.com/cdn/shop/t/11/assets/component-cart-quantity-selector.js?v=168493463479860323171789643208" 10394 type="module" 10395 fetchpriority="low" 10396></script>
vendor: 1 bytes, line 10396
10396
10397<script 10398 src="//ravenbass.com/cdn/shop/t/11/assets/volume-pricing-info.js?v=94479640769665442661789643208" 10399 type="module" 10400 fetchpriority="low" 10401></script>
10401 10402 10403 10404 10405 10406<div 10407 10408 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 10409 10410 data-cart-drawer-empty 10411 10412 style="" 10413> 10414 10415<p> 10416 Have an account? <a href="https://ravenbass.com/customer_authentication/redirect?locale=en®ion_country=IN">Log in</a> to check out faster. 10417 </p><a 10418 class="button cart-items__empty-button" 10419 href="/collections/all" 10420 > 10421 <span class="button-text"> 10422 Continue shopping 10423 </span> 10424 </a></div> 10425 10426 10427 10428 </div> 10429 </div> 10430 10431 </template> 10432 10433 <div 10434 class="cart-drawer__inner cart-drawer--empty" 10435 data-hydration-key="cart-drawer-inner" 10436 ><div class="theme-drawer__header"> 10437 <button 10438 on:click="#cart-drawer/close" 10439 class="theme-drawer__close-button cart-drawer__close-button--empty" 10440 type="button" 10441 aria-label="Close" 10442 > 10443 <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10444<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10445</svg> 10446</span> 10447 </button> 10448 </div> 10449 10450 10451<cart-items-component 10452 class="cart-items-component" 10453 10454 data-drawer 10455 view-event-trigger="dialog" 10456 10457 data-section-id="cart-drawer-section" 10458 10459 view-event-payload="{"context":null,"cart":null}" 10460 10461> 10462 10463 10464 <div 10465 class="cart-drawer__content" 10466 aria-label="Cart" 10467 > 10468 <h2 10469 class="theme-drawer__title h4" 10470 id="cart-drawer-heading" 10471 > 10472 Your cart is empty 10473 </h2> 10474 10475 <div class="cart-drawer__items"> 10476 10477 10478 10479 10480 10481 10482 10483
10484<script 10485 src="//ravenbass.com/cdn/shop/t/11/assets/component-cart-items.js?v=14476580701730542761789643208" 10486 type="module" 10487 fetchpriority="low" 10488></script>
vendor: 1 bytes, line 10488
10488
10489<script 10490 src="//ravenbass.com/cdn/shop/t/11/assets/component-cart-quantity-selector.js?v=168493463479860323171789643208" 10491 type="module" 10492 fetchpriority="low" 10493></script>
vendor: 1 bytes, line 10493
10493
10494<script 10495 src="//ravenbass.com/cdn/shop/t/11/assets/volume-pricing-info.js?v=94479640769665442661789643208" 10496 type="module" 10497 fetchpriority="low" 10498></script>
10498 10499 10500 10501 10502 10503<div 10504 10505 class="cart-items__wrapper cart-items__wrapper--drawer-empty" 10506 10507 data-cart-drawer-empty 10508 10509 style="" 10510> 10511 10512<p> 10513 Have an account? <a href="https://ravenbass.com/customer_authentication/redirect?locale=en®ion_country=IN">Log in</a> to check out faster. 10514 </p><a 10515 class="button cart-items__empty-button" 10516 href="/collections/all" 10517 > 10518 <span class="button-text"> 10519 Continue shopping 10520 </span> 10521 </a></div> 10522 10523 10524 10525 </div> 10526 </div> 10527 10528 10529</cart-items-component> 10530 10531 10532 10533 </div> 10534 </cart-drawer-component> 10535 </dialog> 10536 </theme-drawer> 10537 10538 10539 </div> 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549
10550<script 10551 type="module" 10552 src="//ravenbass.com/cdn/shop/t/11/assets/theme-drawer.js?v=155110645205299884131789643208" 10553 fetchpriority="low" 10554></script>
10554 10555
10556<script> 10557 /* Runs synchronously during HTML parsing â opens the correct drawer on first 10558 paint if navigation state was saved, so it renders with the rest of the page. */ 10559 (function () { 10560 var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean); 10561 if (!drawerIds.length) return; 10562 10563 // Only restore on wide viewports (squeeze mode). On narrow viewports the 10564 // drawer is a modal overlay â let it start closed after navigation rather 10565 // than re-opening a fullscreen dialog the user may have left behind. 10566 if (!window.matchMedia('(min-width: 990px)').matches) return; 10567 10568 var dialogs = []; 10569 for (var i = 0; i < drawerIds.length; i++) { 10570 var drawer = document.getElementById(drawerIds[i]); 10571 if (!drawer) continue; 10572 10573 drawer.setAttribute('open', ''); 10574 10575 // Set [open] directly so the CSS slide-in applies without triggering 10576 // the browser's dialog focusing steps â on wide viewports the drawer is 10577 // a sidebar, not a modal, so focus should stay where it is. 10578 // The instant class suppresses the slide-in transition for the initial restore. 10579 // Set --drawer-stack-order so z-index layering matches the original order. 10580 drawer.style.setProperty('--drawer-stack-order', String(i + 1)); 10581 10582 var dialog = drawer.querySelector('dialog'); 10583 if (dialog) { 10584 dialog.setAttribute('open', ''); 10585 dialog.classList.add('theme-drawer__dialog-instant'); 10586 dialogs.push(dialog); 10587 } 10588 10589 // Let each drawer type handle its own restore (e.g. shopify-chat mode). 10590 // Synchronous dispatch â listeners attached during earlier parsing run immediately. 10591 drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring')); 10592 } 10593 10594 // Apply squeeze immediately, bypassing the margin transition. 10595 // Only squeeze if at least one drawer was actually restored â saved 10596 // drawer IDs may not exist on every page (e.g. cart-drawer on /cart). 10597 var pageWrapper = document.querySelector('.page-wrapper'); 10598 if (pageWrapper && dialogs.length > 0) { 10599 pageWrapper.style.transition = 'none'; 10600 pageWrapper.classList.add('page-wrapper--drawer-open'); 10601 } 10602 10603 // Re-enable transitions after one paint so the instant state is rendered first. 10604 requestAnimationFrame(function () { 10605 requestAnimationFrame(function () { 10606 if (pageWrapper) pageWrapper.style.transition = ''; 10607 for (var j = 0; j < dialogs.length; j++) { 10608 dialogs[j].classList.remove('theme-drawer__dialog-instant'); 10609 } 10610 }); 10611 }); 10612 })(); 10613</script>
10613 10614
10615<script 10616 type="module" 10617> 10618 const pageWrapper = document.querySelector('.page-wrapper'); 10619 const squeezeQuery = window.matchMedia('(min-width: 990px)'); 10620 10621 // ââ Squeeze coordination ââ 10622 // Listens to all drawers. Only squeezes on wide viewports. 10623 document.addEventListener('theme-drawer:open', () => { 10624 if (squeezeQuery.matches) { 10625 pageWrapper?.classList.add('page-wrapper--drawer-open'); 10626 } 10627 }); 10628 10629 document.addEventListener('theme-drawer:close', () => { 10630 const openDrawer = document.querySelector('theme-drawer[open]'); 10631 if (!openDrawer) { 10632 pageWrapper?.classList.remove('page-wrapper--drawer-open'); 10633 } 10634 }); 10635 10636 squeezeQuery.addEventListener('change', () => { 10637 const openDrawer = document.querySelector('theme-drawer[open]'); 10638 pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches); 10639 }); 10640 10641 // ââ State persistence ââ 10642 // Store open drawer IDs sorted by their visual stack order so 10643 // the restore script can recreate the same z-index layering. 10644 function persistDrawerState() { 10645 const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])')); 10646 if (!openDrawers.length) { 10647 sessionStorage.removeItem('theme-drawer-open'); 10648 return; 10649 } 10650 10651 openDrawers.sort((a, b) => { 10652 const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0); 10653 const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0); 10654 return orderA - orderB; 10655 }); 10656 10657 sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(',')); 10658 } 10659 10660 document.addEventListener('theme-drawer:open', persistDrawerState); 10661 document.addEventListener('theme-drawer:close', persistDrawerState); 10662</script>
10662 10663 10664 10665 10666 10667 10668 10669 10670 10671 10672 10673
10674<script 10675 src="//ravenbass.com/cdn/shop/t/11/assets/dialog.js?v=144816527575655702281789643208" 10676 type="module" 10677></script>
10677 10678
10679<script 10680 src="//ravenbass.com/cdn/shop/t/11/assets/predictive-search.js?v=162722252387887966571789643208" 10681 type="module" 10682 fetchpriority="low" 10683></script>
10683 10684 10685<dialog-component 10686 id="search-modal" 10687 class="search-modal" 10688 10689> 10690 <dialog 10691 ref="dialog" 10692 on:click="/closeDialogOnClickOutside" 10693 on:keydown="/closeDialogOnEscapePress" 10694 class="search-modal__content dialog-modal" 10695 scroll-lock 10696 aria-labelledby="search-modal-heading" 10697 > 10698 <h2 10699 id="search-modal-heading" 10700 class="visually-hidden" 10701 > 10702 Search 10703 </h2> 10704 <predictive-search-component 10705 class="predictive-search color-custom-popover" 10706 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 10707 data-section-id="predictive-search" 10708 data-testid="search-component--modal" 10709 role="search" 10710 aria-label="Search" 10711 > 10712 <form 10713 action="/search" 10714 method="get" 10715 role="search" 10716 class="predictive-search-form" 10717 ref="form" 10718 on:keydown="/onSearchKeyDown" 10719 > 10720 <div 10721 class="predictive-search-form__header" 10722 > 10723 <div class="predictive-search-form__header-inner"> 10724 <label 10725 for="cmdk-input" 10726 class="visually-hidden" 10727 >Search</label> 10728 <input 10729 class="search-input" 10730 id="cmdk-input" 10731 type="search" 10732 name="q" 10733 role="combobox" 10734 aria-expanded="false" 10735 aria-owns="predictive-search-results" 10736 aria-controls="predictive-search-results" 10737 aria-haspopup="listbox" 10738 aria-autocomplete="list" 10739 autocomplete="off" 10740 placeholder="Search" 10741 ref="searchInput" 10742 on:input="/search" 10743 on:keydown="/onSearchKeyDown" 10744 > 10745 <input 10746 name="options[prefix]" 10747 type="hidden" 10748 value="last" 10749 > 10750 <span class="svg-wrapper predictive-search__icon"> 10751 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 10752 10753 </span> 10754 <button 10755 type="button" 10756 class="button-unstyled predictive-search__reset-button" 10757 ref="resetButton" 10758 hidden 10759 on:click="/resetSearch" 10760 > 10761 Clear 10762 </button> 10763 </div> 10764 <button 10765 type="button" 10766 class="button predictive-search__close-modal-button" 10767 aria-label="Close dialog" 10768 on:click="dialog-component/closeDialog" 10769 ref="closeModalButton" 10770 > 10771 <span class="svg-wrapper"> 10772 <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10773<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10774</svg> 10775 10776 </span> 10777 </button> 10778 </div> 10779 10780 <div class="predictive-search-form__content-wrapper"> 10781 <div 10782 class="predictive-search-form__content" 10783 ref="predictiveSearchResults" 10784 on:click="/handleModalClick" 10785 > 10786 10787 10788<div 10789 id="predictive-search-results" 10790 class="predictive-search-dropdown" 10791 role="listbox" 10792 aria-expanded="true" 10793 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 10794> 10795 10796 <div class="predictive-search-results__inner"> 10797 10798 10799 10800 10801 10802 <div 10803 id="predictive-search-products" 10804 class="predictive-search-results__products" 10805 10806 data-testid="products-list-default--modal" 10807 10808> 10809 10810 <h4 class="predictive-search-results__title"> 10811 Products 10812 </h4> 10813 <ul 10814 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 10815 > 10816 10817 10818 <li 10819 class="predictive-search-results__card predictive-search-results__card--product" 10820 ref="resultsItems[]" 10821 > 10822 10823<product-component 10824 class="resource-card__wrapper" 10825 10826 10827 view-event-payload="{"product":{"id":8688508076215,"title":"Rave N Bass The Daily Reset Gel Face Wash","handle":"the-daily-reset","selectedVariant":null},"context":"search","selectedOptions":[]}" 10828 10829 ><div 10830 class="resource-card" 10831 data-resource-type="product" 10832> 10833 <a 10834 class="resource-card__link" 10835 href="/products/the-daily-reset" 10836 > 10837 <span class="visually-hidden"> 10838 Rave N Bass The Daily Reset Gel Face Wash 10839 </span> 10840 </a> 10841 <div 10842 class="resource-card__media" 10843 style="--resource-card-aspect-ratio: 4 / 5;" 10844 10845 > 10846 10847 10848 10849 <img src="//ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655&width=500" alt="" srcset="//ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655&width=240 240w, //ravenbass.com/cdn/shop/files/Artboard_2.jpg_1.jpg?v=1789643655&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 10850 10851 <img src="//ravenbass.com/cdn/shop/files/5.jpg_1.jpg?v=1785221248&width=500" alt="Rave N Bass The Daily Reset Gel Face Wash" srcset="//ravenbass.com/cdn/shop/files/5.jpg_1.jpg?v=1785221248&width=240 240w, //ravenbass.com/cdn/shop/files/5.jpg_1.jpg?v=1785221248&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="37019478393015" style="object-position: 50.0% 50.0%;"> 10852</div> 10853 10854 <div class="resource-card__content"> 10855 <p class="resource-card__title paragraph">Rave N Bass The Daily Reset Gel Face Wash</p> 10856 10857 10858 <div ref="priceContainer"> 10859 10860 10861 10862
10863 <span class="price-item__group price-item--regular compare-at-price"> 10864 <span class="visually-hidden">Regular price </span>Rs. 699.00</span> 10865 <span class="price-item__group price"> 10866 <span class="visually-hidden">Sale price </span> 10867 Rs. 349.00 10868 </span> 10869 10870 10871 10872</div> 10873 10874 </div> 10875</div></product-component> 10876 10877 </li> 10878 10879 </ul> 10880 10881</div> 10882 10883 10884 10885 </div> 10886 10887</div> 10888 10889 </div> 10890 10891 <div class="predictive-search-form__footer"> 10892 <button 10893 class="button predictive-search__search-button" 10894 ref="viewAllButton" 10895 > 10896 View all 10897 </button> 10898 </div> 10899 </div> 10900 </form> 10901 </predictive-search-component> 10902 </dialog> 10903</dialog-component> 10904 10905 10906 10907 10908 10909
10909<script 10910 src="//ravenbass.com/cdn/shop/t/11/assets/gift-card-recipient-form.js?v=170482155849799299241789643208" 10911 type="module" 10912 fetchpriority="low" 10913></script>
10913 10914<quick-add-dialog id="quick-add-dialog"> 10915 <dialog 10916 class="quick-add-modal dialog-modal color-custom-popover" 10917 ref="dialog" 10918 scroll-lock 10919 > 10920 <button 10921 ref="closeButton" 10922 on:click="/closeDialog" 10923 class="button button-unstyled close-button quick-add-modal__close" 10924 aria-label="Close dialog" 10925 ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10926<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> 10927</svg> 10928</button> 10929 10930 <product-component 10931 id="quick-add-modal-content" 10932 class="quick-add-modal__content" 10933 view-event-trigger="dialog" 10934 ></product-component> 10935 </dialog> 10936</quick-add-dialog> 10937 10938 10939 10940 10941 10942 10943 10944 10945 10946 10947 10948
10948<script src="//ravenbass.com/cdn/shop/t/11/assets/en-us-theme.js?v=124953223138922235951789643208" defer></script>
10948 10949<div id="shopify-block-AMkdPR1kzUnJkYjB1T__13047258039897440615" class="shopify-block shopify-app-block"><div id='jdgm-cart-drawer-source' 10950 class='jdgm-widget' 10951 style='display:none' 10952 data-widget='cart-drawer' 10953 data-entry-point='cart_drawer.js' 10954 data-entry-key='cart-drawer/main.js' 10955 data-shop-reviews='true' 10956 data-shop-average-rating='4.50' 10957 data-shop-review-count='8' 10958 data-widget-type='review-widget'></div> 10959 10960 10961 10962 10963</div>
10963<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10963 10964</body> 10965</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.