1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19<!doctype html> 20<html 21 class="no-js" 22 lang="en" 23 24> 25 <head> 26 27
27<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
27 28
29<script defer src="https://cdn.skio.com/scripts/shopify/head/shopify.ba9807f79b5cdb6483d5.js"></script>
29 30<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="theme-color" content="#000"><meta name="format-detection" content="telephone=no"><link rel="dns-prefetch" href="https://transformhq.com" crossorigin><link rel="dns-prefetch" href="https://transformhq.myshopify.com" crossorigin><link rel="dns-prefetch" href="https://cdn.shopify.com" crossorigin><link rel="dns-prefetch" href="https://fonts.shopifycdn.com" crossorigin><link rel="preconnect" href="https//fonts.shopifycdn.com" crossorigin><link rel="preconnect" href="https//cdn.shopify.com" crossorigin><link rel="preconnect" href="https//ajax.googleapis.com"><link rel="preload" as="style" href="//transformhq.com/cdn/shop/t/35/assets/theme.css?v=74195674943905290101790201475" /><link rel="shortcut icon" href="//transformhq.com/cdn/shop/files/Transform_Logo_16x16_0a85d43c-d3ff-403c-8aca-3ee204de52eb_32x32.png?v=1686154051" type="image/png"><link rel="apple-touch-icon-precomposed" type="image/png" sizes="152x152" href="//transformhq.com/cdn/shop/files/Transform_Logo_16x16_0a85d43c-d3ff-403c-8aca-3ee204de52eb_152x.png?v=1686154051"><!-- /snippets/social-meta-tags.liquid --><meta name="author" content="Troy Eddy"> 31<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fraunces:wght@300;400;500;600;700&family=DynaPuff:wght@300;400;500;600;700&display=swap" rel="stylesheet"><style type="text/css">:root{--ft1:'Inter';--ft2:'Fraunces';--ft3:'DynaPuff';--site_gutter:15px;--grid_gutter:30px;--grid_gutter_sm:15px; --input_height:38px;--input_height_sm:32px;--error:#d20000}*,::after,::before{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{background-color:transparent}a,a:after,a:before{transition:all .3s ease-in-out}b,strong{font-weight:700;}em{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;border:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button[disabled],input[disabled]{cursor:default}.mb0{margin-bottom:0!important}.mb10{margin-bottom:10px!important}.mb20{margin-bottom:20px!important}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input[type=email],input[type=number],input[type=password],input[type=search]{-webkit-appearance:none;-moz-appearance:none}table{width:100%;border-collapse:collapse;border-spacing:0}td,th{padding:0}textarea{overflow:auto;-webkit-appearance:none;-moz-appearance:none}[tabindex='-1']:focus{outline:0}a,img{outline:0!important;border:0}[role=button],a,button,input,label,select,textarea{touch-action:manipulation}
31.fl,.flex{display:flex}.fl1,.flex-item{flex:1}.clearfix::after{content:'';display:table;clear:both}.clear{clear:both}.icon__fallback-text,.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.visibility-hidden{visibility:hidden}.js-focus-hidden:focus{outline:0}.no-js:not(html),.no-js .js{display:none}.no-js .no-js:not(html){display:block}.skip-link:focus{clip:auto;width:auto;height:auto;margin:0;color:#111;background-color:#fff;padding:10px;opacity:1;z-index:10000;transition:none}blockquote{background:#f8f8f8;font-weight:600;font-size:15px;font-style:normal;text-align:center;padding:0 30px;margin:0}.rte blockquote{padding:25px;margin-bottom:20px}blockquote p+cite{margin-top:7.5px}blockquote cite{display:block;font-size:13px;font-style:inherit}code,pre{font-family:Consolas,monospace;font-size:1em}pre{overflow:auto}.rte:last-child{margin-bottom:0}.rte .h1,.rte .h2,.rte .h3,.rte .h4,.rte .h5,.rte .h6,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{margin-top:15px;margin-bottom:7.5px}.rte .h1:first-child,.rte .h2:first-child,.rte .h3:first-child,.rte .h4:first-child,.rte .h5:first-child,.rte .h6:first-child,.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child{margin-top:0}.rte li{margin-bottom:4px;list-style:inherit}.rte li:last-child{margin-bottom:0}.rte-setting{margin-bottom:11.11111px}.rte-setting:last-child{margin-bottom:0}p:last-child{margin-bottom:0}li{list-style:none}.fine-print{font-size:1.07692em;font-style:italic;margin:20px 0}.txt--minor{font-size:80%}.txt--emphasis{font-style:italic}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;fill:currentColor}.no-svg .icon{display:none}svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) rect{fill:inherit;stroke:inherit}.no-svg .icon__fallback-text{position:static!important;overflow:inherit;clip:none;height:auto;width:auto;margin:0}ol,ul{margin:0;padding:0}ol{list-style:decimal}.list--inline{padding:0;margin:0}.list--inline li{display:inline-block;margin-bottom:0;vertical-align:middle}.rte img{height:auto}.rte table{table-layout:fixed}.rte ol,.rte ul{margin:20px 0 30px 30px}.rte ol.list--inline,.rte ul.list--inline{margin-left:0}.rte ul{list-style:disc outside}.rte ul ul{list-style:circle outside}.rte ul ul ul{list-style:square outside}.rte a:not(.btn){padding-bottom:1px}.text-center .rte ol,.text-center .rte ul,.text-center.rte ol,.text-center.rte ul{margin-left:0;list-style-position:inside}.rte__table-wrapper{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}svg:not(:root){overflow:hidden}.video-wrapper{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:0;height:auto}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}form{margin:0}legend{border:0;padding:0}button{cursor:pointer}input[type=submit]{cursor:pointer}input[type=text]{-webkit-appearance:none;-moz-appearance:none}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-bottom:0}label[for]{cursor:pointer}textarea{min-height:100px}input[type=checkbox],input[type=radio]{margin:0 5px 0 0;vertical-align:middle}select::-ms-expand{display:none}.label--hidden{position:absolute;height:0;width:0;margin-bottom:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}.form-vertical input,.form-vertical select,.form-vertical textarea{display:block;width:100%}.form-vertical [type=checkbox],.form-vertical [type=radio]{display:inline-block;width:auto;margin-right:5px}.form-vertical .btn,.form-vertical [type=submit]{display:inline-block;width:auto}.grid--table{display:table;table-layout:fixed;width:100%}.grid--table>.grid__item{float:none;display:table-cell;vertical-align:middle}.is-transitioning{display:block!important;visibility:visible!important}.mr0{margin:0 !important;}.pd0{ padding:0 !important;}.db{display:block}.dbi{display:inline-block}.dn {display:none}.pa {position:absolute}.pr {position:relative}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}b,strong,.fw-700{font-weight:700}em, .em{font-style:italic}.tt-u{text-transform:uppercase}.tt-l{text-transform:lowercase}.tt-c{text-transform:capitalize}.tt-n{text-transform:none}.list-bullet,.list-arrow,.list-square,.order-list{padding:0 0 15px 15px;}.list-bullet li {list-style:disc; padding:4px 0; }.list-bullet ul, .list-circle ul, .list-arrow ul, .order-list li {padding-left:15px;}.list-square li {list-style:square; padding:4px 0; } .list-arrow li {list-style:disclosure-closed; padding:4px 0; }.order-list li {list-style:decimal; padding:4px 0; }.tdn {text-decoration:none!important}.tdu {text-decoration:underline}.grid-sizer{width:25%; position:absolute}.w_auto {width:auto!important}.h_auto{height:auto}.w_100{width:100%!important}.h_100{height:100%!important}.pd10 {padding:10px;}.f-row{flex-direction:row}.f-col{flex-direction:column}.f-wrap{flex-wrap:wrap}.f-nowrap{flex-wrap:nowrap}.f-jcs{justify-content:flex-start}.f-jce{justify-content:flex-end}.f-jcc{justify-content:center}.f-jcsb{justify-content:space-between}.f-jcsa{justify-content:space-around}.f-jcse{justify-content:space-evenly}.f-ais{align-items:flex-start}.f-aie{align-items:flex-end}.f-aic{align-items:center}.f-aib{align-items:baseline}.f-aist{align-items:stretch}.f-acs{align-content:flex-start}.f-ace{align-content:flex-end}.f-acc{align-content:center}.f-acsb{align-content:space-between}.f-acsa{align-content:space-around}.f-acst{align-content:stretch}.f-asa{align-self:auto}.f-ass{align-self:flex-start}.f-ase{align-self:flex-end}.f-asc{align-self:center}.f-asb{align-self:baseline}.f-asst{align-self:stretch}.order0{order:0}.order1{order:1}.order2{order:2}.order3{order:3}.tl{text-align:left!important}.tc{text-align:center!important}.tr{text-align:right!important}@media (min-width:768px){.tl-md{text-align:left!important}.tc-md{text-align:center!important}.tr-md{text-align:right!important}.f-row-md{flex-direction:row}.f-col-md{flex-direction:column}.f-wrap-md{flex-wrap:wrap}.f-nowrap-md{flex-wrap:nowrap}.f-jcs-md{justify-content:flex-start}.f-jce-md{justify-content:flex-end}.f-jcc-md{justify-content:center}.f-jcsb-md{justify-content:space-between}.f-jcsa-md{justify-content:space-around}.f-jcse-md{justify-content:space-evenly}.f-ais-md{align-items:flex-start}.f-aie-md{align-items:flex-end}.f-aic-md{align-items:center}.f-aib-md{align-items:baseline}.f-aist-md{align-items:stretch}.f-acs-md{align-content:flex-start}.f-ace-md{align-content:flex-end}.f-acc-md{align-content:center}.f-acsb-md{align-content:space-between}.f-acsa-md{align-content:space-around}.f-acst-md{align-content:stretch}.f-asa-md{align-self:auto}.f-ass-md{align-self:flex-start}.f-ase-md{align-self:flex-end}.f-asc-md{align-self:center}.f-asb-md{align-self:baseline}.f-asst-md{align-self:stretch}}@media (min-width:1025px){.f-row-lg{flex-direction:row}.f-col-lg{flex-direction:column}.f-wrap-lg{flex-wrap:wrap}.f-nowrap-lg{flex-wrap:nowrap}.tl-lg {text-align:left!important}.tc-lg {text-align:center!important}.tr-lg {text-align:right!important}}@media (min-width:1280px){.f-wrap-xl{flex-wrap:wrap}.f-col-xl{flex-direction:column}.tl-xl {text-align:left!important}.tc-xl {text-align:center!important}.tr-xl {text-align:right!important}}.grid{list-style:none;margin:0 -15px;padding:0}.grid:after{content:'';display:table;clear:both}.grid__item{float:left;padding-left:15px;padding-right:15px;width:100%}@media only screen and (max-width:1024px){.grid{margin:0 -7.5px}.grid__item{padding-left:7.5px;padding-right:7.5px}}.grid__item[class*="--push"]{position:relative}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left;float:right}.col-1,.one-whole{width:100%}
31.col-2,.five-tenths,.four-eighths,.one-half,.three-sixths,.two-quarters,.wd-50{width:50%}.col-3,.one-third,.two-sixths{width:33.33333%}.four-sixths,.two-thirds{width:66.66667%}.col-4,.one-quarter,.two-eighths{width:25%}.six-eighths,.three-quarters{width:75%}.col-5,.one-fifth,.two-tenths{width:20%}.four-tenths,.two-fifths,.wd-40{width:40%}.six-tenths,.three-fifths,.wd-60{width:60%}.eight-tenths,.four-fifths,.wd-80{width:80%}.one-sixth{width:16.66667%}.five-sixths{width:83.33333%}.one-seventh{width:14.28571%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-nineth{width:11.11111%}.one-tenth{width:10%}.three-tenths,.wd-30{width:30%}.seven-tenths,.wd-70{width:70%}.nine-tenths,.wd-90{width:90%}.show{display:block!important}.hide{display:none!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media only screen and (min-width:767px){.medium-up--one-whole{width:100%}.medium-up--five-tenths,.medium-up--four-eighths,.medium-up--one-half,.medium-up--three-sixths,.medium-up--two-quarters{width:50%}.medium-up--one-third,.medium-up--two-sixths{width:33.33333%}.medium-up--four-sixths,.medium-up--two-thirds{width:66.66667%}.medium-up--one-quarter,.medium-up--two-eighths{width:25%}.medium-up--six-eighths,.medium-up--three-quarters{width:75%}.medium-up--one-fifth,.medium-up--two-tenths{width:20%}.medium-up--four-tenths,.medium-up--two-fifths{width:40%}.medium-up--six-tenths,.medium-up--three-fifths{width:60%}.medium-up--eight-tenths,.medium-up--four-fifths{width:80%}.medium-up--one-sixth{width:16.66667%}.medium-up--five-sixths{width:83.33333%}.medium-up--one-seventh{width:14.28571%}.medium-up--one-eighth{width:12.5%}.medium-up--three-eighths{width:37.5%}.medium-up--five-eighths{width:62.5%}.medium-up--seven-eighths{width:87.5%}.medium-up--one-nineth{width:11.11111%}.medium-up--one-tenth{width:10%}.medium-up--three-tenths{width:30%}.medium-up--seven-tenths{width:70%}.medium-up--nine-tenths{width:90%}.grid--uniform .medium-up--five-tenths:nth-child(2n+1),.grid--uniform .medium-up--four-eighths:nth-child(2n+1),.grid--uniform .medium-up--one-eighth:nth-child(8n+1),.grid--uniform .medium-up--one-fifth:nth-child(5n+1),.grid--uniform .medium-up--one-half:nth-child(2n+1),.grid--uniform .medium-up--one-quarter:nth-child(4n+1),.grid--uniform .medium-up--one-seventh:nth-child(7n+1),.grid--uniform .medium-up--one-sixth:nth-child(6n+1),.grid--uniform .medium-up--one-third:nth-child(3n+1),.grid--uniform .medium-up--three-sixths:nth-child(2n+1),.grid--uniform .medium-up--two-eighths:nth-child(4n+1),.grid--uniform .medium-up--two-sixths:nth-child(3n+1){clear:both}.medium-up--show{display:block!important}.medium-up--hide{display:none!important}.medium-up--text-left{text-align:left!important}.medium-up--text-right{text-align:right!important}.medium-up--text-center{text-align:center!important}}@media only screen and (min-width:1025px){.large-up--one-whole{width:100%}.large-up--five-tenths,.large-up--four-eighths,.large-up--one-half,.large-up--three-sixths,.large-up--two-quarters{width:50%}.large-up--one-third,.large-up--two-sixths{width:33.33333%}.large-up--four-sixths,.large-up--two-thirds{width:66.66667%}.large-up--one-quarter,.large-up--two-eighths{width:25%}.large-up--six-eighths,.large-up--three-quarters{width:75%}.large-up--one-fifth,.large-up--two-tenths{width:20%}.large-up--four-tenths,.large-up--two-fifths{width:40%}.large-up--six-tenths,.large-up--three-fifths{width:60%}.large-up--eight-tenths,.large-up--four-fifths{width:80%}.large-up--one-sixth{width:16.66667%}.large-up--five-sixths{width:83.33333%}.large-up--one-seventh{width:14.28571%}.large-up--one-eighth{width:12.5%}.large-up--three-eighths{width:37.5%}.large-up--five-eighths{width:62.5%}.large-up--seven-eighths{width:87.5%}.large-up--one-nineth{width:11.11111%}.large-up--one-tenth{width:10%}.large-up--three-tenths{width:30%}.large-up--seven-tenths{width:70%}.large-up--nine-tenths{width:90%}.grid--uniform .large-up--five-tenths:nth-child(2n+1),.grid--uniform .large-up--four-eighths:nth-child(2n+1),.grid--uniform .large-up--one-eighth:nth-child(8n+1),.grid--uniform .large-up--one-fifth:nth-child(5n+1),.grid--uniform .large-up--one-half:nth-child(2n+1),.grid--uniform .large-up--one-quarter:nth-child(4n+1),.grid--uniform .large-up--one-seventh:nth-child(7n+1),.grid--uniform .large-up--one-sixth:nth-child(6n+1),.grid--uniform .large-up--one-third:nth-child(3n+1),.grid--uniform .large-up--three-sixths:nth-child(2n+1),.grid--uniform .large-up--two-eighths:nth-child(4n+1),.grid--uniform .large-up--two-sixths:nth-child(3n+1){clear:both}
31.large-up--show{display:block!important}.large-up--hide{display:none!important}.large-up--text-left{text-align:left!important}.large-up--text-right{text-align:right!important}.large-up--text-center{text-align:center!important}}@media only screen and (min-width:1280px){.widescreen--one-whole{width:100%}.widescreen--five-tenths,.widescreen--four-eighths,.widescreen--one-half,.widescreen--three-sixths,.widescreen--two-quarters{width:50%}.widescreen--one-third,.widescreen--two-sixths{width:33.33333%}.widescreen--four-sixths,.widescreen--two-thirds{width:66.66667%}.widescreen--one-quarter,.widescreen--two-eighths{width:25%}.widescreen--six-eighths,.widescreen--three-quarters{width:75%}.widescreen--one-fifth,.widescreen--two-tenths{width:20%}.widescreen--four-tenths,.widescreen--two-fifths{width:40%}.widescreen--six-tenths,.widescreen--three-fifths{width:60%}.widescreen--eight-tenths,.widescreen--four-fifths{width:80%}.widescreen--one-sixth{width:16.66667%}.widescreen--five-sixths{width:83.33333%}.widescreen--one-seventh{width:14.28571%}.widescreen--one-eighth{width:12.5%}.widescreen--three-eighths{width:37.5%}.widescreen--five-eighths{width:62.5%}.widescreen--seven-eighths{width:87.5%}.widescreen--one-nineth{width:11.11111%}.widescreen--one-tenth{width:10%}.widescreen--three-tenths{width:30%}.widescreen--seven-tenths{width:70%}.widescreen--nine-tenths{width:90%}.grid--uniform .widescreen--five-tenths:nth-child(2n+1),.grid--uniform .widescreen--four-eighths:nth-child(2n+1),.grid--uniform .widescreen--one-eighth:nth-child(8n+1),.grid--uniform .widescreen--one-fifth:nth-child(5n+1),.grid--uniform .widescreen--one-half:nth-child(2n+1),.grid--uniform .widescreen--one-quarter:nth-child(4n+1),.grid--uniform .widescreen--one-seventh:nth-child(7n+1),.grid--uniform .widescreen--one-sixth:nth-child(6n+1),.grid--uniform .widescreen--one-third:nth-child(3n+1),.grid--uniform .widescreen--three-sixths:nth-child(2n+1),.grid--uniform .widescreen--two-eighths:nth-child(4n+1),.grid--uniform .widescreen--two-sixths:nth-child(3n+1){clear:both}.widescreen--show{display:block!important}.widescreen--hide{display:none!important}.widescreen--text-left{text-align:left!important}.widescreen--text-right{text-align:right!important}.widescreen--text-center{text-align:center!important}}@media only screen and (min-width:1025px) and (max-width:1279px){.large--one-whole{width:100%}.large--five-tenths,.large--four-eighths,.large--one-half,.large--three-sixths,.large--two-quarters{width:50%}.large--one-third,.large--two-sixths{width:33.33333%}.large--four-sixths,.large--two-thirds{width:66.66667%}.large--one-quarter,.large--two-eighths{width:25%}.large--six-eighths,.large--three-quarters{width:75%}.large--one-fifth,.large--two-tenths{width:20%}.large--four-tenths,.large--two-fifths{width:40%}.large--six-tenths,.large--three-fifths{width:60%}.large--eight-tenths,.large--four-fifths{width:80%}.large--one-sixth{width:16.66667%}.large--five-sixths{width:83.33333%}.large--one-seventh{width:14.28571%}.large--one-eighth{width:12.5%}.large--three-eighths{width:37.5%}.large--five-eighths{width:62.5%}.large--seven-eighths{width:87.5%}.large--one-nineth{width:11.11111%}.large--one-tenth{width:10%}.large--three-tenths{width:30%}.large--seven-tenths{width:70%}.large--nine-tenths{width:90%}.grid--uniform .large--five-tenths:nth-child(2n+1),.grid--uniform .large--four-eighths:nth-child(2n+1),.grid--uniform .large--one-eighth:nth-child(8n+1),.grid--uniform .large--one-fifth:nth-child(5n+1),.grid--uniform .large--one-half:nth-child(2n+1),.grid--uniform .large--one-quarter:nth-child(4n+1),.grid--uniform .large--one-seventh:nth-child(7n+1),.grid--uniform .large--one-sixth:nth-child(6n+1),.grid--uniform .large--one-third:nth-child(3n+1),.grid--uniform .large--three-sixths:nth-child(2n+1),.grid--uniform .large--two-eighths:nth-child(4n+1),.grid--uniform .large--two-sixths:nth-child(3n+1){clear:both}.large--show{display:block!important}.large--hide{display:none!important}.large--text-left{text-align:left!important}.large--text-right{text-align:right!important}.large--text-center{text-align:center!important}}@media only screen and (min-width:767px) and (max-width:1024px){.medium--one-whole{width:100%}.medium--five-tenths,.medium--four-eighths,.medium--one-half,.medium--three-sixths,.medium--two-quarters{width:50%}.medium--one-third,.medium--two-sixths{width:33.33333%}.medium--four-sixths,.medium--two-thirds{width:66.66667%}.medium--one-quarter,.medium--two-eighths{width:25%}.medium--six-eighths,.medium--three-quarters{width:75%}.medium--one-fifth,.medium--two-tenths{width:20%}.medium--four-tenths,.medium--two-fifths{width:40%}.medium--six-tenths,.medium--three-fifths{width:60%}.medium--eight-tenths,.medium--four-fifths{width:80%}.medium--one-sixth{width:16.66667%}.medium--five-sixths{width:83.33333%}.medium--one-seventh{width:14.28571%}.medium--one-eighth{width:12.5%}.medium--three-eighths{width:37.5%}.medium--five-eighths{width:62.5%}.medium--seven-eighths{width:87.5%}
31.medium--one-nineth{width:11.11111%}.medium--one-tenth{width:10%}.medium--three-tenths{width:30%}.medium--seven-tenths{width:70%}.medium--nine-tenths{width:90%}.grid--uniform .medium--five-tenths:nth-child(2n+1),.grid--uniform .medium--four-eighths:nth-child(2n+1),.grid--uniform .medium--one-eighth:nth-child(8n+1),.grid--uniform .medium--one-fifth:nth-child(5n+1),.grid--uniform .medium--one-half:nth-child(2n+1),.grid--uniform .medium--one-quarter:nth-child(4n+1),.grid--uniform .medium--one-seventh:nth-child(7n+1),.grid--uniform .medium--one-sixth:nth-child(6n+1),.grid--uniform .medium--one-third:nth-child(3n+1),.grid--uniform .medium--three-sixths:nth-child(2n+1),.grid--uniform .medium--two-eighths:nth-child(4n+1),.grid--uniform .medium--two-sixths:nth-child(3n+1){clear:both}.medium--show{display:block!important}.medium--hide{display:none!important}.medium--text-left{text-align:left!important}.medium--text-right{text-align:right!important}.medium--text-center{text-align:center!important}}@media only screen and (max-width:766px){.grid{margin:0 -5px}.grid__item{padding-left:5px;padding-right:5px}.small--one-whole{width:100%}.small--five-tenths,.small--four-eighths,.small--one-half,.small--three-sixths,.small--two-quarters{width:50%}.small--one-third,.small--two-sixths{width:33.33333%}.small--four-sixths,.small--two-thirds{width:66.66667%}.small--one-quarter,.small--two-eighths{width:25%}.small--six-eighths,.small--three-quarters{width:75%}.small--one-fifth,.small--two-tenths{width:20%}.small--four-tenths,.small--two-fifths{width:40%}.small--six-tenths,.small--three-fifths{width:60%}.small--eight-tenths,.small--four-fifths{width:80%}.small--one-sixth{width:16.66667%}.small--five-sixths{width:83.33333%}.small--one-seventh{width:14.28571%}.small--one-eighth{width:12.5%}.small--three-eighths{width:37.5%}.small--five-eighths{width:62.5%}.small--seven-eighths{width:87.5%}.small--one-nineth{width:11.11111%}.small--one-tenth{width:10%}.small--three-tenths{width:30%}.small--seven-tenths{width:70%}.small--nine-tenths{width:90%}.grid--uniform .small--five-tenths:nth-child(2n+1),.grid--uniform .small--four-eighths:nth-child(2n+1),.grid--uniform .small--one-eighth:nth-child(8n+1),.grid--uniform .small--one-half:nth-child(2n+1),.grid--uniform .small--one-quarter:nth-child(4n+1),.grid--uniform .small--one-seventh:nth-child(7n+1),.grid--uniform .small--one-sixth:nth-child(6n+1),.grid--uniform .small--one-third:nth-child(3n+1),.grid--uniform .small--three-sixths:nth-child(2n+1),.grid--uniform .small--two-eighths:nth-child(4n+1),.grid--uniform .small--two-sixths:nth-child(3n+1),.grid--uniform.small--one-fifth:nth-child(5n+1){clear:both}.small--show{display:block!important}.small--hide{display:none!important}.small--text-left{text-align:left!important}.small--text-right{text-align:right!important}.small--text-center{text-align:center!important}}@font-face{font-family:Adorn-Icons;src:url("//transformhq.com/cdn/shop/t/35/assets/adorn-icons.woff2?v=167339017966625775301785876298") format('woff2'),url("//transformhq.com/cdn/shop/t/35/assets/adorn-icons.woff?v=177162561609770262791785876298") format('woff');font-weight:400;font-style:normal;font-display:swap}.ad{font:normal normal normal 16px/1 adorn-icons;speak:none;text-transform:none;display:inline-block;vertical-align:middle;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}</style> <link rel="stylesheet" href="//transformhq.com/cdn/shop/t/35/assets/theme.css?v=74195674943905290101790201475" type="text/css" media="all"> <link href="//transformhq.com/cdn/shop/t/35/assets/transformhq-fonts.css?v=90960770886593160501790201475" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" href="//transformhq.com/cdn/shop/t/35/assets/jquery.min.js?v=11054033913403182911785876298" as="script"> <link rel="preload" href="//transformhq.com/cdn/shop/t/35/assets/vendor.min.js?v=53531327463237195191785876298" as="script">
31<script src="//transformhq.com/cdn/shop/t/35/assets/jquery.min.js?v=11054033913403182911785876298"defer="defer"></script>
31<script>var theme = {strings:{addToCart:"Add to cart",soldOut:"Sold out",unavailable:"Unavailable",showMore:"Show More",showLess:"Show Less"},mlcurrency:false,moneyFormat:"${{amount}}",currencyFormat:"money_with_currency_format",shopCurrency:"USD",autoCurrencies:true,money_currency_format:"${{amount}} USD",money_format:"${{amount}}",ajax_cart:false,fixedHeader:true,animation:false,animationMobile:true,searchresult:"See all results",wlAvailable:"Available in Wishlist",rtl:false,days:"Days",hours:"Hrs",minuts:"Min",seconds:"Sec",};document.documentElement.className = document.documentElement.className.replace('no-js', 'js');var Metatheme = null,thm = 'Avone', shpeml = '[email protected]', dmn = window.location.hostname; window.lazySizesConfig = window.lazySizesConfig || {};window.lazySizesConfig.loadMode = 1;window.lazySizesConfig.expand = 10;window.lazySizesConfig.expFactor = 1.5; window.lazySizesConfig.loadHidden = false;</script>
31<script src="//transformhq.com/cdn/shop/t/35/assets/vendor.min.js?v=53531327463237195191785876298" defer="defer"></script>
vendor: 1 bytes, line 31
31
32<script>!function(){window.ZipifyPages=window.ZipifyPages||{},window.ZipifyPages.analytics={},window.ZipifyPages.currency="USD",window.ZipifyPages.shopDomain="transformhq.myshopify.com",window.ZipifyPages.moneyFormat="${{amount}}",window.ZipifyPages.shopifyOptionsSelector=false,window.ZipifyPages.unitPriceEnabled=false,window.ZipifyPages.integrations="".split(","),window.ZipifyPages.crmUrl="https://crms.zipify.com",window.ZipifyPages.isPagesEntity=false,window.ZipifyPages.translations={soldOut:"Sold out",unavailable:"Unavailable"},window.ZipifyPages.routes={root:"\/",cart:{index:"\/cart",add:"\/cart\/add",change:"\/cart\/change",clear:"\/cart\/clear",update:"\/cart\/update"}};window.ZipifyPages.eventsSubscriptions=[],window.ZipifyPages.on=function(i,a){window.ZipifyPages.eventsSubscriptions.push([i,a])}}();</script>
32<script>(() => { 33(()=>{class g{constructor(t={}){this.defaultConfig={sectionIds:[],rootMargin:"0px",onSectionViewed:()=>{},onSectionInteracted:()=>{},minViewTime:500,minVisiblePercentage:30,interactiveSelector:'a, button, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"])'},this.config={...this.defaultConfig,...t},this.viewedSections=new Set,this.observer=null,this.viewTimers=new Map,this.init()}init(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",this.setup.bind(this)):this.setup()}setup(){this.setupObserver(),this.setupGlobalClickTracking()}setupObserver(){const t={root:null,rootMargin:this.config.rootMargin,threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]};this.observer=new IntersectionObserver(e=>{e.forEach(i=>{this.calculateVisibility(i)?this.handleSectionVisible(i.target):this.handleSectionHidden(i.target)})},t),this.config.sectionIds.forEach(e=>{const i=document.getElementById(e);i&&this.observer.observe(i)})}calculateVisibility(t){const e=window.innerHeight,i=window.innerWidth,n=e*i,o=t.boundingClientRect,s=Math.max(0,o.top),c=Math.min(e,o.bottom),d=Math.max(0,o.left),a=Math.min(i,o.right),r=Math.max(0,c-s),l=Math.max(0,a-d)*r,m=n>0?l/n*100:0,h=o.width*o.height,p=h>0?l/h*100:0,S=m>=this.config.minVisiblePercentage,b=p>=80;return S||b}isSectionViewed(t){return this.viewedSections.has(Number(t))}setupGlobalClickTracking(){document.addEventListener("click",t=>{const e=this.findParentTrackedSection(t.target);if(e){const i=this.findInteractiveElement(t.target,e.el);i&&(this.isSectionViewed(e.id)||this.trackSectionView(e.id),this.trackSectionInteract(e.id,i,t))}})}findParentTrackedSection(t){let e=t;for(;e&&e!==document.body;){const i=e.id||e.dataset.zpSectionId,n=i?parseInt(i,10):null;if(n&&!isNaN(n)&&this.config.sectionIds.includes(n))return{el:e,id:n};e=e.parentElement}return null}findInteractiveElement(t,e){let i=t;for(;i&&i!==e;){if(i.matches(this.config.interactiveSelector))return i;i=i.parentElement}return null}trackSectionView(t){this.viewedSections.add(Number(t)),this.config.onSectionViewed(t)}trackSectionInteract(t,e,i){this.config.onSectionInteracted(t,e,i)}handleSectionVisible(t){const e=t.id,i=setTimeout(()=>{this.isSectionViewed(e)||this.trackSectionView(e)},this.config.minViewTime);this.viewTimers.set(e,i)}handleSectionHidden(t){const e=t.id;this.viewTimers.has(e)&&(clearTimeout(this.viewTimers.get(e)),this.viewTimers.delete(e))}addSection(t){if(!this.config.sectionIds.includes(t)){this.config.sectionIds.push(t);const e=document.getElementById(t);e&&this.observer&&this.observer.observe(e)}}}class f{constructor(){this.sectionTracker=new g({onSectionViewed:this.onSectionViewed.bind(this),onSectionInteracted:this.onSectionInteracted.bind(this)}),this.runningSplitTests=[]}getCookie(t){const e=document.cookie.match(new RegExp(`(?:^|; )${t}=([^;]*)`));return e?decodeURIComponent(e[1]):null}setCookie(t,e){let i=`${t}=${encodeURIComponent(e)}; path=/; SameSite=Lax`;location.protocol==="https:"&&(i+="; Secure");const n=new Date;n.setTime(n.getTime()+365*24*60*60*1e3),i+=`; expires=${n.toUTCString()}`,document.cookie=i}pickByWeight(t){const e=Object.entries(t).map(([o,s])=>[Number(o),s]),i=e.reduce((o,[,s])=>o+s,0);let n=Math.random()*i;for(const[o,s]of e){if(n<s)return o;n-=s}return e[e.length-1][0]}render(t){const e=t.blocks,i=t.test,n=i.id,o=`zpSectionSplitTest${n}`;let s=Number(this.getCookie(o));e.some(r=>r.id===s)||(s=this.pickByWeight(i.distribution),this.setCookie(o,s));const c=e.find(r=>r.id===s),d=`sectionSplitTest${c.id}`,a=document.querySelector(`template[data-id="${d}"]`);if(!a){console.error(`Template for split test ${c.id} not found`);return}document.currentScript.parentNode.insertBefore(a.content.cloneNode(!0),document.currentScript),this.runningSplitTests.push({id:n,block:c,templateId:d}),this.initTrackingForSection(c.id)}findSplitTestForSection(t){return this.runningSplitTests.find(e=>e.block.id===Number(t))}initTrackingForSection(t){this.sectionTracker.addSection(t)}onSectionViewed(t){this.trackEvent({sectionId:t,event:"zp_section_viewed"})}onSectionInteracted(t){this.trackEvent({sectionId:t,event:"zp_section_clicked"})}trackEvent({event:t,sectionId:e,payload:i={}}){const n=this.findSplitTestForSection(e);n&&window.Shopify.analytics.publish(t,{...i,sectionId:e,splitTestHash:n.id})}}window.ZipifyPages??={};window.ZipifyPages.SectionSplitTest=new f;})(); 34 35})()</script>
35<!-- AMP Edits Begin â Upsell Cart disabled on live theme -->
36<script> 37 window.AMP_FLAGS = { 38 cartDisabled: true, 39 }; 40</script>
40 41<!-- AMP Edits End --> 42 43
43<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
43<meta name="facebook-domain-verification" content="q7pihvvftylkk6q24yx2l1b8ecfppz"> 44<meta name="google-site-verification" content="uSYgC9ptZ35glwpr1gylMNNDzhfYOpTGF96l21psQp4"> 45<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71296844089/digital_wallets/dialog"> 46<meta id="in-context-paypal-metadata" data-shop-id="71296844089" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 47<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
47<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=13795641"></script>
47 48<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
49<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=13795641&shop_id=71296844089" crossorigin="anonymous"></script>
vendor: 1 bytes, line 49
49
50<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":71296844089,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/71296844089","merchantName":"TransformHQ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"TransformHQ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 50
50
51<script id="shopify-features" type="application/json">{"accessToken":"1124ba8e77ffa016e0b582022f31345c","betas":["rich-media-storefront-analytics"],"domain":"transformhq.com","predictiveSearch":true,"shopId":71296844089,"locale":"en"}</script>
vendor: 1 bytes, line 51
51
52<script>var Shopify = Shopify || {}; 53Shopify.shop = "transformhq.myshopify.com"; 54Shopify.locale = "en"; 55Shopify.currency = {"active":"USD","rate":"1.0"}; 56Shopify.country = "US"; 57Shopify.theme = {"name":"MAIN","id":188872655161,"schema_name":"Avone OS 2.0","schema_version":"4.5","theme_store_id":null,"role":"main"}; 58Shopify.theme.handle = "null"; 59Shopify.theme.style = {"id":null,"handle":null}; 60Shopify.cdnHost = "transformhq.com/cdn"; 61Shopify.routes = Shopify.routes || {}; 62Shopify.routes.root = "/"; 63Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 64Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 65Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 66Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 66
66
67<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 67
67
68<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 68
68
69<script> 70 window.ShopifyPay = window.ShopifyPay || {}; 71 window.ShopifyPay.apiHost = "shop.app\/pay"; 72 window.ShopifyPay.redirectState = null; 73</script>
vendor: 1 bytes, line 73
73
74<script> 75 window.Shopify = window.Shopify || {}; 76 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 77 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 78 window.Shopify.SignInWithShop.eligible = true; 79</script>
vendor: 1 bytes, line 79
79
80<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 80
80
81<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 81
81
82<script type="module"> 83 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 84 85 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 86 87</script>
vendor: 1 bytes, line 87
87
88<script> 89 window.Shopify = window.Shopify || {}; 90 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 91 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"]}; 92</script>
vendor: 1 bytes, line 92
92
93<script>(function() { 94 var isLoaded = false; 95 function asyncLoad() { 96 if (isLoaded) return; 97 isLoaded = true; 98 var urls = ["https:\/\/cdn-loyalty.yotpo.com\/loader\/ETgHXY_pHlLofFf9h9wNSQ.js?shop=transformhq.myshopify.com","https:\/\/api.omappapi.com\/shopify\/embed\/?shop=transformhq.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=transformhq.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=19293\u0026v=shopifyApp_5.2.3\u0026ts=1753404229918\u0026shop=transformhq.myshopify.com","\/\/cdn.shopify.com\/proxy\/0610f5b434d92b3ac847636abb83ad4fa986bcf2e84182acc636e163c1b35ead\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=transformhq.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.app.metorik.com\/js\/shopify\/mtk.js?shop=transformhq.myshopify.com","https:\/\/d38xvr37kwwhcm.cloudfront.net\/js\/grin-sdk.js?shop=transformhq.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9684\/4089\/t\/29\/assets\/yoast-active-script.js?v=1758663118\u0026shop=transformhq.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9684\/4089\/t\/29\/assets\/yoast-active-script.js?v=1758663118\u0026shop=transformhq.myshopify.com"]; 99 for (var i = 0; i < urls.length; i++) { 100 var s = document.createElement('script'); 101 s.type = 'text/javascript'; 102 s.async = true; 103 s.src = urls[i]; 104 var x = document.getElementsByTagName('script')[0]; 105 x.parentNode.insertBefore(s, x); 106 } 107 }; 108 if(window.attachEvent) { 109 window.attachEvent('onload', asyncLoad); 110 } else { 111 window.addEventListener('load', asyncLoad, false); 112 } 113})();</script>
vendor: 1 bytes, line 113
113
114<script id="__st">var __st={"a":71296844089,"offset":-21600,"reqid":"aa2ae3d4-694b-406c-8be4-b28d1d5a1ce0-1790777265","pageurl":"transformhq.com\/","u":"eb7a75a98b91","p":"home"};</script>
vendor: 1 bytes, line 114
114
115<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 115
115
116<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 116
116
117<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//transformhq.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 117
117
118<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 = "//transformhq.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>
118<script crossorigin="anonymous" defer="defer" src="//transformhq.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 118
118
119<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 119
119
120<script> 121 window.Shopify = window.Shopify || {}; 122 window.Shopify.MCP = window.Shopify.MCP || {}; 123 window.Shopify.MCP.enabled = true; 124 window.Shopify.MCP.shop = "transformhq.myshopify.com"; 125 window.Shopify.MCP.mcpEndpoint = "https:\/\/transformhq.com\/api\/mcp"; 126 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?\"\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."}},"required":["query"]}}]; 127</script>
vendor: 1 bytes, line 127
127
128<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("\/\/transformhq.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 129</script>
vendor: 1 bytes, line 129
129
130<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://transformhq.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 131</script>
vendor: 1 bytes, line 131
131
132<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 133 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); 134</script>
vendor: 1 bytes, line 134
134
135<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})}})); 136</script>
vendor: 1 bytes, line 136
136
137<script id='scb4127' type='text/javascript' async='' src='https://transformhq.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
137<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://transformhq.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 138<style id="shopify-accelerated-checkout-cart"> 139 #shopify-buyer-consent { 140 margin-top: 1em; 141 display: inline-block; 142 width: 100%; 143} 144 145#shopify-buyer-consent.hidden { 146 display: none; 147} 148 149#shopify-subscription-policy-button { 150 background: none; 151 border: none; 152 padding: 0; 153 text-decoration: underline; 154 font-size: inherit; 155 cursor: pointer; 156} 157 158#shopify-subscription-policy-button::before { 159 box-shadow: none; 160} 161 162 </style> 163
164<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
164 165 166 167 168 169
169<script type="text/javascript"> 170 window.__shgProducts = window.__shgProducts || {}; 171 172 173 174 175 </script>
175 176 177 178 179
179<script type="text/javascript"> 180 181 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 182 183 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 184 currency: "USD", 185 currency_symbol: "$", 186 decimal_separator: ".", 187 thousands_separator: ",", 188 decimal_places: 2, 189 currency_symbol_location: "left" 190 }; 191 </script>
191 192 193 194 195
195<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
195<meta name="facebook-domain-verification" content="q7pihvvftylkk6q24yx2l1b8ecfppz"> 196<meta name="google-site-verification" content="uSYgC9ptZ35glwpr1gylMNNDzhfYOpTGF96l21psQp4"> 197<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71296844089/digital_wallets/dialog"> 198<meta id="in-context-paypal-metadata" data-shop-id="71296844089" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 199<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
199<script async="async" data-src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=13795641"></script>
199 200<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
201<script async="async" data-src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=13795641&shop_id=71296844089" crossorigin="anonymous"></script>
vendor: 1 bytes, line 201
201
202<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":71296844089,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/71296844089","merchantName":"TransformHQ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"TransformHQ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 202
202
203<script id="shopify-features" type="application/json">{"accessToken":"1124ba8e77ffa016e0b582022f31345c","betas":["rich-media-storefront-analytics"],"domain":"transformhq.com","predictiveSearch":true,"shopId":71296844089,"locale":"en"}</script>
vendor: 1 bytes, line 203
203
204<script>var Shopify = Shopify || {}; 205Shopify.shop = "transformhq.myshopify.com"; 206Shopify.locale = "en"; 207Shopify.currency = {"active":"USD","rate":"1.0"}; 208Shopify.country = "US"; 209Shopify.theme = {"name":"MAIN","id":188872655161,"schema_name":"Avone OS 2.0","schema_version":"4.5","theme_store_id":null,"role":"main"}; 210Shopify.theme.handle = "null"; 211Shopify.theme.style = {"id":null,"handle":null}; 212Shopify.cdnHost = "transformhq.com/cdn"; 213Shopify.routes = Shopify.routes || {}; 214Shopify.routes.root = "/"; 215Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 216Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 217Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 218Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 218
218
219<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 219
219
220<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 220
220
221<script> 222 window.ShopifyPay = window.ShopifyPay || {}; 223 window.ShopifyPay.apiHost = "shop.app\/pay"; 224 window.ShopifyPay.redirectState = null; 225</script>
vendor: 1 bytes, line 225
225
226<script> 227 window.Shopify = window.Shopify || {}; 228 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 229 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 230 window.Shopify.SignInWithShop.eligible = true; 231</script>
vendor: 1 bytes, line 231
231
232<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 232
232
233<script defer="defer" async type="module" data-src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 233
233
234<script type="module"> 235 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 236 237 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 238 239</script>
vendor: 1 bytes, line 239
239
240<script> 241 window.Shopify = window.Shopify || {}; 242 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 243 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"]}; 244</script>
vendor: 1 bytes, line 244
244
245<script>(function() { 246 var isLoaded = false; 247 function asyncLoad() { 248 if (isLoaded) return; 249 isLoaded = true; 250 var urls = ["https:\/\/cdn-loyalty.yotpo.com\/loader\/ETgHXY_pHlLofFf9h9wNSQ.js?shop=transformhq.myshopify.com","https:\/\/api.omappapi.com\/shopify\/embed\/?shop=transformhq.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=transformhq.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=19293\u0026v=shopifyApp_5.2.3\u0026ts=1753404229918\u0026shop=transformhq.myshopify.com","\/\/cdn.shopify.com\/proxy\/0610f5b434d92b3ac847636abb83ad4fa986bcf2e84182acc636e163c1b35ead\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=transformhq.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.app.metorik.com\/js\/shopify\/mtk.js?shop=transformhq.myshopify.com","https:\/\/d38xvr37kwwhcm.cloudfront.net\/js\/grin-sdk.js?shop=transformhq.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9684\/4089\/t\/29\/assets\/yoast-active-script.js?v=1758663118\u0026shop=transformhq.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9684\/4089\/t\/29\/assets\/yoast-active-script.js?v=1758663118\u0026shop=transformhq.myshopify.com"]; 251 for (var i = 0; i < urls.length; i++) { 252 var s = document.createElement('script'); 253 s.type = 'text/javascript'; 254 s.async = true; 255 s.src = urls[i]; 256 var x = document.getElementsByTagName('script')[0]; 257 x.parentNode.insertBefore(s, x); 258 } 259 }; 260 document.addEventListener('StartAsyncLoading',function(event){asyncLoad();});if(window.attachEvent) { 261 window.attachEvent('onload', function(){}); 262 } else { 263 window.addEventListener('load', function(){}, false); 264 } 265})();</script>
vendor: 1 bytes, line 265
265
266<script id="__st">var __st={"a":71296844089,"offset":-21600,"reqid":"aa2ae3d4-694b-406c-8be4-b28d1d5a1ce0-1790777265","pageurl":"transformhq.com\/","u":"eb7a75a98b91","p":"home"};</script>
vendor: 1 bytes, line 266
266
267<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 267
267
268<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 268
268
269<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" data-src="//transformhq.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 269
269
270<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 = "//transformhq.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>
270<script crossorigin="anonymous" defer="defer" data-src="//transformhq.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 270
270
271<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" data-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 271
271
272<script> 273 window.Shopify = window.Shopify || {}; 274 window.Shopify.MCP = window.Shopify.MCP || {}; 275 window.Shopify.MCP.enabled = true; 276 window.Shopify.MCP.shop = "transformhq.myshopify.com"; 277 window.Shopify.MCP.mcpEndpoint = "https:\/\/transformhq.com\/api\/mcp"; 278 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?\"\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."}},"required":["query"]}}]; 279</script>
vendor: 1 bytes, line 279
279
280<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.data-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("\/\/transformhq.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 281</script>
vendor: 1 bytes, line 281
281
282<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.data-src="https://transformhq.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 283</script>
vendor: 1 bytes, line 283
283
284<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 285 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); 286</script>
vendor: 1 bytes, line 286
286
287<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})}})); 288</script>
vendor: 1 bytes, line 288
288
289<script id='scb4127' type='text/javascript' async='' data-src='https://transformhq.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
289<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://transformhq.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 290<style id="shopify-accelerated-checkout-cart"> 291 #shopify-buyer-consent { 292 margin-top: 1em; 293 display: inline-block; 294 width: 100%; 295} 296 297#shopify-buyer-consent.hidden { 298 display: none; 299} 300 301#shopify-subscription-policy-button { 302 background: none; 303 border: none; 304 padding: 0; 305 text-decoration: underline; 306 font-size: inherit; 307 cursor: pointer; 308} 309 310#shopify-subscription-policy-button::before { 311 box-shadow: none; 312} 313 314 </style> 315
316<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
316 317
318<script type="text/javascript"> 319 320 window.SHG_CUSTOMER = null; 321 322</script>
322 323 324 325 326 327 328 329 330
330<script async src="https://cdn-widgetsrepository.yotpo.com/v1/loader/OmDdzECL4qLRcodTHEiUrzrcgmgrs6Bzglagjk43" type="text/javascript"></script>
330 331 332 333
333<script 334 src="https://cdn-widgetsrepository.yotpo.com/v1/loader/OmDdzECL4qLRcodTHEiUrzrcgmgrs6Bzglagjk43?languageCode=en" 335 async 336 ></script>
336 337 338 339 340 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 340-341
340 341 <script async src="https://www.googletagmanager.com/gtag/js?id=
341AW-829289438
vendor: 16 bytes, lines 341-342
341"></script> 342
342<script> 343
vendor: 163 bytes, lines 343-349
343window.dataLayer = window.dataLayer || []; 344 function gtag() { 345 dataLayer.push(arguments); 346 } 347 gtag('js', new Date()); 348 349 gtag('config', '
349AW-829289438
vendor: 8 bytes, lines 349-350
349'); 350
350</script>
350 351
351<script type="text/javascript"> 352 !(function (e, t, n) { 353 function a() { 354 var e = t.getElementsByTagName('script')[0], 355 n = t.createElement('script'); 356 (n.type = 'text/javascript'), 357 (n.async = !0), 358 (n.src = 'https://beacon-v2.helpscout.net'), 359 e.parentNode.insertBefore(n, e); 360 } 361 if ( 362 ((e.Beacon = n = 363 function (t, n, a) { 364 e.Beacon.readyQueue.push({ method: t, options: n, data: a }); 365 }), 366 (n.readyQueue = []), 367 'complete' === t.readyState) 368 ) 369 return a(); 370 e.attachEvent ? e.attachEvent('onload', a) : e.addEventListener('load', a, !1); 371 })(window, document, window.Beacon || function () {}); 372 </script>
372 373
373<script type="text/javascript"> 374 window.Beacon('init', 'cf12feb0-cc48-48d5-bf73-846398d54391'); 375 </script>
375 376 377 <!-- Google Tag Manager --> 378
378<script>
vendor: 455 bytes, lines 378-388
378 379 (function (w, d, s, l, i) { 380 w[l] = w[l] || []; 381 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 382 var f = d.getElementsByTagName(s)[0], 383 j = d.createElement(s), 384 dl = l != 'dataLayer' ? '&l=' + l : ''; 385 j.async = true; 386 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 387 f.parentNode.insertBefore(j, f); 388 })(window, document, 'script', 'dataLayer', '
388GTM-TPJ3G6B
vendor: 8 bytes, lines 388-389
388'); 389
389</script>
389 390 <!-- End Google Tag Manager --> 391 392
392<script async defersrc="https://js.crrnt.app/ls/cookie/CA_Y2xpZW50SWQ9MTQ3"></script>
392 393 394
394<script> 395 (function (w, d, t, r, u) { 396 var f, n, i; 397 (w[u] = w[u] || []), 398 (f = function () { 399 var o = { ti: '26034847', enableAutoSpaTracking: true }; 400 (o.q = w[u]), (w[u] = new UET(o)), w[u].push('pageLoad'); 401 }), 402 (n = d.createElement(t)), 403 (n.src = r), 404 (n.async = 1), 405 (n.onload = n.onreadystatechange = 406 function () { 407 var s = this.readyState; 408 (s && s !== 'loaded' && s !== 'complete') || (f(), (n.onload = n.onreadystatechange = null)); 409 }), 410 (i = d.getElementsByTagName(t)[0]), 411 i.parentNode.insertBefore(n, i); 412 })(window, document, 'script', '//bat.bing.com/bat.js', 'uetq'); 413 </script>
413<!-- BEGIN app block: shopify://apps/blockify-fraud-filter/blocks/app_embed/2e3e0ba5-0e70-447a-9ec5-3bf76b5ef12e --><link href="https://cdn.shopify.com/extensions/01a0ec0a-6474-7820-93e1-e2908d7c2033/region-restrictions-377/assets/ip-blocker-embed.min.js" as="script" type="text/javascript" rel="preload"> 414 415<link rel="preconnect" href="https://media.synctrack.io"> 416
417<script type="application/json" id="ipblocker-config"> 418 { 419 "shopIdentifier": "transformhq.myshopify.com", 420 "ipBlockerMetafields": "{\"showOverlayByPass\":false,\"disableSpyExtensions\":false,\"blockUnknownBots\":false,\"blockDisposableEmailSubscribe\":false,\"activeApp\":true,\"blockByMetafield\":true,\"visitorAnalytic\":true,\"showWatermark\":true,\"blockCheckoutApi\":false,\"token\":\"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVySWQiOiJ0cmFuc2Zvcm1ocS5teXNob3BpZnkuY29tIiwiaWF0IjoxNzg1NjE5MDgwfQ.0eE5sSgv_PX-jxrygDK1boiD6aQvhKfmo6ZZoygmohg\"}", 421 "ipBlockerRules": [{"i":2948861,"t":"1","c":"3","p":"1","rt":"cidr","co":"SG","ua":"0","o":0,"ac":true,"h":0},{"i":2948862,"t":"1","c":"3","p":"1","rt":"cidr","co":"JP","ua":"0","o":0,"ac":true,"h":0},{"i":2949181,"t":"1","c":"3","p":"1","rt":"cidr","co":"BR","ua":"0","o":0,"ac":true,"h":0}], 422 "ipBlockerGeneral": {"activeVpnProxy":false,"vpnRiskCore":66,"torBlock":false,"showWatermark":true,"autoBlock":false,"enableVisitorAnalytics":true,"blockUnknownBots":false,"protectTexts":false,"protectImages":false,"protectContents":false,"allowVpnFromPrivateRelay":true,"plan":"free","enableApp":true,"siteUrl":"transformhq.com","showOverlayByPass":false,"useClientSideCheck":false}, 423 "ipBlockerBlockTemplate": "{\"customCss\":\"#blockify---container{--bg-blockify: #fff;position:relative}#blockify---container::after{content:'';position:absolute;inset:0;background-repeat:no-repeat !important;background-size:cover !important;background:var(--bg-blockify);z-index:0}#blockify---container #blockify---container__inner{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}#blockify---container #blockify---container__inner #blockify-block-content{display:flex;flex-direction:column;align-items:center;text-align:center}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle{display:none !important}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title{font-size:313%;font-weight:bold;margin-top:1em}@media only screen and (min-width: 768px) and (max-width: 1199px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title{font-size:188%}}@media only screen and (max-width: 767px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title{font-size:107%}}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description{font-size:125%;margin:1.5em;line-height:1.5}@media only screen and (min-width: 768px) and (max-width: 1199px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description{font-size:88%}}@media only screen and (max-width: 767px){#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description{font-size:107%}}#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description #blockify-block-text-blink{display:none !important}#blockify---container #blockify---container__inner #blockify-logo-block-image{position:relative;width:400px;height:auto;max-height:300px}@media only screen and (max-width: 767px){#blockify---container #blockify---container__inner #blockify-logo-block-image{width:200px}}#blockify---container #blockify---container__inner #blockify-logo-block-image::before{content:'';display:block;padding-bottom:56.2%}#blockify---container #blockify---container__inner #blockify-logo-block-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}\\n\",\"logoImage\":{\"active\":true,\"value\":\"https:\/\/media.synctrack.io\/megamind-fraud\/assets\/default-thumbnail.png\",\"altText\":\"Red octagonal stop sign with a black hand symbol in the center, indicating a warning or prohibition\"},\"superTitle\":{\"active\":false,\"text\":\"403\",\"color\":\"#899df1\"},\"title\":{\"active\":true,\"text\":\"Access Denied\",\"color\":\"#000\"},\"description\":{\"active\":true,\"text\":\"The site owner may have set restrictions that prevent you from accessing the site. Please contact the site owner for access.\",\"color\":\"#000\"},\"background\":{\"active\":true,\"value\":\"#fff\",\"type\":\"1\",\"colorFrom\":null,\"colorTo\":null}}", 424 "ipBlockerBotsAllow": null, 425 "baseUrl": "https:\/\/fraud.blockifyapp.com\/s\/api", 426 "bucketUrl": "https:\/\/media.synctrack.io\/megamind-fraud", 427 "storefrontApiUrl": "https:\/\/fraud.blockifyapp.com\/p\/api", 428 "ipBlockerChecking": true, 429 "ipBlockerCollectionId": null, 430 "ipBlockerProductCollections": null, 431 "ipBlockerCheckoutProduct": null 432 } 433</script>
433 434
435<script 436 id="blockifyScriptTag" 437 src="https://cdn.shopify.com/extensions/01a0ec0a-6474-7820-93e1-e2908d7c2033/region-restrictions-377/assets/ip-blocker-embed.min.js" 438 async 439></script>
439<!-- END app block --><!-- BEGIN app block: shopify://apps/bundler/blocks/bundler-script-append/7a6ae1b8-3b16-449b-8429-8bb89a62c664 -->
439<script defer="defer"> 440 /** Bundler script loader, version number: 2.0 */ 441 (function(){ 442 var loadScript=function(a,b){var c=document.createElement("script");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)}; 443 appendScriptUrl('transformhq.myshopify.com'); 444 445 // get script url and append timestamp of last change 446 function appendScriptUrl(shop) { 447 448 var timeStamp = Math.floor(Date.now() / (1000*1*1)); 449 var timestampUrl = 'https://bundler.nice-team.net/app/shop/status/'+shop+'.js?'+timeStamp; 450 451 loadScript(timestampUrl, function() { 452 // append app script 453 if (typeof bundler_settings_updated == 'undefined') { 454 console.log('settings are undefined'); 455 bundler_settings_updated = 'default-by-script'; 456 } 457 var scriptUrl = "https://cdn-bundler.nice-team.net/app/js/bundler-script.js?shop="+shop+"&"+bundler_settings_updated; 458 loadScript(scriptUrl, function(){}); 459 }); 460 } 461 })(); 462 463 var BndlrScriptAppended = true; 464 465 466 467 var BndlrMarketId = 45998965049; 468 469</script>
469 470 471<!-- END app block --><!-- BEGIN app block: shopify://apps/dr-free-gift/blocks/instant-load/5942fed7-47f4-451f-a42f-9077b6214264 --><!-- For self-installation -->
472<script>(() => {const installerKey = 'docapp-free-gift-auto-install'; const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(installerKey)) {window.sessionStorage.setItem(installerKey, JSON.stringify({integrationId: urlParams.get('docapp-integration-id'), divClass: urlParams.get('docapp-install-class'), check: urlParams.get('docapp-check')}));}})();</script>
vendor: 1 bytes, line 472
472
473<script>(() => {const previewKey = 'docapp-free-gift-test'; const urlParams = new URLSearchParams(window.location.search); if (urlParams.get(previewKey)) {window.sessionStorage.setItem(previewKey, JSON.stringify({active: true, integrationId: urlParams.get('docapp-free-gift-inst-test')}));}})();</script>
vendor: 1 bytes, line 473
473
474<script>window.freeGiftCartUpsellProAppBlock = true;</script>
474 475 476<!-- App speed-up -->
477<script id="docapp-cart">window.docappCart = {"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":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.docappCart.currency = "USD"; window.docappCart.shop_currency = "USD";</script>
vendor: 1 bytes, line 477
477
478<script id="docapp-free-item-speedup"> 479 (() => { if (window.freeGiftCartUpsellProAppLoaded) return; let script = document.createElement('script'); script.src = "https://d2fk970j0emtue.cloudfront.net/shop/js/free-gift-cart-upsell-pro.min.js?shop=transformhq.myshopify.com"; document.getElementById('docapp-free-item-speedup').after(script); })(); 480</script>
480 481 482<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 483 484 485
485<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/OmDdzECL4qLRcodTHEiUrzrcgmgrs6Bzglagjk43?languageCode=en" async></script>
485 486 487 488 489 490<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd --> 491
491<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/ETgHXY_pHlLofFf9h9wNSQ" async></script>
491 492 493 494 495
495<script src="https://cdn-loyalty.yotpo.com/loader/ETgHXY_pHlLofFf9h9wNSQ.js?shop=transformhq.com" async></script>
495 496 497 498<!-- END app block --><!-- BEGIN app block: shopify://apps/mntn/blocks/tracking-pixel/d40b5b2f-bf84-4a06-b576-832ad24a8652 --> 499<!-- MNTN Tracking Pixel Start -->
500<script id="mntn_tracking_pixel" type="text/javascript"> 501const isUSShopper = window.Shopify && window.Shopify.country === "US"; 502 503if (!window.Shopify || isUSShopper) { 504 (function(){"use strict";var e=null,b="4.0.0", 505 n="44992", 506 additional="term=value", 507 t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";
507c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})() 508} 509</script>
509 510<!-- MNTN Tracking Pixel End --> 511 512<!-- MNTN DataLayer Start --> 513 514<!-- MNTN DataLayer End --> 515 516<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 517 518 519 520 521 522 523 524 525 526 527 528 529
529<script async src="https://static.klaviyo.com/onsite/js/Nbw2ht/klaviyo.js?company_id=Nbw2ht"></script>
529 530
530<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
530 531 532 533 534 535 536 537
537<script> 538 window.klaviyoReviewsProductDesignMode = false 539 </script>
539 540 541 542 543 544 545 546 547 548 549<!-- END app block --><!-- BEGIN app block: shopify://apps/yoast-seo/blocks/metatags/7c777011-bc88-4743-a24e-64336e1e5b46 --> 550<!-- This site is optimized with Yoast SEO for Shopify --> 551<title>TransformHQ</title> 552<meta name="description" content="Home of the #1 rated meal replacement shake. Programs, supplements, and resources from Chris and Heidi Powell" /> 553<link rel="canonical" href="https://transformhq.com/" /> 554<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 555<meta property="og:site_name" content="TransformHQ" /> 556<meta property="og:url" content="https://transformhq.com/" /> 557<meta property="og:locale" content="en_US" /> 558<meta property="og:type" content="website" /> 559<meta property="og:title" content="TransformHQ" /> 560<meta property="og:description" content="Home of the #1 rated meal replacement shake. Programs, supplements, and resources from Chris and Heidi Powell" /> 561<meta property="og:image" content="https://transformhq.com/cdn/shop/files/transform-hq-logo-color-1.webp?v=1674147198" /> 562<meta property="og:image:height" content="628" /> 563<meta property="og:image:width" content="1200" /> 564<meta name="twitter:card" content="summary_large_image" />
565<script type="application/ld+json" id="yoast-schema-graph"> 566{ 567 "@context": "https://schema.org", 568 "@graph": [ 569 { 570 "@type": "Organization", 571 "@id": "https://transformhq.com/#/schema/organization/1", 572 "url": "https://transformhq.com", 573 "name": "TransformHQ", 574 "hasMerchantReturnPolicy": { 575 "@type": "MerchantReturnPolicy", 576 "merchantReturnLink": "https://transformhq.com/policies/refund-policy" 577 }, 578 "sameAs": [] 579 }, 580 { 581 "@type": "WebSite", 582 "@id": "https://transformhq.com/#/schema/website/1", 583 "url": "https://transformhq.com", 584 "name": "TransformHQ with Chris \u0026amp; Heidi | #1 Rated Meal Replacement Shakes", 585 "alternateName": "Transform HQ", 586 "potentialAction": { 587 "@type": "SearchAction", 588 "target": "https://transformhq.com/search?q={search_term_string}", 589 "query-input": "required name=search_term_string" 590 }, 591 "publisher": { 592 "@id": "https://transformhq.com/#/schema/organization/1" 593 }, 594 "inLanguage": "en" 595 }, 596 { 597 "@type": ["WebPage","CollectionPage"], 598 "@id": "https:\/\/transformhq.com\/", 599 "name": "TransformHQ", 600 "description": "Home of the #1 rated meal replacement shake. Programs, supplements, and resources from Chris and Heidi Powell", 601 "about": { 602 "@id": "https://transformhq.com/#/schema/organization/1" 603 }, 604 "breadcrumb": { 605 "@id": "https:\/\/transformhq.com\/#\/schema\/breadcrumb" 606 }, 607 "primaryImageOfPage": { 608 "@id": "https://transformhq.com/#/schema/ImageObject/32648684896569" 609 }, 610 "image": [{ 611 "@id": "https://transformhq.com/#/schema/ImageObject/32648684896569" 612 }], 613 "isPartOf": { 614 "@id": "https://transformhq.com/#/schema/website/1" 615 }, 616 "url": "https:\/\/transformhq.com\/" 617 }, 618 { 619 "@type": "ImageObject", 620 "@id": "https://transformhq.com/#/schema/ImageObject/32648684896569", 621 "width": 1200, 622 "height": 628, 623 "url": "https:\/\/transformhq.com\/cdn\/shop\/files\/transform-hq-logo-color-1.webp?v=1674147198", 624 "contentUrl": "https:\/\/transformhq.com\/cdn\/shop\/files\/transform-hq-logo-color-1.webp?v=1674147198" 625 }, 626 { 627 "@type": "BreadcrumbList", 628 "@id": "https:\/\/transformhq.com\/#\/schema\/breadcrumb", 629 "itemListElement": [ 630 { 631 "@type": "ListItem", 632 "name": "TransformHQ with Chris \u0026amp;amp; Heidi | #1 Rated Meal Replacement Shakes", 633 "position": 1 634 } 635 ] 636 } 637 638 ]} 639</script>
639 640<!--/ Yoast SEO --> 641<!-- END app block -->
641<script src="https://cdn.shopify.com/extensions/019fdc0d-a3a6-740d-a2c6-267c07342bce/zipifypages-40/assets/theme-helper.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 641
641
642<script src="https://cdn.shopify.com/extensions/01a08082-d092-749c-87fb-d7fdd89713b9/announcement-bar-maker-by-apphero-7/assets/attrac-embed-bars.js" type="text/javascript" defer="defer"></script>
642 643<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
644<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: 71296844089,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 644
644
645<script> 646 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 647</script>
vendor: 1 bytes, line 647
647
648<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}
648).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: 71296844089,storefrontBaseUrl: "https://transformhq.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://transformhq.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1886683449","configuration":"{\"widgetId\":\"owoqh3a8npvjn2i\",\"baseRequestUrl\":\"https:\\\/\\\/shopify-server.getredo.com\\\/widgets\",\"splitEnabled\":\"false\",\"customerAccountsEnabled\":\"true\",\"conciergeSplitEnabled\":\"false\",\"marketingEnabled\":\"false\",\"expandedWarrantyEnabled\":\"false\",\"storefrontSalesAIEnabled\":\"false\",\"conversionEnabled\":\"false\",\"contextualEnabled\":\"false\",\"failedDiscountRescueEnabled\":\"true\",\"galePaymentInfoEnabled\":\"false\",\"coverageProductIds\":\"[\\\"9862971064633\\\",\\\"9733151588665\\\",\\\"9587872235833\\\",\\\"9587872268601\\\"]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9b8b9baae668c34654484d7b7cf88765","type":"APP","apiClientId":3426665,"privacyPurposes":["ANALYTICS","MARKETING"],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
648,{"id":"1885241657","configuration":"{\"accountID\":\"Nbw2ht\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1632895289","configuration":"{\"advertiserId\":\"19293\",\"shopDomain\":\"transformhq.myshopify.com\",\"appVersion\":\"shopifyApp_5.2.3\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c287d09bac7e7a912a76f3941fab1c2f","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1536622905","configuration":"{\"shopDomain\":\"transformhq.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"579e5df84599695856971baf781ed844","type":"APP","apiClientId":42108846081,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1479770425","configuration":"{\"mntnAID\":\"44992\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b8ecc2eedc793aefdb0d20e94c7addf0","type":"APP","apiClientId":27490025473,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1340604729","configuration":"{\"accountID\":\"7b8f2b07-639c-40c4-b643-fb7711f53530\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a28b838aed79eff02fcca912bdccb6f5","type":"APP","apiClientId":2376822,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1334116665","configuration":"{\"ti\":\"295007517\",\"endpoint\":\"https:\/\/bat.bing.com\/action\/0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5ee93563fe31b11d2d65e2f09a5229dc","type":"APP","apiClientId":2997493,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1046315321","configuration":"{\"matomoUrl\":\"https:\\\/\\\/analytics.zipify.com\",\"matomoSiteId\":\"2122\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4c3b52af25958dd82af2943ee5bcccd8","type":"APP","apiClientId":1436544,"privacyPurposes":["ANALYTICS","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"844955961","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-VPGY864SE9\\\",\\\"GT-MBTTF7M\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-VPGY864SE9\\\",\\\"MC-ZQSBS3V3TQ\\\",\\\"MC-Q1N1QJCGBQ\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-VPGY864SE9\\\",\\\"MC-ZQSBS3V3TQ\\\",\\\"MC-Q1N1QJCGBQ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-VPGY864SE9\\\",\\\"MC-ZQSBS3V3TQ\\\",\\\"MC-Q1N1QJCGBQ\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-VPGY864SE9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"660734265","configuration":"{\"pixelCode\":\"CCFA8G3C77U7LPPFOOG0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"448102713","configuration":"{\"shopDomain\":\"transformhq.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1cc50c06a2fd060c142979e7a3df92db","type":"APP","apiClientId":2436932,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"368509241","configuration":"{\"pixel_id\":\"454372914900908\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","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":"340492601","configuration":"{\"site_id\":\"df2c9a1c-f104-4f6b-8bbe-ce6d018f6ddb\",\"analytics_endpoint\"
648:\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"260276537","configuration":"{\"yotpoStoreId\":\"OmDdzECL4qLRcodTHEiUrzrcgmgrs6Bzglagjk43\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"175571257","configuration":"{\"tagID\":\"2613223782596\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"97681721","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention","dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"171409721","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"UET tag","dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"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":"TransformHQ","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"transformhq.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/transformhq.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://transformhq.com/cdn","fff817eew048894c6p0347dc4em7b2d6332",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188872655161","themePublished":"true","eventMetadataId":"3aa99697-f08f-4fd4-bfaf-bfdf16e2bd78","pageType":"home","shopId":"71296844089","storefrontBaseUrl":"https:\/\/transformhq.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"fff817eew048894c6p0347dc4em7b2d6332","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
648<script> 649 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 650 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 651 window.ShopifyAnalytics.meta.currency = 'USD'; 652 var meta = {"page":{"pageType":"home","requestId":"aa2ae3d4-694b-406c-8be4-b28d1d5a1ce0-1790777265"}}; 653 for (var attr in meta) { 654 window.ShopifyAnalytics.meta[attr] = meta[attr]; 655 } 656</script>
vendor: 1 bytes, line 656
656
657<script class="analytics"> 658 (function () { 659 var customDocumentWrite = function(content) { 660 var jquery = null; 661 662 if (window.jQuery) { 663 jquery = window.jQuery; 664 } else if (window.Checkout && window.Checkout.$) { 665 jquery = window.Checkout.$; 666 } 667 668 if (jquery) { 669 jquery('body').append(content); 670 } 671 }; 672 673 var hasLoggedConversion = function(token) { 674 if (token) { 675 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 676 } 677 return false; 678 } 679 680 var setCookieIfConversion = function(token) { 681 if (token) { 682 var twoMonthsFromNow = new Date(Date.now()); 683 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 684 685 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 686 } 687 } 688 689 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 690 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 691 if (trekkie.integrations) { 692 return; 693 } 694 trekkie.methods = [ 695 'identify', 696 'page', 697 'ready', 698 'track', 699 'trackForm', 700 'trackLink' 701 ]; 702 trekkie.factory = function(method) { 703 return function() { 704 var args = Array.prototype.slice.call(arguments); 705 args.unshift(method); 706 trekkie.push(args); 707 if (method == 'track' || method == 'page') { 708 var pageUrl; 709 try { 710 pageUrl = window.location.href; 711 } catch (e) {} 712 var pageReferrer; 713 try { 714 pageReferrer = document.referrer; 715 } catch (e) {} 716 try { 717 if (window.__TREKKIE_SHIM_QUEUE == null) { 718 window.__TREKKIE_SHIM_QUEUE = []; 719 } 720 window.__TREKKIE_SHIM_QUEUE.push({ 721 from: 'trekkie-stub', 722 method: method, 723 args: args.slice(1), 724 pageContext: { 725 url: pageUrl, 726 referrer: pageReferrer 727 } 728 }); 729 } catch (e) { 730 // no-op 731 } 732 } 733 return trekkie; 734 }; 735 }; 736 for (var i = 0; i < trekkie.methods.length; i++) { 737 var key = trekkie.methods[i]; 738 trekkie[key] = trekkie.factory(key); 739 } 740 trekkie.load = function(config) { 741 trekkie.config = config || {}; 742 trekkie.config.initialDocumentCookie = document.cookie; 743 var first = document.getElementsByTagName('script')[0]; 744var script = document.createElement('script'); 745script.type = 'text/javascript'; 746script.onerror = function(e) { 747 var scriptFallback = document.createElement('script'); 748 scriptFallback.type = 'text/javascript'; 749 scriptFallback.onerror = function(error) { 750 var Monorail = { 751 produce: function produce(monorailDomain, schemaId, payload) { 752 var currentMs = new Date().getTime(); 753 var event = { 754 schema_id: schemaId, 755 payload: payload, 756 metadata: { 757 event_created_at_ms: currentMs, 758 event_sent_at_ms: currentMs 759 } 760 }; 761 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 762 }, 763 sendRequest: function sendRequest(endpointUrl, payload) { 764 // Try the sendBeacon API 765 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 766 var blobData = new window.Blob([payload], { 767 type: 'text/plain' 768 }); 769 770 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 771 return true; 772 } // sendBeacon was not successful 773 774 } // XHR beacon 775 776 var xhr = new XMLHttpRequest(); 777 778 try { 779 xhr.open('POST', endpointUrl); 780 xhr.setRequestHeader('Content-Type', 'text/plain'); 781 xhr.send(payload); 782 } catch (e) { 783 console.log(e); 784 } 785 786 return false; 787 }, 788 isIos12: function isIos12() { 789 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 790 } 791 }; 792 Monorail.produce('monorail-edge.shopifysvc.com', 793 'trekkie_storefront_load_errors/1.1', 794 {shop_id: 71296844089, 795 theme_id: 188872655161, 796 app_name: "storefront", 797 context_url: window.location.href, 798 source_url: "//transformhq.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 799 800 }; 801 scriptFallback.async = true; 802 scriptFallback.src = '//transformhq.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 803 first.parentNode.insertBefore(scriptFallback, first); 804}; 805script.async = true; 806script.src = '//transformhq.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 807first.parentNode.insertBefore(script, first); 808 809 }; 810 trekkie.load( 811 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":71296844089,"isMerchantRequest":null,"themeId":188872655161,"themeCityHash":"6908267409136983387","contentLanguage":"en","currency":"USD","eventMetadataId":"3aa99697-f08f-4fd4-bfaf-bfdf16e2bd78"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 812 ); 813 814 var loaded = false;
815 trekkie.ready(function() { 816 if (loaded) return; 817 loaded = true; 818 819 window.ShopifyAnalytics.lib = window.trekkie; 820 821 var originalDocumentWrite = document.write; 822 document.write = customDocumentWrite; 823 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 824 document.write = originalDocumentWrite; 825 826 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 827 var token = match? match[1]: undefined; 828 if (!hasLoggedConversion(token)) { 829 setCookieIfConversion(token); 830 831 } 832 }); 833 834 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"aa2ae3d4-694b-406c-8be4-b28d1d5a1ce0-1790777265","shopifyEmitted":true}); 835 836 var eventsListenerScript = document.createElement('script'); 837 eventsListenerScript.async = true; 838 eventsListenerScript.src = "//transformhq.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 839 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 840})();</script>
840 841
841<script> 842 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 843 window.ga = function ga() { 844 (window.ga.q = window.ga.q || []).push(arguments); 845 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 846 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 847 } 848 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 849 }; 850 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 851 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 852 } 853 } 854</script>
vendor: 1 bytes, line 854
854
855<script 856 defer 857 src="https://transformhq.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 858 data-application="storefront-renderer" 859 data-shop-id="71296844089" 860 data-render-region="gcp-europe-west1" 861 data-page-type="index" 862 data-theme-instance-id="188872655161" 863 data-theme-name="Avone OS 2.0" 864 data-theme-version="4.5" 865 data-monorail-region="shop_domain" 866 data-resource-timing-sampling-rate="10" 867 data-shs="true" 868 data-shs-beacon="true" 869 data-shs-export-with-fetch="true" 870 data-shs-logs-sample-rate="1" 871 data-shs-beacon-endpoint="https://transformhq.com/api/collect" 872></script>
872 873<meta name="shopify-y" content="f839c226-44d7-4af7-8991-93b7a88b19e2" data-expiration="1822334865000"><meta name="shopify-s" content="02cea401-e296-48a5-8139-7496b590bc2b" data-expiration="1790779065000"><meta name="new-cookie-storage-activated" content="t"> 874</head> 875 <body 876 id="transformhq-with-chris-amp-amp-heidi-1-rated-meal-replacement-shakes" 877 class="template-index lazyload"> 878<!-- AMP edits â disabled while Upsell Cart is off on live theme
879<script> 880 document.addEventListener('mouseup', function (event) { 881 if (event.target.matches('[data-zp-add-to-cart], [data-zp-add-to-cart] *')) { 882 try { 883 if (AMP_API) { 884 setTimeout(function () { AMP_API.OPEN_CART(); }, 600); 885 } 886 } catch (err) {} 887 } 888 }, false); 889</script>
889 890--> 891 892 <!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 892-895
892 893 <noscript 894 ><iframe 895 src="https://www.googletagmanager.com/ns.html?id=
895GTM-TPJ3G6B
vendor: 123 bytes, lines 895-901
895" 896 height="0" 897 width="0" 898 style="display:none;visibility:hidden" 899 ></iframe 900 ></noscript> 901
901<!-- End Google Tag Manager (noscript) --><div id="header" data-section-id="header" data-section-type="header-section" ><header class="site-header left page-width"><div class="mobile-nav large-up--hide"><a href="#" class="hdicon js-mobile-nav-toggle open"><i class="ad ad-bars-l" aria-hidden="true"></i></a><a href="#" class="hdicon searchIco" title="Search"><i class="ad ad-search-l"></i></a></div><h1 class="header-logo"><a href="/" class="header-logo-link"><img src="//transformhq.com/cdn/shop/files/TransformHQ_Logo_160x.png?v=1681502232" width="160" height="24" alt="TransformHQ" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Logo_160x.png?v=1681502232 1x, //transformhq.com/cdn/shop/files/[email protected]?v=1681502232 2x"><span class="visually-hidden">TransformHQ</span></a></h1><div id="shopify-section-navigation" class="shopify-section small--hide medium--hide"><ul id="siteNav" class="siteNavigation text-center" role="navigation" data-section-id="site-navigation" data-section-type="site-navigation"><li class="lvl1 parent megamenu ctsize" ><a href="/collections/shop-all" >SUPPLEMENTS</a><div class="megamenu style3 center"style="width:900px;"> <ul class="grid mmWrapper"><li class="grid__item large-up--one-fifth lvl-1"><a href="https://transformhq.com/products/low-carb-meal-replacement-shake" class="lvl-1"><img class="autoHt lazyload" src="//transformhq.com/cdn/shop/t/35/assets/spacer.png?v=90331840198385788811785876298" width="2114" height="2114" data-src="//transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM_{width}x.png?v=1788458602" data-widths="[180, 360, 540, 720]"data-aspectratio="1.0" data-sizes="auto" alt=""><span class="title">Shake </span></a><ul></ul></li><li class="grid__item large-up--one-fifth lvl-1"><a href="https://transformhq.com/products/boost-shot-energy-drink-mix" class="lvl-1"><img class="autoHt lazyload" src="//transformhq.com/cdn/shop/t/35/assets/spacer.png?v=90331840198385788811785876298" width="3648" height="3648" data-src="//transformhq.com/cdn/shop/files/307A3482_{width}x.jpg?v=1788458623" data-widths="[180, 360, 540, 720]"data-aspectratio="1.0" data-sizes="auto" alt=""><span class="title">Boost Shot </span></a><ul></ul></li><li class="grid__item large-up--one-fifth lvl-1"><a href="https://transformhq.com/products/hydration-drink-mix" class="lvl-1"><img class="autoHt lazyload" src="//transformhq.com/cdn/shop/t/35/assets/spacer.png?v=90331840198385788811785876298" width="3648" height="3648" data-src="//transformhq.com/cdn/shop/files/307A2585_{width}x.jpg?v=1788458649" data-widths="[180, 360, 540, 720]"data-aspectratio="1.0" data-sizes="auto" alt=""><span class="title">Hydration </span></a><ul></ul></li><li class="grid__item large-up--one-fifth lvl-1"><a href="https://transformhq.com/products/clear-protein" class="lvl-1"><img class="autoHt lazyload" src="//transformhq.com/cdn/shop/t/35/assets/spacer.png?v=90331840198385788811785876298" width="3888" height="3888" data-src="//transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667_{width}x.jpg?v=1788458671" data-widths="[180, 360, 540, 720]"data-aspectratio="1.0" data-sizes="auto" alt=""><span class="title">Clear Protein </span></a><ul></ul></li><li class="grid__item large-up--one-fifth lvl-1"><a href="https://transformhq.com/collections/shop-all" class="lvl-1"><img class="autoHt lazyload" src="//transformhq.com/cdn/shop/t/35/assets/spacer.png?v=90331840198385788811785876298" width="800" height="800" data-src="//transformhq.com/cdn/shop/files/MegaRestockSale-8175_{width}x.jpg?v=1789600087" data-widths="[180, 360, 540, 720]"data-aspectratio="1.0" data-sizes="auto" alt=""><span class="title">Shop All </span></a><ul></ul></li></ul> </div></li><li class="lvl1 parent dropdown" ><a href="#" >COMMUNITY</a><ul class="dropdown"><li class="lvl-1"><a href="/pages/ambassadors" class="site-nav lvl-1">Ambassadors</a></li><li class="lvl-1"><a href="/blogs/blog" class="site-nav lvl-1">Blog</a></li><li class="lvl-1"><a href="/pages/milestone-club" class="site-nav lvl-1">Milestone Club</a></li><li class="lvl-1"><a href="/pages/transformations-2" class="site-nav lvl-1">Transformations</a></li><li class="lvl-1"><a href="/pages/reviews" class="site-nav lvl-1">Reviews</a></li><li class="lvl-1"><a href="https://transformhq.com/pages/rewards" class="site-nav lvl-1">Rewards</a></li></ul></li><li class="lvl1" ><a href="https://transformhq.com/pages/milestone-club" >MILESTONE CLUB</a></li><li class="lvl1" ><a href="https://transformhq.com/pages/half-birthday-party-26" >DEALS</a></li><li class="lvl1" ><a href="https://transformhq.com/collections/shop-all" >SHOP ALL</a></li></ul></div><div class="icons-col flex"><a href="#" class="hdicon searchIco small--hide medium--hide" title="Search"><i class="ad ad-search-l"></i></a><a href="#" class="hdicon site-settings" title="Settings"><i class="ad ad-user-al"></i></a> <div id="settingsBox" style=""><div class="customer-links"><p><a href="/account/login" class="btn test2">LOGIN</a></p><p class="text-center">New User? <a href="/account/register" class="register ctLink">Register Now</a></p></div><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /></form></div><a href="/cart" class="hdicon" title="Cart"><i class="ad ad-basket-l"></i><span id="CartCount" class="site-header__cart-count" data-cart-render="item_count">0</span></a></div></header></div><div class="stickySpace"></div><div class="mobile-nav-wrapper large-up--hide" role="navigation"><div class="closemmn fl f-aic f-jcc" title="Close Menu"><i class="ad ad-times-r" aria-hidden="true"></i></div><ul id="MobileNav" class="mobile-nav siteNavigation"><li class="lvl1 parent megamenu"><a href="/collections/shop-all">SUPPLEMENTS <i class="ad ad-plus-l"></i></a><ul><li class="lvl-1"><a href="https://transformhq.com/products/low-carb-meal-replacement-shake" class="lvl-1">Shake</a><ul></ul></li><li class="lvl-1"><a href="https://transformhq.com/products/boost-shot-energy-drink-mix" class="lvl-1">Boost Shot</a><ul></ul></li><li class="lvl-1"><a href="https://transformhq.com/products/hydration-drink-mix" class="lvl-1">Hydration</a><ul></ul></li><li class="lvl-1"><a href="https://transformhq.com/products/clear-protein" class="lvl-1">Clear Protein</a><ul></ul></li><li class="lvl-1"><a href="https://transformhq.com/collections/shop-all" class="lvl-1">Shop All</a><ul></ul></li></ul></li><li class="lvl1 parent megamenu"><a href="#">COMMUNITY <i class="ad ad-plus-l"></i></a><ul><li class="lvl-1"><a href="/pages/ambassadors" class="site-nav">
901Ambassadors</a></li><li class="lvl-1"><a href="/blogs/blog" class="site-nav">Blog</a></li><li class="lvl-1"><a href="/pages/milestone-club" class="site-nav">Milestone Club</a></li><li class="lvl-1"><a href="/pages/transformations-2" class="site-nav">Transformations</a></li><li class="lvl-1"><a href="/pages/reviews" class="site-nav">Reviews</a></li><li class="lvl-1"><a href="https://transformhq.com/pages/rewards" class="site-nav">Rewards</a></li></ul></li><li class="lvl1"><a href="https://transformhq.com/pages/milestone-club">MILESTONE CLUB </a></li><li class="lvl1"><a href="https://transformhq.com/pages/half-birthday-party-26">DEALS </a></li><li class="lvl1"><a href="https://transformhq.com/collections/shop-all">SHOP ALL </a></li><li></li><li></li><li><li><a href="/account/login">LOGIN</a></li><li><a href="/account/register">Register Now</a></li></li></ul></div> 902<main id="PageContainer" class="main-content index" id="MainContent" role="main"> 903 <section id="shopify-section-template--27511920361785__animated_wave_banner_FjimfT" class="shopify-section section-animated-wave-banner"><section 904 id="AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT" 905 class="awb awb--left" 906 data-awb-slider 907 data-autoplay="true" 908 data-autoplay-speed="5000" 909 style=" 910 --awb-wave-height: 40px; 911 --awb-wave-speed: 20s; 912 --awb-content-width: 510px; 913 914 --awb-text-color: #102d45; 915 --awb-button-bg: #3ab3e2; 916 --awb-button-color: #ffffff; 917 --awb-outline-color: #3ab3e2; 918 --awb-wave-color: #ffffff; 919 920 --awb-overlay-opacity: 0.0; 921 --awb-overlay-solid-width: 30%; 922 --awb-overlay-fade-end: 50%; 923 924 --awb-mobile-overlay-opacity: 0.0; 925 --awb-mobile-overlay-solid-width: 0%; 926 --awb-mobile-overlay-fade-end: 55%; 927 928 --awb-transition-speed: 600ms; 929 " 930> 931 <div class="awb__viewport"> 932 <div class="awb__track" data-awb-track> 933 934 935 936 <article 937 class="awb__slide is-active" 938 data-awb-slide 939 data-slide-index="0" 940 941 data-banner-link="https://transformhq.com/pages/half-birthday-party-26" 942 943 944 data-desktop-ratio="3.3333333333333335" 945 946 947 data-mobile-ratio="0.8666666666666667" 948 949 style=" 950 --awb-image-position: center center; 951 --awb-mobile-image-position: center center; 952 953 --awb-overlay-r: 0; 954 --awb-overlay-g: 0; 955 --awb-overlay-b: 0; 956 " 957 958 > 959 <div class="awb__media" aria-hidden="true"> 960 961 <picture> 962 963 <source 964 media="(max-width: 749px)" 965 srcset=" 966 //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Mobile_Banner_1.png?v=1790201575&width=750 750w, 967 //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Mobile_Banner_1.png?v=1790201575&width=1100 1100w, 968 //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Mobile_Banner_1.png?v=1790201575&width=1500 1500w 969 " 970 > 971 972 973 <img src="//transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Desktop_Banner_1.png?v=1790201556&width=2400" alt="" srcset="//transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Desktop_Banner_1.png?v=1790201556&width=750 750w, //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Desktop_Banner_1.png?v=1790201556&width=1100 1100w, //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Desktop_Banner_1.png?v=1790201556&width=1500 1500w, //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Desktop_Banner_1.png?v=1790201556&width=2000 2000w, //transformhq.com/cdn/shop/files/THQ_Half_Birthday_Sale_Desktop_Banner_1.png?v=1790201556&width=2400 2400w" width="2400" height="720" loading="eager" class="awb__image" sizes="100vw"> 974 </picture> 975 976 977 <div class="awb__overlay"></div> 978 </div> 979 980 <div class="awb__inner page-width"> 981 <div class="awb__content"> 982 983 984 985 986 987 988 989 </div> 990 </div> 991 </article> 992 993 994 995 <article 996 class="awb__slide" 997 data-awb-slide
998 data-slide-index="1" 999 1000 data-banner-link="https://transformhq.com/pages/meal-kit" 1001 1002 1003 data-desktop-ratio="3.3333333333333335" 1004 1005 1006 data-mobile-ratio="0.8666666666666667" 1007 1008 style=" 1009 --awb-image-position: center center; 1010 --awb-mobile-image-position: center center; 1011 1012 --awb-overlay-r: 242; 1013 --awb-overlay-g: 244; 1014 --awb-overlay-b: 244; 1015 " 1016 1017 > 1018 <div class="awb__media" aria-hidden="true"> 1019 1020 <picture> 1021 1022 <source 1023 media="(max-width: 749px)" 1024 srcset=" 1025 //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook.png?v=1789065178&width=750 750w, 1026 //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook.png?v=1789065178&width=1100 1100w, 1027 //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook.png?v=1789065178&width=1500 1500w 1028 " 1029 > 1030 1031 1032 <img src="//transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook_1.png?v=1789064975&width=2400" alt="" srcset="//transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook_1.png?v=1789064975&width=750 750w, //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook_1.png?v=1789064975&width=1100 1100w, //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook_1.png?v=1789064975&width=1500 1500w, //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook_1.png?v=1789064975&width=2000 2000w, //transformhq.com/cdn/shop/files/7_Delicious_High-Protein_Meals_FREE_Shaker_Recipe_eBook_1.png?v=1789064975&width=2400 2400w" width="2400" height="720" loading="eager" class="awb__image" sizes="100vw"> 1033 </picture> 1034 1035 1036 <div class="awb__overlay"></div> 1037 </div> 1038 1039 <div class="awb__inner page-width"> 1040 <div class="awb__content"> 1041 1042 1043 1044 1045 1046 1047 1048 </div> 1049 </div> 1050 </article> 1051 1052 1053 1054 <article 1055 class="awb__slide" 1056 data-awb-slide 1057 data-slide-index="2" 1058 1059 data-banner-link="https://transformhq.com/pages/milestone-club" 1060 1061 1062 data-desktop-ratio="3.3333333333333335" 1063 1064 1065 data-mobile-ratio="0.8666666666666667" 1066 1067 style=" 1068 --awb-image-position: center center; 1069 --awb-mobile-image-position: center center; 1070 1071 --awb-overlay-r: 242; 1072 --awb-overlay-g: 244; 1073 --awb-overlay-b: 244; 1074 " 1075 1076 > 1077 <div class="awb__media" aria-hidden="true"> 1078 1079 <picture> 1080 1081 <source 1082 media="(max-width: 749px)" 1083 srcset=" 1084 //transformhq.com/cdn/shop/files/Milestone_Banner_mobile_1.png?v=1789065720&width=750 750w, 1085 //transformhq.com/cdn/shop/files/Milestone_Banner_mobile_1.png?v=1789065720&width=1100 1100w, 1086 //transformhq.com/cdn/shop/files/Milestone_Banner_mobile_1.png?v=1789065720&width=1500 1500w 1087 " 1088 > 1089 1090 1091 <img src="//transformhq.com/cdn/shop/files/Milestone_Banner_desktop_1.png?v=1789065672&width=2400" alt="" srcset="//transformhq.com/cdn/shop/files/Milestone_Banner_desktop_1.png?v=1789065672&width=750 750w, //transformhq.com/cdn/shop/files/Milestone_Banner_desktop_1.png?v=1789065672&width=1100 1100w, //transformhq.com/cdn/shop/files/Milestone_Banner_desktop_1.png?v=1789065672&width=1500 1500w, //transformhq.com/cdn/shop/files/Milestone_Banner_desktop_1.png?v=1789065672&width=2000 2000w, //transformhq.com/cdn/shop/files/Milestone_Banner_desktop_1.png?v=1789065672&width=2400 2400w" width="2400" height="720" loading="eager" class="awb__image" sizes="100vw"> 1092 </picture> 1093 1094 1095 <div class="awb__overlay"></div> 1096 </div> 1097 1098 <div class="awb__inner page-width"> 1099 <div class="awb__content"> 1100 1101 1102 1103 1104 1105 1106 1107 </div> 1108 </div> 1109 </article> 1110 1111 </div> 1112 </div> 1113 1114 1115 1116 <div class="awb__arrows"> 1117 <button 1118 type="button" 1119 class="awb__arrow awb__arrow--previous" 1120 data-awb-previous 1121 aria-label="Previous slide" 1122 > 1123 <svg
1124 viewBox="0 0 24 24" 1125 aria-hidden="true" 1126 focusable="false" 1127 > 1128 <path 1129 d="M15 5l-7 7 7 7" 1130 fill="none" 1131 stroke="currentColor" 1132 stroke-width="1.8" 1133 stroke-linecap="round" 1134 stroke-linejoin="round" 1135 /> 1136 </svg> 1137 </button> 1138 1139 <button 1140 type="button" 1141 class="awb__arrow awb__arrow--next" 1142 data-awb-next 1143 aria-label="Next slide" 1144 > 1145 <svg 1146 viewBox="0 0 24 24" 1147 aria-hidden="true" 1148 focusable="false" 1149 > 1150 <path 1151 d="M9 5l7 7-7 7" 1152 fill="none" 1153 stroke="currentColor" 1154 stroke-width="1.8" 1155 stroke-linecap="round" 1156 stroke-linejoin="round" 1157 /> 1158 </svg> 1159 </button> 1160 </div> 1161 1162 1163 1164 <div 1165 class="awb__dots" 1166 data-awb-dots 1167 aria-label="Banner slides" 1168 > 1169 1170 <button 1171 type="button" 1172 class="awb__dot is-active" 1173 data-awb-dot="0" 1174 aria-label="Go to slide 1" 1175 aria-current="true" 1176 ></button> 1177 1178 <button 1179 type="button" 1180 class="awb__dot" 1181 data-awb-dot="1" 1182 aria-label="Go to slide 2" 1183 aria-current="false" 1184 ></button> 1185 1186 <button 1187 type="button" 1188 class="awb__dot" 1189 data-awb-dot="2" 1190 aria-label="Go to slide 3" 1191 aria-current="false" 1192 ></button> 1193 1194 </div> 1195 1196 1197 1198 <div class="awb__waves" aria-hidden="true"> 1199 <svg 1200 class="awb__wave awb__wave--back" 1201 viewBox="0 0 2880 160" 1202 preserveAspectRatio="none" 1203 > 1204 <path d="M0,82 C240,18 480,145 720,82 C960,18 1200,145 1440,82 C1680,18 1920,145 2160,82 C2400,18 2640,145 2880,82 L2880,160 L0,160 Z" /> 1205 </svg> 1206 1207 <svg 1208 class="awb__wave awb__wave--middle" 1209 viewBox="0 0 2880 160" 1210 preserveAspectRatio="none" 1211 > 1212 <path d="M0,98 C240,38 480,132 720,89 C960,46 1200,125 1440,91 C1680,57 1920,133 2160,91 C2400,49 2640,126 2880,89 L2880,160 L0,160 Z" /> 1213 </svg> 1214 1215 <svg 1216 class="awb__wave awb__wave--front" 1217 viewBox="0 0 2880 160" 1218 preserveAspectRatio="none" 1219 > 1220 <path d="M0,112 C300,72 470,129 720,105 C980,80 1190,128 1440,103 C1690,78 1930,129 2160,103 C2390,77 2610,127 2880,104 L2880,160 L0,160 Z" /> 1221 </svg> 1222 </div> 1223</section> 1224 1225<style> 1226 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT { 1227 position: relative; 1228 overflow: hidden; 1229 isolation: isolate; 1230 color: var(--awb-text-color); 1231 background: #eef8ff; 1232 } 1233 1234 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__viewport { 1235 position: relative; 1236 width: 100%; 1237 overflow: hidden; 1238 transition: height var(--awb-transition-speed) ease; 1239 } 1240 1241 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__track { 1242 display: flex; 1243 height: 100%; 1244 transition: 1245 transform var(--awb-transition-speed) 1246 cubic-bezier(.22, .61, .36, 1); 1247 will-change: transform; 1248 } 1249 1250 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__slide { 1251 position: relative; 1252 flex: 0 0 100%; 1253 width: 100%; 1254 min-width: 0; 1255 height: 100%; 1256 overflow: hidden; 1257 } 1258 1259 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__slide[data-banner-link]:hover { 1260 cursor: pointer; 1261 } 1262 1263 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__media, 1264 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__media picture, 1265 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__image, 1266 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__placeholder { 1267 position: absolute; 1268 inset: 0; 1269 width: 100%; 1270 height: 100%; 1271 } 1272
1273 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__image, 1274 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__placeholder { 1275 display: block; 1276 object-fit: cover; 1277 object-position: var(--awb-image-position); 1278 } 1279 1280 /* 1281 ìì°ì¤ë¬ì´ ì½í ì¸ ì¤ë²ë ì´ 1282 1283 í ì¤í¸ ììììë ì íí ì¤ë²ë ì´ ììì ì ì§íê³ , 1284 ì´ë¯¸ì§ 쪽ì¼ë¡ ê°ìë¡ ì²ì²í í¬ëª í´ì§ëë¤. 1285 1286 ì´ì radial-gradient ë°©ìì ì¬ì©íì§ ììµëë¤. 1287 */ 1288 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__overlay { 1289 position: absolute; 1290 inset: 0; 1291 z-index: 1; 1292 pointer-events: none; 1293 } 1294 1295 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--left .awb__overlay { 1296 background: linear-gradient( 1297 90deg, 1298 rgba( 1299 var(--awb-overlay-r), 1300 var(--awb-overlay-g), 1301 var(--awb-overlay-b), 1302 var(--awb-overlay-opacity) 1303 ) 0%, 1304 rgba( 1305 var(--awb-overlay-r), 1306 var(--awb-overlay-g), 1307 var(--awb-overlay-b), 1308 var(--awb-overlay-opacity) 1309 ) var(--awb-overlay-solid-width), 1310 rgba( 1311 var(--awb-overlay-r), 1312 var(--awb-overlay-g), 1313 var(--awb-overlay-b), 1314 calc(var(--awb-overlay-opacity) * .72) 1315 ) calc( 1316 var(--awb-overlay-solid-width) + 1317 ( 1318 var(--awb-overlay-fade-end) - 1319 var(--awb-overlay-solid-width) 1320 ) * .32 1321 ), 1322 rgba( 1323 var(--awb-overlay-r), 1324 var(--awb-overlay-g), 1325 var(--awb-overlay-b), 1326 calc(var(--awb-overlay-opacity) * .38) 1327 ) calc( 1328 var(--awb-overlay-solid-width) + 1329 ( 1330 var(--awb-overlay-fade-end) - 1331 var(--awb-overlay-solid-width) 1332 ) * .65 1333 ), 1334 rgba( 1335 var(--awb-overlay-r), 1336 var(--awb-overlay-g), 1337 var(--awb-overlay-b), 1338 0 1339 ) var(--awb-overlay-fade-end), 1340 rgba( 1341 var(--awb-overlay-r), 1342 var(--awb-overlay-g), 1343 var(--awb-overlay-b), 1344 0 1345 ) 100% 1346 ); 1347 } 1348 1349 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--right .awb__overlay { 1350 background: linear-gradient( 1351 270deg, 1352 rgba( 1353 var(--awb-overlay-r), 1354 var(--awb-overlay-g), 1355 var(--awb-overlay-b), 1356 var(--awb-overlay-opacity) 1357 ) 0%, 1358 rgba( 1359 var(--awb-overlay-r), 1360 var(--awb-overlay-g), 1361 var(--awb-overlay-b), 1362 var(--awb-overlay-opacity) 1363 ) var(--awb-overlay-solid-width), 1364 rgba( 1365 var(--awb-overlay-r), 1366 var(--awb-overlay-g), 1367 var(--awb-overlay-b), 1368 calc(var(--awb-overlay-opacity) * .72) 1369 ) calc( 1370 var(--awb-overlay-solid-width) + 1371 ( 1372 var(--awb-overlay-fade-end) - 1373 var(--awb-overlay-solid-width) 1374 ) * .32 1375 ), 1376 rgba( 1377 var(--awb-overlay-r), 1378 var(--awb-overlay-g), 1379 var(--awb-overlay-b), 1380 calc(var(--awb-overlay-opacity) * .38) 1381 ) calc( 1382 var(--awb-overlay-solid-width) + 1383 ( 1384 var(--awb-overlay-fade-end) - 1385 var(--awb-overlay-solid-width) 1386 ) * .65 1387 ), 1388 rgba( 1389 var(--awb-overlay-r), 1390 var(--awb-overlay-g), 1391 var(--awb-overlay-b), 1392 0 1393 ) var(--awb-overlay-fade-end), 1394 rgba( 1395 var(--awb-overlay-r), 1396 var(--awb-overlay-g), 1397 var(--awb-overlay-b), 1398 0 1399 ) 100% 1400 ); 1401 } 1402 1403 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--center .awb__overlay { 1404 background: linear-gradient( 1405 90deg, 1406 rgba( 1407 var(--awb-overlay-r), 1408 var(--awb-overlay-g), 1409 var(--awb-overlay-b), 1410 0 1411 ) 0%, 1412 rgba( 1413 var(--awb-overlay-r), 1414 var(--awb-overlay-g), 1415 var(--awb-overlay-b), 1416 calc(var(--awb-overlay-opacity) * .35) 1417 ) 20%, 1418 rgba( 1419 var(--awb-overlay-r), 1420 var(--awb-overlay-g), 1421 var(--awb-overlay-b), 1422 var(--awb-overlay-opacity) 1423 ) 40%, 1424 rgba( 1425 var(--awb-overlay-r), 1426 var(--awb-overlay-g), 1427 var(--awb-overlay-b), 1428 var(--awb-overlay-opacity) 1429 ) 60%, 1430 rgba( 1431 var(--awb-overlay-r), 1432 var(--awb-overlay-g), 1433 var(--awb-overlay-b), 1434 calc(var(--awb-overlay-opacity) * .35) 1435 ) 80%, 1436 rgba( 1437 var(--awb-overlay-r), 1438 var(--awb-overlay-g), 1439 var(--awb-overlay-b), 1440 0 1441 ) 100% 1442 ); 1443 } 1444
1445 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__inner { 1446 position: relative; 1447 z-index: 2; 1448 height: 100%; 1449 display: flex; 1450 align-items: center; 1451 padding-top: 56px; 1452 padding-bottom: calc(var(--awb-wave-height) + 46px); 1453 } 1454 1455 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--left .awb__inner { 1456 justify-content: flex-start; 1457 } 1458 1459 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--center .awb__inner { 1460 justify-content: center; 1461 text-align: center; 1462 } 1463 1464 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--right .awb__inner { 1465 justify-content: flex-end; 1466 text-align: right; 1467 } 1468 1469 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__content { 1470 width: min(100%, var(--awb-content-width)); 1471 } 1472 1473 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__eyebrow { 1474 margin-bottom: 12px; 1475 font-size: 11px; 1476 line-height: 1.2; 1477 font-weight: 700; 1478 letter-spacing: .14em; 1479 text-transform: uppercase; 1480 } 1481 1482 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__heading { 1483 max-width: 650px; 1484 margin: 0; 1485 font-size: clamp(40px, 4vw, 68px); 1486 line-height: .98; 1487 letter-spacing: -.035em; 1488 } 1489 1490 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--center .awb__heading { 1491 margin-inline: auto; 1492 } 1493 1494 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--right .awb__heading { 1495 margin-left: auto; 1496 } 1497 1498 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__text { 1499 max-width: 520px; 1500 margin-top: 22px; 1501 font-size: 15px; 1502 line-height: 1.55; 1503 } 1504 1505 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--center .awb__text { 1506 margin-inline: auto; 1507 } 1508 1509 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--right .awb__text { 1510 margin-left: auto; 1511 } 1512 1513 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__text p { 1514 margin: 0; 1515 } 1516 1517 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__buttons { 1518 display: flex; 1519 flex-wrap: wrap; 1520 align-items: center; 1521 gap: 12px; 1522 margin-top: 26px; 1523 } 1524 1525 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--center .awb__buttons { 1526 justify-content: center; 1527 } 1528 1529 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--right .awb__buttons { 1530 justify-content: flex-end; 1531 } 1532 1533 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__button { 1534 min-width: 138px; 1535 min-height: 46px; 1536 padding: 12px 22px; 1537 border-radius: 999px; 1538 display: inline-flex; 1539 align-items: center; 1540 justify-content: center; 1541 font-size: 13px; 1542 line-height: 1; 1543 font-weight: 700; 1544 text-decoration: none; 1545 transition: 1546 transform .2s ease, 1547 opacity .2s ease, 1548 box-shadow .2s ease; 1549 } 1550 1551 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__button:hover { 1552 transform: translateY(-2px); 1553 box-shadow: 0 8px 20px rgba(0, 0, 0, .12); 1554 } 1555 1556 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__button--primary { 1557 border: 1px solid var(--awb-button-bg); 1558 color: var(--awb-button-color); 1559 background: var(--awb-button-bg); 1560 } 1561 1562 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__button--secondary { 1563 border: 1px solid var(--awb-outline-color); 1564 color: var(--awb-outline-color); 1565 background: rgba(255, 255, 255, .82); 1566 backdrop-filter: blur(4px); 1567 } 1568 1569 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrows { 1570 position: absolute; 1571 z-index: 6; 1572 inset: 0; 1573 pointer-events: none; 1574 } 1575 1576 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow { 1577 position: absolute; 1578 top: 50%; 1579 width: 44px; 1580 height: 44px; 1581 padding: 0; 1582 border: 1px solid rgba(16, 45, 69, .18); 1583 border-radius: 50%; 1584 color: var(--awb-outline-color); 1585 background: rgba(255, 255, 255, .82); 1586 box-shadow: 0 5px 18px rgba(0, 0, 0, .08); 1587 backdrop-filter: blur(8px); 1588 display: flex; 1589 align-items: center; 1590 justify-content: center; 1591 transform: translateY(-50%); 1592 cursor: pointer; 1593 pointer-events: auto; 1594 transition: 1595 background .2s ease, 1596 transform .2s ease; 1597 } 1598
1599 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow:hover { 1600 background: #fff; 1601 transform: translateY(-50%) scale(1.05); 1602 } 1603 1604 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow svg { 1605 width: 22px; 1606 height: 22px; 1607 } 1608 1609 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow--previous { 1610 left: 24px; 1611 } 1612 1613 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow--next { 1614 right: 24px; 1615 } 1616 1617 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__dots { 1618 position: absolute; 1619 z-index: 7; 1620 left: 50%; 1621 bottom: calc(var(--awb-wave-height) + 14px); 1622 display: flex; 1623 align-items: center; 1624 gap: 8px; 1625 transform: translateX(-50%); 1626 } 1627 1628 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__dot { 1629 width: 8px; 1630 height: 8px; 1631 padding: 0; 1632 border: 0; 1633 border-radius: 999px; 1634 background: var(--awb-outline-color); 1635 opacity: .35; 1636 cursor: pointer; 1637 transition: 1638 width .25s ease, 1639 opacity .25s ease; 1640 } 1641 1642 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__dot.is-active { 1643 width: 26px; 1644 opacity: 1; 1645 } 1646 1647 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__waves { 1648 position: absolute; 1649 z-index: 5; 1650 left: 0; 1651 right: 0; 1652 bottom: -1px; 1653 height: var(--awb-wave-height); 1654 overflow: hidden; 1655 pointer-events: none; 1656 } 1657 1658 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__wave { 1659 position: absolute; 1660 left: 0; 1661 bottom: -1px; 1662 width: 200%; 1663 height: 100%; 1664 fill: var(--awb-wave-color); 1665 transform: translate3d(0, 0, 0); 1666 will-change: transform; 1667 } 1668 1669 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__wave--back { 1670 opacity: .32; 1671 animation: 1672 awb-wave-left-template--27511920361785__animated_wave_banner_FjimfT 1673 var(--awb-wave-speed) 1674 linear 1675 infinite; 1676 } 1677 1678 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__wave--middle { 1679 opacity: .52; 1680 animation: 1681 awb-wave-right-template--27511920361785__animated_wave_banner_FjimfT 1682 calc(var(--awb-wave-speed) * 1.25) 1683 linear 1684 infinite; 1685 } 1686 1687 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__wave--front { 1688 opacity: 1; 1689 animation: 1690 awb-wave-left-template--27511920361785__animated_wave_banner_FjimfT 1691 calc(var(--awb-wave-speed) * .82) 1692 linear 1693 infinite; 1694 } 1695 1696 @keyframes awb-wave-left-template--27511920361785__animated_wave_banner_FjimfT { 1697 from { 1698 transform: translate3d(0, 0, 0); 1699 } 1700 1701 to { 1702 transform: translate3d(-50%, 0, 0); 1703 } 1704 } 1705 1706 @keyframes awb-wave-right-template--27511920361785__animated_wave_banner_FjimfT { 1707 from { 1708 transform: translate3d(-50%, 0, 0); 1709 } 1710 1711 to { 1712 transform: translate3d(0, 0, 0); 1713 } 1714 } 1715 1716 @media screen and (max-width: 989px) { 1717 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow--previous { 1718 left: 14px; 1719 } 1720 1721 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow--next { 1722 right: 14px; 1723 } 1724 } 1725 1726 @media screen and (max-width: 749px) { 1727 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__image, 1728 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__placeholder { 1729 object-position: var(--awb-mobile-image-position); 1730 } 1731 1732 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--left .awb__overlay { 1733 background: linear-gradient( 1734 90deg, 1735 rgba( 1736 var(--awb-overlay-r), 1737 var(--awb-overlay-g), 1738 var(--awb-overlay-b), 1739 var(--awb-mobile-overlay-opacity) 1740 ) 0%, 1741 rgba( 1742 var(--awb-overlay-r), 1743 var(--awb-overlay-g), 1744 var(--awb-overlay-b), 1745 var(--awb-mobile-overlay-opacity) 1746 ) var(--awb-mobile-overlay-solid-width), 1747 rgba( 1748 var(--awb-overlay-r), 1749 var(--awb-overlay-g), 1750 var(--awb-overlay-b), 1751 calc(var(--awb-mobile-overlay-opacity) * .7) 1752 ) calc( 1753 var(--awb-mobile-overlay-solid-width) + 1754 ( 1755 var(--awb-mobile-overlay-fade-end) - 1756 var(--awb-mobile-overlay-solid-width) 1757 ) * .35 1758 ), 1759 rgba( 1760 var(--awb-overlay-r), 1761 var(--awb-overlay-g), 1762 var(--awb-overlay-b), 1763 calc(var(--awb-mobile-overlay-opacity) * .35) 1764 ) calc( 1765 var(--awb-mobile-overlay-solid-width) + 1766 ( 1767 var(--awb-mobile-overlay-fade-end) - 1768 var(--awb-mobile-overlay-solid-width) 1769 ) * .68 1770 ), 1771 rgba( 1772 var(--awb-overlay-r), 1773 var(--awb-overlay-g), 1774 var(--awb-overlay-b), 1775 0 1776 ) var(--awb-mobile-overlay-fade-end), 1777 rgba( 1778 var(--awb-overlay-r), 1779 var(--awb-overlay-g), 1780 var(--awb-overlay-b), 1781 0 1782 ) 100% 1783 ); 1784 } 1785
1786 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT.awb--right .awb__overlay { 1787 background: linear-gradient( 1788 270deg, 1789 rgba( 1790 var(--awb-overlay-r), 1791 var(--awb-overlay-g), 1792 var(--awb-overlay-b), 1793 var(--awb-mobile-overlay-opacity) 1794 ) 0%, 1795 rgba( 1796 var(--awb-overlay-r), 1797 var(--awb-overlay-g), 1798 var(--awb-overlay-b), 1799 var(--awb-mobile-overlay-opacity) 1800 ) var(--awb-mobile-overlay-solid-width), 1801 rgba( 1802 var(--awb-overlay-r), 1803 var(--awb-overlay-g), 1804 var(--awb-overlay-b), 1805 calc(var(--awb-mobile-overlay-opacity) * .7) 1806 ) calc( 1807 var(--awb-mobile-overlay-solid-width) + 1808 ( 1809 var(--awb-mobile-overlay-fade-end) - 1810 var(--awb-mobile-overlay-solid-width) 1811 ) * .35 1812 ), 1813 rgba( 1814 var(--awb-overlay-r), 1815 var(--awb-overlay-g), 1816 var(--awb-overlay-b), 1817 calc(var(--awb-mobile-overlay-opacity) * .35) 1818 ) calc( 1819 var(--awb-mobile-overlay-solid-width) + 1820 ( 1821 var(--awb-mobile-overlay-fade-end) - 1822 var(--awb-mobile-overlay-solid-width) 1823 ) * .68 1824 ), 1825 rgba( 1826 var(--awb-overlay-r), 1827 var(--awb-overlay-g), 1828 var(--awb-overlay-b), 1829 0 1830 ) var(--awb-mobile-overlay-fade-end), 1831 rgba( 1832 var(--awb-overlay-r), 1833 var(--awb-overlay-g), 1834 var(--awb-overlay-b), 1835 0 1836 ) 100% 1837 ); 1838 } 1839 1840 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__inner { 1841 justify-content: center !important; 1842 text-align: center !important; 1843 padding-top: 42px; 1844 padding-bottom: calc(var(--awb-wave-height) + 46px); 1845 } 1846 1847 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__content { 1848 width: min(100%, 430px); 1849 } 1850 1851 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__heading { 1852 margin-inline: auto !important; 1853 font-size: clamp(36px, 11vw, 52px); 1854 } 1855 1856 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__text { 1857 margin-inline: auto !important; 1858 font-size: 14px; 1859 } 1860 1861 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__buttons { 1862 justify-content: center !important; 1863 gap: 10px; 1864 } 1865 1866 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__button { 1867 min-width: 132px; 1868 min-height: 44px; 1869 padding: 11px 18px; 1870 } 1871 1872 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrows { 1873 display: none; 1874 } 1875 1876 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__dots { 1877 bottom: calc(var(--awb-wave-height) + 8px); 1878 } 1879 } 1880 1881 @media (prefers-reduced-motion: reduce) { 1882 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__track { 1883 transition: none; 1884 } 1885 1886 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__wave { 1887 animation: none !important; 1888 } 1889 1890 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__button, 1891 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__arrow, 1892 #AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT .awb__dot { 1893 transition: none; 1894 } 1895 } 1896</style> 1897
1898<script> 1899 (() => { 1900 const section = document.getElementById( 1901 'AnimatedWaveBanner-template--27511920361785__animated_wave_banner_FjimfT' 1902 ); 1903 1904 if (!section || section.dataset.awbInitialized === 'true') { 1905 return; 1906 } 1907 1908 const track = section.querySelector('[data-awb-track]'); 1909 const slides = Array.from( 1910 section.querySelectorAll('[data-awb-slide]') 1911 ); 1912 const previousButton = section.querySelector( 1913 '[data-awb-previous]' 1914 ); 1915 const nextButton = section.querySelector( 1916 '[data-awb-next]' 1917 ); 1918 const dots = Array.from( 1919 section.querySelectorAll('[data-awb-dot]') 1920 ); 1921 1922 if (!track || slides.length === 0) { 1923 return; 1924 } 1925 1926 section.dataset.awbInitialized = 'true'; 1927 1928 const autoplayEnabled = 1929 section.dataset.autoplay === 'true'; 1930 1931 const autoplaySpeed = 1932 Number(section.dataset.autoplaySpeed) || 5000; 1933 1934 let currentIndex = 0; 1935 let autoplayTimer = null; 1936 let touchStartX = 0; 1937 let touchStartY = 0; 1938 let didSwipe = false; 1939 1940 const viewport = section.querySelector('.awb__viewport'); 1941 1942 const updateBannerHeight = () => { 1943 const activeSlide = slides[currentIndex]; 1944 1945 if (!activeSlide || !viewport) { 1946 return; 1947 } 1948 1949 const isMobile = window.matchMedia('(max-width: 749px)').matches; 1950 1951 const ratio = Number( 1952 isMobile 1953 ? activeSlide.dataset.mobileRatio || 1954 activeSlide.dataset.desktopRatio 1955 : activeSlide.dataset.desktopRatio 1956 ); 1957 1958 if (!ratio || ratio <= 0) { 1959 return; 1960 } 1961 1962 const width = viewport.clientWidth || section.clientWidth; 1963 1964 if (!width) { 1965 return; 1966 } 1967 1968 viewport.style.height = `${width / ratio}px`; 1969 }; 1970 1971 const updateSlider = (newIndex) => { 1972 currentIndex = 1973 (newIndex + slides.length) % slides.length; 1974 1975 track.style.transform = 1976 `translate3d(-${currentIndex * 100}%, 0, 0)`; 1977 1978 slides.forEach((slide, index) => { 1979 const isActive = index === currentIndex; 1980 1981 slide.classList.toggle('is-active', isActive); 1982 slide.setAttribute( 1983 'aria-hidden', 1984 isActive ? 'false' : 'true' 1985 ); 1986 }); 1987 1988 dots.forEach((dot, index) => { 1989 const isActive = index === currentIndex; 1990 1991 dot.classList.toggle('is-active', isActive); 1992 dot.setAttribute( 1993 'aria-current', 1994 isActive ? 'true' : 'false' 1995 ); 1996 }); 1997 1998 updateBannerHeight(); 1999 }; 2000 2001 const stopAutoplay = () => { 2002 if (autoplayTimer) { 2003 window.clearInterval(autoplayTimer); 2004 autoplayTimer = null; 2005 } 2006 }; 2007 2008 const startAutoplay = () => { 2009 stopAutoplay(); 2010 2011 if (!autoplayEnabled || slides.length < 2) { 2012 return; 2013 } 2014 2015 autoplayTimer = window.setInterval(() => { 2016 updateSlider(currentIndex + 1); 2017 }, autoplaySpeed); 2018 }; 2019 2020 previousButton?.addEventListener('click', () => { 2021 updateSlider(currentIndex - 1); 2022 startAutoplay(); 2023 }); 2024 2025 nextButton?.addEventListener('click', () => { 2026 updateSlider(currentIndex + 1); 2027 startAutoplay(); 2028 }); 2029 2030 dots.forEach((dot) => { 2031 dot.addEventListener('click', () => { 2032 const dotIndex = Number(dot.dataset.awbDot); 2033 2034 updateSlider(dotIndex); 2035 startAutoplay(); 2036 }); 2037 }); 2038 2039 section.addEventListener('mouseenter', stopAutoplay); 2040 section.addEventListener('mouseleave', startAutoplay); 2041 2042 section.addEventListener( 2043 'touchstart', 2044 (event) => { 2045 if (!event.touches[0]) { 2046 return; 2047 } 2048 2049 touchStartX = event.touches[0].clientX; 2050 touchStartY = event.touches[0].clientY; 2051 didSwipe = false; 2052 2053 stopAutoplay(); 2054 }, 2055 { passive: true } 2056 ); 2057 2058 section.addEventListener( 2059 'touchend', 2060 (event) => { 2061 if (!event.changedTouches[0]) { 2062 startAutoplay(); 2063 return; 2064 } 2065 2066 const touchEndX = 2067 event.changedTouches[0].clientX; 2068 2069 const touchEndY = 2070 event.changedTouches[0].clientY; 2071 2072 const horizontalDifference = 2073 touchStartX - touchEndX; 2074 2075 const verticalDifference = 2076 touchStartY - touchEndY; 2077 2078 const isHorizontalSwipe = 2079 Math.abs(horizontalDifference) > 2080 Math.abs(verticalDifference); 2081 2082 if ( 2083 isHorizontalSwipe && 2084 Math.abs(horizontalDifference) > 45 2085 ) {
2086 didSwipe = true; 2087 updateSlider( 2088 horizontalDifference > 0 2089 ? currentIndex + 1 2090 : currentIndex - 1 2091 ); 2092 } 2093 2094 startAutoplay(); 2095 }, 2096 { passive: true } 2097 ); 2098 2099 2100 slides.forEach((slide) => { 2101 slide.addEventListener('click', (event) => { 2102 const bannerLink = slide.dataset.bannerLink; 2103 2104 if (!bannerLink || didSwipe) { 2105 didSwipe = false; 2106 return; 2107 } 2108 2109 const interactiveElement = event.target.closest( 2110 'a, button, input, select, textarea, [role="button"]' 2111 ); 2112 2113 if (interactiveElement) { 2114 return; 2115 } 2116 2117 window.location.href = bannerLink; 2118 }); 2119 }); 2120 2121 const handleBlockSelect = (event) => { 2122 const selectedSlide = 2123 event.target.closest('[data-awb-slide]'); 2124 2125 if (!selectedSlide || !section.contains(selectedSlide)) { 2126 return; 2127 } 2128 2129 const selectedIndex = 2130 Number(selectedSlide.dataset.slideIndex); 2131 2132 updateSlider(selectedIndex); 2133 stopAutoplay(); 2134 }; 2135 2136 const handleBlockDeselect = (event) => { 2137 if (!section.contains(event.target)) { 2138 return; 2139 } 2140 2141 startAutoplay(); 2142 }; 2143 2144 document.addEventListener( 2145 'shopify:block:select', 2146 handleBlockSelect 2147 ); 2148 2149 document.addEventListener( 2150 'shopify:block:deselect', 2151 handleBlockDeselect 2152 ); 2153 2154 window.addEventListener('resize', updateBannerHeight); 2155 2156 updateSlider(0); 2157 startAutoplay(); 2158 })(); 2159</script>
2159 2160 2161</section><section id="shopify-section-template--27511920361785__scrolling_feature_banner_Y7NzRN" class="shopify-section section-scrolling-feature-banner"><section 2162 id="ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN" 2163 class="scrolling-feature-banner" 2164 style=" 2165 --sfb-bg: #ffffff; 2166 --sfb-text-color: #9f9f9f; 2167 --sfb-icon-color: #3ab3e2; 2168 --sfb-border-color: #d9d9d9; 2169 2170 --sfb-max-width: 2200px; 2171 --sfb-padding-top: 24px; 2172 --sfb-padding-bottom: 24px; 2173 2174 --sfb-item-gap: 70px; 2175 --sfb-text-size: 12px; 2176 --sfb-mobile-text-size: 10px; 2177 --sfb-icon-size: 14px; 2178 2179 --sfb-duration: 28s; 2180 " 2181> 2182 <div class="scrolling-feature-banner__inner"> 2183 <div class="scrolling-feature-banner__marquee"> 2184 <div class="scrolling-feature-banner__track"> 2185 <div class="scrolling-feature-banner__group"> 2186 2187 <div 2188 class="scrolling-feature-banner__item" 2189 2190 > 2191 2192 <span class="scrolling-feature-banner__text"> 2193 20G PROTEIN 2194 </span> 2195 2196 2197 <span 2198 class="scrolling-feature-banner__icon" 2199 aria-hidden="true" 2200 > 2201 <svg
2202 viewBox="0 0 24 24" 2203 fill="none" 2204 > 2205 <circle 2206 cx="12" 2207 cy="12" 2208 r="9" 2209 stroke="currentColor" 2210 stroke-width="2" 2211 ></circle> 2212 <circle 2213 cx="12" 2214 cy="12" 2215 r="2.3" 2216 fill="currentColor" 2217 ></circle> 2218 </svg> 2219 </span> 2220 </div> 2221 2222 <div 2223 class="scrolling-feature-banner__item" 2224 2225 > 2226 2227 <span class="scrolling-feature-banner__text"> 2228 ~5G FIBER 2229 </span> 2230 2231 2232 <span 2233 class="scrolling-feature-banner__icon" 2234 aria-hidden="true" 2235 > 2236 <svg 2237 viewBox="0 0 24 24" 2238 fill="none" 2239 > 2240 <circle 2241 cx="12" 2242 cy="12" 2243 r="9" 2244 stroke="currentColor" 2245 stroke-width="2" 2246 ></circle> 2247 <circle 2248 cx="12" 2249 cy="12" 2250 r="2.3" 2251 fill="currentColor" 2252 ></circle> 2253 </svg> 2254 </span> 2255 </div> 2256 2257 <div 2258 class="scrolling-feature-banner__item" 2259 2260 > 2261 2262 <span class="scrolling-feature-banner__text"> 2263 DAILY VITAMINS 2264 </span> 2265 2266 2267 <span 2268 class="scrolling-feature-banner__icon" 2269 aria-hidden="true" 2270 > 2271 <svg
2272 viewBox="0 0 24 24" 2273 fill="none" 2274 > 2275 <circle 2276 cx="12" 2277 cy="12" 2278 r="9" 2279 stroke="currentColor" 2280 stroke-width="2" 2281 ></circle> 2282 <circle 2283 cx="12" 2284 cy="12" 2285 r="2.3" 2286 fill="currentColor" 2287 ></circle> 2288 </svg> 2289 </span> 2290 </div> 2291 2292 <div 2293 class="scrolling-feature-banner__item" 2294 2295 > 2296 2297 <span class="scrolling-feature-banner__text"> 2298 IRRESISTABLE FLAVORS 2299 </span> 2300 2301 2302 <span 2303 class="scrolling-feature-banner__icon" 2304 aria-hidden="true" 2305 > 2306 <svg 2307 viewBox="0 0 24 24" 2308 fill="none" 2309 > 2310 <circle 2311 cx="12" 2312 cy="12" 2313 r="9" 2314 stroke="currentColor" 2315 stroke-width="2" 2316 ></circle> 2317 <circle 2318 cx="12" 2319 cy="12" 2320 r="2.3" 2321 fill="currentColor" 2322 ></circle> 2323 </svg> 2324 </span> 2325 </div> 2326 2327 <div 2328 class="scrolling-feature-banner__item" 2329 2330 > 2331 2332 <span class="scrolling-feature-banner__text"> 2333 MONTHLY FLAVOR DROPS 2334 </span> 2335 2336 2337 <span 2338 class="scrolling-feature-banner__icon" 2339 aria-hidden="true" 2340 > 2341 <svg
2342 viewBox="0 0 24 24" 2343 fill="none" 2344 > 2345 <circle 2346 cx="12" 2347 cy="12" 2348 r="9" 2349 stroke="currentColor" 2350 stroke-width="2" 2351 ></circle> 2352 <circle 2353 cx="12" 2354 cy="12" 2355 r="2.3" 2356 fill="currentColor" 2357 ></circle> 2358 </svg> 2359 </span> 2360 </div> 2361 2362 <div 2363 class="scrolling-feature-banner__item" 2364 2365 > 2366 2367 <span class="scrolling-feature-banner__text"> 2368 FORMULATED BY TRAINERS 2369 </span> 2370 2371 2372 <span 2373 class="scrolling-feature-banner__icon" 2374 aria-hidden="true" 2375 > 2376 <svg 2377 viewBox="0 0 24 24" 2378 fill="none" 2379 > 2380 <circle 2381 cx="12" 2382 cy="12" 2383 r="9" 2384 stroke="currentColor" 2385 stroke-width="2" 2386 ></circle> 2387 <circle 2388 cx="12" 2389 cy="12" 2390 r="2.3" 2391 fill="currentColor" 2392 ></circle> 2393 </svg> 2394 </span> 2395 </div> 2396 2397 <div 2398 class="scrolling-feature-banner__item" 2399 2400 > 2401 2402 <span class="scrolling-feature-banner__text"> 2403 THIRD-PARTY TESTED 2404 </span> 2405 2406 2407 <span 2408 class="scrolling-feature-banner__icon" 2409 aria-hidden="true" 2410 > 2411 <svg
2412 viewBox="0 0 24 24" 2413 fill="none" 2414 > 2415 <circle 2416 cx="12" 2417 cy="12" 2418 r="9" 2419 stroke="currentColor" 2420 stroke-width="2" 2421 ></circle> 2422 <circle 2423 cx="12" 2424 cy="12" 2425 r="2.3" 2426 fill="currentColor" 2427 ></circle> 2428 </svg> 2429 </span> 2430 </div> 2431 2432 </div> 2433 2434 <div 2435 class="scrolling-feature-banner__group" 2436 aria-hidden="true" 2437 > 2438 2439 <div class="scrolling-feature-banner__item"> 2440 2441 <span class="scrolling-feature-banner__text"> 2442 20G PROTEIN 2443 </span> 2444 2445 2446 <span 2447 class="scrolling-feature-banner__icon" 2448 aria-hidden="true" 2449 > 2450 <svg
2451 viewBox="0 0 24 24" 2452 fill="none" 2453 > 2454 <circle 2455 cx="12" 2456 cy="12" 2457 r="9" 2458 stroke="currentColor" 2459 stroke-width="2" 2460 ></circle> 2461 <circle 2462 cx="12" 2463 cy="12" 2464 r="2.3" 2465 fill="currentColor" 2466 ></circle> 2467 </svg> 2468 </span> 2469 </div> 2470 2471 <div class="scrolling-feature-banner__item"> 2472 2473 <span class="scrolling-feature-banner__text"> 2474 ~5G FIBER 2475 </span> 2476 2477 2478 <span 2479 class="scrolling-feature-banner__icon" 2480 aria-hidden="true" 2481 > 2482 <svg 2483 viewBox="0 0 24 24" 2484 fill="none" 2485 > 2486 <circle 2487 cx="12" 2488 cy="12" 2489 r="9" 2490 stroke="currentColor" 2491 stroke-width="2" 2492 ></circle> 2493 <circle 2494 cx="12" 2495 cy="12" 2496 r="2.3" 2497 fill="currentColor" 2498 ></circle> 2499 </svg> 2500 </span> 2501 </div> 2502 2503 <div class="scrolling-feature-banner__item"> 2504 2505 <span class="scrolling-feature-banner__text"> 2506 DAILY VITAMINS 2507 </span> 2508 2509 2510 <span 2511 class="scrolling-feature-banner__icon" 2512 aria-hidden="true" 2513 > 2514 <svg
2515 viewBox="0 0 24 24" 2516 fill="none" 2517 > 2518 <circle 2519 cx="12" 2520 cy="12" 2521 r="9" 2522 stroke="currentColor" 2523 stroke-width="2" 2524 ></circle> 2525 <circle 2526 cx="12" 2527 cy="12" 2528 r="2.3" 2529 fill="currentColor" 2530 ></circle> 2531 </svg> 2532 </span> 2533 </div> 2534 2535 <div class="scrolling-feature-banner__item"> 2536 2537 <span class="scrolling-feature-banner__text"> 2538 IRRESISTABLE FLAVORS 2539 </span> 2540 2541 2542 <span 2543 class="scrolling-feature-banner__icon" 2544 aria-hidden="true" 2545 > 2546 <svg 2547 viewBox="0 0 24 24" 2548 fill="none" 2549 > 2550 <circle 2551 cx="12" 2552 cy="12" 2553 r="9" 2554 stroke="currentColor" 2555 stroke-width="2" 2556 ></circle> 2557 <circle 2558 cx="12" 2559 cy="12" 2560 r="2.3" 2561 fill="currentColor" 2562 ></circle> 2563 </svg> 2564 </span> 2565 </div> 2566 2567 <div class="scrolling-feature-banner__item"> 2568 2569 <span class="scrolling-feature-banner__text"> 2570 MONTHLY FLAVOR DROPS 2571 </span> 2572 2573 2574 <span 2575 class="scrolling-feature-banner__icon" 2576 aria-hidden="true" 2577 > 2578 <svg
2579 viewBox="0 0 24 24" 2580 fill="none" 2581 > 2582 <circle 2583 cx="12" 2584 cy="12" 2585 r="9" 2586 stroke="currentColor" 2587 stroke-width="2" 2588 ></circle> 2589 <circle 2590 cx="12" 2591 cy="12" 2592 r="2.3" 2593 fill="currentColor" 2594 ></circle> 2595 </svg> 2596 </span> 2597 </div> 2598 2599 <div class="scrolling-feature-banner__item"> 2600 2601 <span class="scrolling-feature-banner__text"> 2602 FORMULATED BY TRAINERS 2603 </span> 2604 2605 2606 <span 2607 class="scrolling-feature-banner__icon" 2608 aria-hidden="true" 2609 > 2610 <svg 2611 viewBox="0 0 24 24" 2612 fill="none" 2613 > 2614 <circle 2615 cx="12" 2616 cy="12" 2617 r="9" 2618 stroke="currentColor" 2619 stroke-width="2" 2620 ></circle> 2621 <circle 2622 cx="12" 2623 cy="12" 2624 r="2.3" 2625 fill="currentColor" 2626 ></circle> 2627 </svg> 2628 </span> 2629 </div> 2630 2631 <div class="scrolling-feature-banner__item"> 2632 2633 <span class="scrolling-feature-banner__text"> 2634 THIRD-PARTY TESTED 2635 </span> 2636 2637 2638 <span 2639 class="scrolling-feature-banner__icon" 2640 aria-hidden="true" 2641 > 2642 <svg
2643 viewBox="0 0 24 24" 2644 fill="none" 2645 > 2646 <circle 2647 cx="12" 2648 cy="12" 2649 r="9" 2650 stroke="currentColor" 2651 stroke-width="2" 2652 ></circle> 2653 <circle 2654 cx="12" 2655 cy="12" 2656 r="2.3" 2657 fill="currentColor" 2658 ></circle> 2659 </svg> 2660 </span> 2661 </div> 2662 2663 </div> 2664 </div> 2665 </div> 2666 </div> 2667</section> 2668 2669<style> 2670 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN { 2671 width: 100%; 2672 overflow: hidden; 2673 background: var(--sfb-bg); 2674 border-top: 1px solid var(--sfb-border-color); 2675 border-bottom: 1px solid var(--sfb-border-color); 2676 } 2677 2678 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN * { 2679 box-sizing: border-box; 2680 } 2681 2682 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2683 .scrolling-feature-banner__inner { 2684 width: min(100%, var(--sfb-max-width)); 2685 margin: 0 auto; 2686 padding-top: var(--sfb-padding-top); 2687 padding-bottom: var(--sfb-padding-bottom); 2688 } 2689 2690 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2691 .scrolling-feature-banner__marquee { 2692 width: 100%; 2693 overflow: hidden; 2694 } 2695 2696 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2697 .scrolling-feature-banner__track { 2698 display: flex; 2699 width: max-content; 2700 will-change: transform; 2701 animation: 2702 scrollingFeatureBannerMove-template--27511920361785__scrolling_feature_banner_Y7NzRN 2703 var(--sfb-duration) 2704 linear 2705 infinite; 2706 } 2707 2708 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2709 .scrolling-feature-banner__group { 2710 display: flex; 2711 align-items: center; 2712 flex: 0 0 auto; 2713 } 2714 2715 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2716 .scrolling-feature-banner__item { 2717 display: inline-flex; 2718 align-items: center; 2719 gap: 18px; 2720 padding-right: var(--sfb-item-gap); 2721 flex: 0 0 auto; 2722 white-space: nowrap; 2723 } 2724 2725 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2726 .scrolling-feature-banner__text { 2727 color: var(--sfb-text-color); 2728 font-size: var(--sfb-text-size); 2729 line-height: 1.2; 2730 font-weight: 700; 2731 letter-spacing: .05em; 2732 text-transform: uppercase; 2733 white-space: nowrap; 2734 } 2735 2736 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2737 .scrolling-feature-banner__icon { 2738 width: var(--sfb-icon-size); 2739 height: var(--sfb-icon-size); 2740 display: inline-flex; 2741 align-items: center; 2742 justify-content: center; 2743 color: var(--sfb-icon-color); 2744 flex: 0 0 auto; 2745 } 2746 2747 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2748 .scrolling-feature-banner__icon svg { 2749 display: block; 2750 width: 100%; 2751 height: 100%; 2752 } 2753 2754 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2755 .scrolling-feature-banner__marquee:hover 2756 .scrolling-feature-banner__track { 2757 animation-play-state: paused; 2758 } 2759 2760 @keyframes scrollingFeatureBannerMove-template--27511920361785__scrolling_feature_banner_Y7NzRN { 2761 from { 2762 transform: translate3d(0, 0, 0); 2763 } 2764 to { 2765 transform: translate3d(-50%, 0, 0); 2766 } 2767 } 2768 2769 @media screen and (max-width: 749px) { 2770 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2771 .scrolling-feature-banner__inner { 2772 padding-top: calc(var(--sfb-padding-top) * .8); 2773 padding-bottom: calc(var(--sfb-padding-bottom) * .8); 2774 } 2775 2776 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2777 .scrolling-feature-banner__item { 2778 gap: 14px; 2779 padding-right: calc(var(--sfb-item-gap) * .75); 2780 } 2781 2782 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2783 .scrolling-feature-banner__text { 2784 font-size: var(--sfb-mobile-text-size); 2785 letter-spacing: .04em; 2786 } 2787 } 2788 2789 @media (prefers-reduced-motion: reduce) {
2790 #ScrollingFeatureBanner-template--27511920361785__scrolling_feature_banner_Y7NzRN 2791 .scrolling-feature-banner__track { 2792 animation: none; 2793 } 2794 } 2795</style> 2796 2797</section><section id="shopify-section-template--27511920361785__problems_solved_kf3c7D" class="shopify-section section-problems-solved"><section 2798 id="ProblemsSolved-template--27511920361785__problems_solved_kf3c7D" 2799 class="problems-solved" 2800 style=" 2801 --ps-section-bg: #f0fbff; 2802 --ps-heading-color: #3f3f3f; 2803 --ps-accent-color: #3ab3e2; 2804 --ps-text-color: #9a9a9a; 2805 --ps-image-bg: rgba(0,0,0,0); 2806 --ps-line-color: #b6dcff; 2807 --ps-check-bg: #3ab3e2; 2808 --ps-check-color: #ffffff; 2809 --ps-max-width: 1000px; 2810 --ps-image-width: 350px; 2811 --ps-image-height: 450px; 2812 --ps-mobile-image-width: 240px; 2813 --ps-mobile-image-height: 360px; 2814 --ps-image-radius: 0px; 2815 --ps-column-gap: 30px; 2816 --ps-check-size: 34px; 2817 --ps-padding-top: 80px; 2818 --ps-padding-bottom: 80px; 2819 " 2820> 2821 <div class="problems-solved__container"> 2822 <div class="problems-solved__layout"> 2823 2824 <div class="problems-solved__intro"> 2825 2826 <h2 class="problems-solved__heading"> 2827 5 Ways Today's Meals Are Stopping Your Progress 2828 </h2> 2829 2830 2831 2832 </div> 2833 2834 <div class="problems-solved__media-wrapper"> 2835 <div class="problems-solved__media"> 2836 2837 <img src="//transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=1600" srcset="//transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=400 400w, //transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=600 600w, //transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=800 800w, //transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=1000 1000w, //transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=1200 1200w, //transformhq.com/cdn/shop/files/Group_1.png?v=1788456019&width=1600 1600w" width="1600" height="1654" loading="lazy" class="problems-solved__image" sizes="(max-width: 749px) 100vw, 40vw"> 2838 2839 </div> 2840 </div> 2841 2842 <div class="problems-solved__list"> 2843 2844 <div 2845 class="problems-solved__item" 2846 2847 > 2848 <div class="problems-solved__marker"> 2849 <div class="problems-solved__check"> 2850 <svg
2851 viewBox="0 0 20 20" 2852 aria-hidden="true" 2853 focusable="false" 2854 > 2855 <path 2856 d="M5.2 10.2 8.3 13.3 14.9 6.7" 2857 fill="none" 2858 stroke="currentColor" 2859 stroke-width="2" 2860 stroke-linecap="round" 2861 stroke-linejoin="round" 2862 /> 2863 </svg> 2864 </div> 2865 </div> 2866 2867 <div class="problems-solved__item-content"> 2868 2869 <h3 class="problems-solved__item-title"> 2870 Too Many Calories 2871 </h3> 2872 2873 2874 2875 <div class="problems-solved__item-text rte"> 2876 <p>Most meals pack in way more calories than you realize, making the scale harder to move.</p> 2877 </div> 2878 2879 </div> 2880 </div> 2881 2882 <div 2883 class="problems-solved__item" 2884 2885 > 2886 <div class="problems-solved__marker"> 2887 <div class="problems-solved__check"> 2888 <svg
2889 viewBox="0 0 20 20" 2890 aria-hidden="true" 2891 focusable="false" 2892 > 2893 <path 2894 d="M5.2 10.2 8.3 13.3 14.9 6.7" 2895 fill="none" 2896 stroke="currentColor" 2897 stroke-width="2" 2898 stroke-linecap="round" 2899 stroke-linejoin="round" 2900 /> 2901 </svg> 2902 </div> 2903 </div> 2904 2905 <div class="problems-solved__item-content"> 2906 2907 <h3 class="problems-solved__item-title"> 2908 Not Enough Protein 2909 </h3> 2910 2911 2912 2913 <div class="problems-solved__item-text rte"> 2914 <p>Many meals simply donât give you enough protein to stay full and support your transformation goals.</p> 2915 </div> 2916 2917 </div> 2918 </div> 2919 2920 <div 2921 class="problems-solved__item" 2922 2923 > 2924 <div class="problems-solved__marker"> 2925 <div class="problems-solved__check"> 2926 <svg
2927 viewBox="0 0 20 20" 2928 aria-hidden="true" 2929 focusable="false" 2930 > 2931 <path 2932 d="M5.2 10.2 8.3 13.3 14.9 6.7" 2933 fill="none" 2934 stroke="currentColor" 2935 stroke-width="2" 2936 stroke-linecap="round" 2937 stroke-linejoin="round" 2938 /> 2939 </svg> 2940 </div> 2941 </div> 2942 2943 <div class="problems-solved__item-content"> 2944 2945 <h3 class="problems-solved__item-title"> 2946 Doesn't Fill You Up 2947 </h3> 2948 2949 2950 2951 <div class="problems-solved__item-text rte"> 2952 <p>Meals low in protein and fiber can leave you hungry and reaching for snacks.</p> 2953 </div> 2954 2955 </div> 2956 </div> 2957 2958 <div 2959 class="problems-solved__item" 2960 2961 > 2962 <div class="problems-solved__marker"> 2963 <div class="problems-solved__check"> 2964 <svg
2965 viewBox="0 0 20 20" 2966 aria-hidden="true" 2967 focusable="false" 2968 > 2969 <path 2970 d="M5.2 10.2 8.3 13.3 14.9 6.7" 2971 fill="none" 2972 stroke="currentColor" 2973 stroke-width="2" 2974 stroke-linecap="round" 2975 stroke-linejoin="round" 2976 /> 2977 </svg> 2978 </div> 2979 </div> 2980 2981 <div class="problems-solved__item-content"> 2982 2983 <h3 class="problems-solved__item-title"> 2984 Takes Too Long 2985 </h3> 2986 2987 2988 2989 <div class="problems-solved__item-text rte"> 2990 <p>Planning, cooking, and cleaning can make staying on track feel like a full-time job.</p> 2991 </div> 2992 2993 </div> 2994 </div> 2995 2996 <div 2997 class="problems-solved__item" 2998 2999 > 3000 <div class="problems-solved__marker"> 3001 <div class="problems-solved__check"> 3002 <svg
3003 viewBox="0 0 20 20" 3004 aria-hidden="true" 3005 focusable="false" 3006 > 3007 <path 3008 d="M5.2 10.2 8.3 13.3 14.9 6.7" 3009 fill="none" 3010 stroke="currentColor" 3011 stroke-width="2" 3012 stroke-linecap="round" 3013 stroke-linejoin="round" 3014 /> 3015 </svg> 3016 </div> 3017 </div> 3018 3019 <div class="problems-solved__item-content"> 3020 3021 <h3 class="problems-solved__item-title"> 3022 Too Expensive 3023 </h3> 3024 3025 3026 3027 <div class="problems-solved__item-text rte"> 3028 <p>Nutritious meals can cost more than you expect, making it harder to stay consistent without breaking the budget.</p> 3029 </div> 3030 3031 </div> 3032 </div> 3033 3034 </div> 3035 3036 </div> 3037 </div> 3038</section> 3039 3040<style> 3041 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D { 3042 width: 100%; 3043 padding-top: var(--ps-padding-top); 3044 padding-bottom: var(--ps-padding-bottom); 3045 background: var(--ps-section-bg); 3046 } 3047 3048 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D * { 3049 box-sizing: border-box; 3050 } 3051 3052 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__container { 3053 width: min( 3054 calc(100% - 48px), 3055 var(--ps-max-width) 3056 ); 3057 margin: 0 auto; 3058 } 3059 3060 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__layout { 3061 display: grid; 3062 grid-template-columns: 3063 minmax(220px, .75fr) 3064 minmax(0, auto) 3065 minmax(360px, 1.2fr); 3066 align-items: center; 3067 gap: var(--ps-column-gap); 3068 } 3069 3070 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__intro, 3071 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media-wrapper, 3072 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__list { 3073 min-width: 0; 3074 } 3075 3076 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__heading { 3077 max-width: 330px; 3078 margin: 0; 3079 color: var(--ps-heading-color); 3080 font-size: clamp(38px, 3vw, 58px); 3081 line-height: 1.02; 3082 font-weight: 600; 3083 letter-spacing: -.035em; 3084 } 3085 3086 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__subheading { 3087 margin-top: 16px; 3088 color: var(--ps-accent-color); 3089 font-size: clamp(18px, 1.45vw, 25px); 3090 line-height: 1.2; 3091 font-style: italic; 3092 font-weight: 500; 3093 } 3094 3095 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media-wrapper { 3096 display: flex; 3097 justify-content: center; 3098 } 3099 3100 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media { 3101 position: relative; 3102 width: min(100%, var(--ps-image-width)); 3103 height: var(--ps-image-height); 3104 overflow: hidden; 3105 border-radius: var(--ps-image-radius); 3106 background: var(--ps-image-bg); 3107 } 3108 3109 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__image { 3110 display: block; 3111 width: 100%; 3112 height: 100%; 3113 object-fit: cover; 3114 } 3115 3116 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__placeholder { 3117 width: 100%; 3118 height: 100%; 3119 padding: 24px; 3120 display: flex; 3121 align-items: center; 3122 justify-content: center; 3123 color: var(--ps-accent-color); 3124 background: var(--ps-image-bg); 3125 text-align: center; 3126 font-size: clamp(36px, 3vw, 54px); 3127 line-height: 1.05; 3128 font-weight: 700; 3129 } 3130 3131 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__placeholder-svg { 3132 display: block; 3133 width: 100%; 3134 height: 100%; 3135 } 3136 3137 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__list { 3138 position: relative; 3139 display: flex; 3140 flex-direction: column; 3141 } 3142 3143 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item { 3144 position: relative; 3145 display: grid; 3146 grid-template-columns: var(--ps-check-size) minmax(0, 1fr); 3147 gap: 18px; 3148 min-height: 88px; 3149 } 3150 3151 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__marker { 3152 position: relative; 3153 display: flex; 3154 justify-content: center; 3155 } 3156 3157 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__marker::after { 3158 content: ""; 3159 position: absolute; 3160 top: var(--ps-check-size); 3161 bottom: 0; 3162 left: 50%; 3163 width: 1px; 3164 background: var(--ps-line-color); 3165 transform: translateX(-50%); 3166 } 3167 3168 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item:last-child 3169 .problems-solved__marker::after { 3170 display: none; 3171 } 3172 3173 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__check { 3174 position: relative; 3175 z-index: 1; 3176 width: var(--ps-check-size); 3177 height: var(--ps-check-size); 3178 border-radius: 50%; 3179 display: flex; 3180 align-items: center; 3181 justify-content: center; 3182 color: var(--ps-check-color); 3183 background: var(--ps-check-bg); 3184 flex-shrink: 0; 3185 } 3186 3187 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__check svg { 3188 width: 55%; 3189 height: 55%; 3190 } 3191 3192 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-content { 3193 padding-top: 0; 3194 padding-bottom: 24px; 3195 } 3196 3197 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-title { 3198 margin: 0 0 5px; 3199 color: var(--ps-accent-color); 3200 font-size: 18px; 3201 line-height: 1.15; 3202 font-weight: 700; 3203 } 3204 3205 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-text { 3206 max-width: 520px; 3207 color: var(--ps-text-color); 3208 font-size: 14px; 3209 line-height: 1.55; 3210 } 3211 3212 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-text p { 3213 margin: 0; 3214 } 3215 3216 @media screen and (max-width: 1100px) { 3217 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__layout { 3218 grid-template-columns: 3219 minmax(210px, .8fr) 3220 minmax(260px, auto) 3221 minmax(320px, 1.15fr); 3222 gap: calc(var(--ps-column-gap) * .65); 3223 } 3224 3225 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media { 3226 width: min( 3227 100%, 3228 calc(var(--ps-image-width) * .85) 3229 ); 3230 height: calc(var(--ps-image-height) * .85); 3231 } 3232 3233 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__heading { 3234 font-size: clamp(34px, 3.6vw, 48px); 3235 } 3236 } 3237 3238 @media screen and (max-width: 899px) { 3239 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__layout { 3240 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 3241 align-items: start; 3242 } 3243 3244 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__intro { 3245 grid-column: 1 / -1; 3246 } 3247 3248 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__heading { 3249 max-width: 520px; 3250 } 3251 3252 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media { 3253 width: min(100%, var(--ps-image-width)); 3254 height: var(--ps-image-height); 3255 } 3256 } 3257 3258 @media screen and (max-width: 749px) { 3259 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D { 3260 padding-top: calc(var(--ps-padding-top) * .6); 3261 padding-bottom: calc(var(--ps-padding-bottom) * .6); 3262 } 3263 3264 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__container { 3265 width: calc(100% - 40px); 3266 } 3267 3268 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__layout { 3269 display: flex; 3270 flex-direction: column; 3271 align-items: stretch; 3272 gap: 0; 3273 } 3274 3275 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__intro { 3276 order: 1; 3277 } 3278 3279 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media-wrapper { 3280 order: 2; 3281 margin-top: 38px; 3282 } 3283 3284 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__list { 3285 order: 3; 3286 margin-top: 48px; 3287 } 3288 3289 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__heading { 3290 max-width: 100%; 3291 font-size: clamp(34px, 10vw, 48px); 3292 line-height: 1.03; 3293 } 3294 3295 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__subheading { 3296 margin-top: 14px; 3297 font-size: 20px; 3298 } 3299 3300 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__media { 3301 width: min( 3302 100%, 3303 var(--ps-mobile-image-width) 3304 ); 3305 height: var(--ps-mobile-image-height); 3306 } 3307 3308 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__placeholder { 3309 font-size: clamp(38px, 11vw, 58px); 3310 } 3311 3312 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item { 3313 gap: 15px; 3314 min-height: 96px; 3315 } 3316 3317 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-title { 3318 font-size: 17px; 3319 } 3320 3321 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-text { 3322 font-size: 14px; 3323 line-height: 1.5; 3324 } 3325 3326 #ProblemsSolved-template--27511920361785__problems_solved_kf3c7D .problems-solved__item-content { 3327 padding-bottom: 28px; 3328 } 3329 } 3330</style> 3331 3332<style> #shopify-section-template--27511920361785__problems_solved_kf3c7D .problems-solved__layout {grid-template-columns: minmax(400px, 1fr) minmax(0, 1fr);} #shopify-section-template--27511920361785__problems_solved_kf3c7D .problems-solved__media-wrapper {display: none;} #shopify-section-template--27511920361785__problems_solved_kf3c7D .problems-solved__heading {max-width: 400px;} </style></section><section id="shopify-section-template--27511920361785__interactive_feature_tabs_6qrfVp" class="shopify-section section-interactive-feature-tabs"><section 3333 id="FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp" 3334 class="feature-tabs" 3335 data-feature-tabs 3336 style=" 3337 --feature-section-bg: #ffffff; 3338 --feature-media-bg: #e5f4ff; 3339 --feature-accent: #3ab3e2; 3340 --feature-heading-color: #3f3f3f; 3341 --feature-text-color: #444444; 3342 --feature-muted-color: #a0a0a0; 3343 --feature-button-bg: #ffffff; 3344 --feature-button-text: #444444; 3345 --feature-button-border: #e4ddd5; 3346 --feature-active-button-bg: #3ab3e2; 3347 --feature-active-button-text: #ffffff; 3348 --feature-active-button-border: #3ab3e2; 3349 --feature-cta-bg: #2e94c2; 3350 --feature-cta-text: #ffffff; 3351 --feature-max-width: 1200px; 3352 --feature-media-radius: 16px; 3353 --feature-section-padding-top: 70px; 3354 --feature-section-padding-bottom: 70px; 3355 --feature-column-gap: 55px; 3356 --feature-media-height: 500px; 3357 --feature-mobile-media-height: 330px; 3358 " 3359> 3360 <div class="feature-tabs__container"> 3361 <div class="feature-tabs__layout"> 3362 3363 <div class="feature-tabs__media-column"> 3364 <div class="feature-tabs__media"> 3365 3366 <div 3367 class="feature-tabs__media-panel is-active" 3368 data-feature-media="0" 3369 aria-hidden="false" 3370 3371 > 3372 3373 <img src="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-14_1x_3.png?v=1786738670&width=1400" alt="20g of Protein" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-14_1x_3.png?v=1786738670&width=500 500w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-14_1x_3.png?v=1786738670&width=750 750w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-14_1x_3.png?v=1786738670&width=1000 1000w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-14_1x_3.png?v=1786738670&width=1200 1200w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-14_1x_3.png?v=1786738670&width=1400 1400w" width="1400" height="1400" loading="lazy" class="feature-tabs__image" sizes="(max-width: 749px) calc(100vw - 40px), 42vw"> 3374 3375 </div> 3376 3377 <div 3378 class="feature-tabs__media-panel" 3379 data-feature-media="1" 3380 aria-hidden="true" 3381 3382 > 3383 3384 <img src="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_e19ef29e-616f-4ef3-9910-562ff54b0564.png?v=1787846576&width=1400" alt="5g of Fiber" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_e19ef29e-616f-4ef3-9910-562ff54b0564.png?v=1787846576&width=500 500w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_e19ef29e-616f-4ef3-9910-562ff54b0564.png?v=1787846576&width=750 750w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_e19ef29e-616f-4ef3-9910-562ff54b0564.png?v=1787846576&width=1000 1000w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_e19ef29e-616f-4ef3-9910-562ff54b0564.png?v=1787846576&width=1200 1200w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_e19ef29e-616f-4ef3-9910-562ff54b0564.png?v=1787846576&width=1400 1400w" width="1400" height="1401" loading="lazy" class="feature-tabs__image" sizes="(max-width: 749px) calc(100vw - 40px), 42vw"> 3385 3386 </div> 3387 3388 <div 3389 class="feature-tabs__media-panel" 3390 data-feature-media="2" 3391 aria-hidden="true" 3392 3393 > 3394 3395 <img src="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_1.png?v=1787847422&width=1400" alt="Daily Vitamin Blend" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_1.png?v=1787847422&width=500 500w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_1.png?v=1787847422&width=750 750w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_1.png?v=1787847422&width=1000 1000w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_1.png?v=1787847422&width=1200 1200w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_1.png?v=1787847422&width=1400 1400w" width="1400" height="2087" loading="lazy" class="feature-tabs__image" sizes="(max-width: 749px) calc(100vw - 40px), 42vw"> 3396 3397 </div> 3398 3399 <div 3400 class="feature-tabs__media-panel" 3401 data-feature-media="3" 3402 aria-hidden="true" 3403 3404 > 3405 3406 <img src="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_2.png?v=1787848299&width=1400" alt="Only ~180 Calories" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_2.png?v=1787848299&width=500 500w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_2.png?v=1787848299&width=750 750w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_2.png?v=1787848299&width=1000 1000w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_2.png?v=1787848299&width=1200 1200w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_2.png?v=1787848299&width=1400 1400w" width="1400" height="2087" loading="lazy" class="feature-tabs__image" sizes="(max-width: 749px) calc(100vw - 40px), 42vw"> 3407 3408 </div> 3409 3410 <div 3411 class="feature-tabs__media-panel" 3412 data-feature-media="4" 3413 aria-hidden="true" 3414 3415 > 3416 3417 <img src="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_3.png?v=1787851086&width=1400" alt="Irresistible Flavors" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_3.png?v=1787851086&width=500 500w, //transformhq.com/cdn/shop
3417/files/TransformHQ_Photoshoot_2026-08-27_1x_3.png?v=1787851086&width=750 750w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_3.png?v=1787851086&width=1000 1000w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_3.png?v=1787851086&width=1200 1200w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-08-27_1x_3.png?v=1787851086&width=1400 1400w" width="1400" height="1401" loading="lazy" class="feature-tabs__image" sizes="(max-width: 749px) calc(100vw - 40px), 42vw"> 3418 3419 </div> 3420 3421 </div> 3422 </div> 3423 3424 <div class="feature-tabs__content-column"> 3425 3426 3427 3428 <h2 class="feature-tabs__heading"> 3429 Meet the Most Delicious Meal You'll <em>DRINK</em> to Support Transformation. 3430 </h2> 3431 3432 3433 3434 <div 3435 class="feature-tabs__buttons" 3436 role="tablist" 3437 aria-label="Meet the Most Delicious Meal You'll <em>DRINK</em> to Support Transformation." 3438 > 3439 3440 <button 3441 type="button" 3442 class="feature-tabs__button is-active" 3443 data-feature-button="0" 3444 role="tab" 3445 aria-selected="true" 3446 aria-controls="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-0" 3447 id="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-0" 3448 > 3449 20g of Protein 3450 </button> 3451 3452 <button 3453 type="button" 3454 class="feature-tabs__button" 3455 data-feature-button="1" 3456 role="tab" 3457 aria-selected="false" 3458 aria-controls="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-1" 3459 id="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-1" 3460 > 3461 5g of Fiber 3462 </button> 3463 3464 <button 3465 type="button" 3466 class="feature-tabs__button" 3467 data-feature-button="2" 3468 role="tab" 3469 aria-selected="false" 3470 aria-controls="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-2" 3471 id="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-2" 3472 > 3473 Daily Vitamin Blend 3474 </button> 3475 3476 <button 3477 type="button" 3478 class="feature-tabs__button" 3479 data-feature-button="3" 3480 role="tab" 3481 aria-selected="false" 3482 aria-controls="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-3" 3483 id="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-3" 3484 > 3485 Only ~180 Calories 3486 </button> 3487 3488 <button 3489 type="button" 3490 class="feature-tabs__button" 3491 data-feature-button="4" 3492 role="tab" 3493 aria-selected="false" 3494 aria-controls="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-4" 3495 id="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-4" 3496 > 3497 Irresistible Flavors 3498 </button> 3499 3500 </div> 3501 3502 <div class="feature-tabs__descriptions"> 3503 3504 <div 3505 id="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-0" 3506 class="feature-tabs__description-panel is-active" 3507 data-feature-description="0" 3508 role="tabpanel" 3509 aria-labelledby="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-0" 3510 3511 > 3512 <div class="feature-tabs__description"> 3513 3514 <strong class="feature-tabs__description-title"> 3515 20g of Protein 3516 </strong> 3517 3518 3519 3520 <div class="feature-tabs__description-text rte"> 3521 <p>Protein is one of the most important nutrients to help move the scale, and our 20g of protein can help satisfy hu
3521nger, fuel your body, and keep you on track between meals.</p> 3522 </div> 3523 3524 </div> 3525 </div> 3526 3527 <div 3528 id="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-1" 3529 class="feature-tabs__description-panel" 3530 data-feature-description="1" 3531 role="tabpanel" 3532 aria-labelledby="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-1" 3533 3534 hidden 3535 3536 > 3537 <div class="feature-tabs__description"> 3538 3539 <strong class="feature-tabs__description-title"> 3540 5g of Fiber 3541 </strong> 3542 3543 3544 3545 <div class="feature-tabs__description-text rte"> 3546 <p>Fiber helps support digestive health and can help you feel fuller for longer throughout your day.</p> 3547 </div> 3548 3549 </div> 3550 </div> 3551 3552 <div 3553 id="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-2" 3554 class="feature-tabs__description-panel" 3555 data-feature-description="2" 3556 role="tabpanel" 3557 aria-labelledby="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-2" 3558 3559 hidden 3560 3561 > 3562 <div class="feature-tabs__description"> 3563 3564 <strong class="feature-tabs__description-title"> 3565 Daily Vitamin Blend 3566 </strong> 3567 3568 3569 3570 <div class="feature-tabs__description-text rte"> 3571 <p>An expert-crafted blend of essential vitamins designed to support your everyday nutrition routine.</p> 3572 </div> 3573 3574 </div> 3575 </div> 3576 3577 <div 3578 id="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-3" 3579 class="feature-tabs__description-panel" 3580 data-feature-description="3" 3581 role="tabpanel" 3582 aria-labelledby="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-3" 3583 3584 hidden 3585 3586 > 3587 <div class="feature-tabs__description"> 3588 3589 <strong class="feature-tabs__description-title"> 3590 Only ~180 Calories 3591 </strong> 3592 3593 3594 3595 <div class="feature-tabs__description-text rte"> 3596 <p>A satisfying meal option designed to deliver balanced nutrition without unnecessary calories.</p> 3597 </div> 3598 3599 </div> 3600 </div> 3601 3602 <div 3603 id="FeaturePanel-template--27511920361785__interactive_feature_tabs_6qrfVp-4" 3604 class="feature-tabs__description-panel" 3605 data-feature-description="4" 3606 role="tabpanel" 3607 aria-labelledby="FeatureButton-template--27511920361785__interactive_feature_tabs_6qrfVp-4" 3608 3609 hidden 3610 3611 > 3612 <div class="feature-tabs__description"> 3613 3614 <strong class="feature-tabs__description-title"> 3615 Irresistible Flavors 3616 </strong> 3617 3618 3619 3620 <div class="feature-tabs__description-text rte"> 3621 <p>Enjoy craveable flavors that make it easier to stay consistent with your nutrition goals.</p> 3622 </div> 3623 3624 </div> 3625 </div> 3626 3627 </div> 3628 3629 3630 3631 <div class="feature-tabs__cta"> 3632 3633 <a href="https://transformhq.com/collections/shop-all" 3634 class="feature-tabs__cta-button" 3635 > 3636 Shop Now 3637 </a> 3638 </div> 3639 3640 </div> 3641 3642 </div> 3643 </div> 3644</section> 3645 3646<style> 3647 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp { 3648 background: var(--feature-section-bg); 3649 padding-top: var(--feature-section-padding-top); 3650 padding-bottom: var(--feature-section-padding-bottom); 3651 } 3652 3653 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp * { 3654 box-sizing: border-box; 3655 } 3656 3657 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__container { 3658 width: min( 3659 calc(100% - 48px), 3660 var(--feature-max-width) 3661 ); 3662 margin: 0 auto; 3663 } 3664 3665 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__layout { 3666 display: grid; 3667 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 3668 align-items: center; 3669 gap: var(--feature-column-gap); 3670 } 3671 3672 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media-column, 3673 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__content-column { 3674 min-width: 0; 3675 } 3676 3677 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media { 3678 position: relative; 3679 width: 100%; 3680 height: var(--feature-media-height); 3681 overflow: hidden; 3682 border-radius: var(--feature-media-radius); 3683 background: var(--feature-media-bg); 3684 } 3685 3686 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media-panel { 3687 position: absolute; 3688 inset: 0; 3689 opacity: 0; 3690 visibility: hidden; 3691 transform: scale(1.015); 3692 transition: 3693 opacity 420ms ease, 3694 visibility 420ms ease, 3695 transform 650ms ease; 3696 pointer-events: none; 3697 } 3698 3699 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media-panel.is-active { 3700 opacity: 1; 3701 visibility: visible; 3702 transform: scale(1); 3703 pointer-events: auto; 3704 } 3705 3706 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__image { 3707 display: block; 3708 width: 100%; 3709 height: 100%; 3710 object-fit: cover; 3711 } 3712 3713 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__placeholder { 3714 width: 100%; 3715 height: 100%; 3716 display: flex; 3717 align-items: center; 3718 justify-content: center; 3719 padding: 30px; 3720 color: var(--feature-accent); 3721 background: var(--feature-media-bg); 3722 text-align: center; 3723 font-size: clamp(54px, 7vw, 106px); 3724 line-height: 1.08; 3725 font-weight: 700; 3726 } 3727 3728 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__placeholder-svg { 3729 display: block; 3730 width: 100%; 3731 height: 100%; 3732 } 3733 3734 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__content-column { 3735 display: flex; 3736 flex-direction: column; 3737 justify-content: center; 3738 } 3739 3740 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__eyebrow { 3741 margin-bottom: 20px; 3742 color: var(--feature-accent); 3743 font-size: 12px; 3744 line-height: 1; 3745 font-weight: 700; 3746 letter-spacing: .2em; 3747 text-transform: uppercase; 3748 } 3749 3750 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__heading { 3751 max-width: 620px; 3752 margin: 0; 3753 color: var(--feature-heading-color); 3754 font-size: clamp(38px, 3.15vw, 58px); 3755 line-height: .98; 3756 font-weight: 600; 3757 letter-spacing: -.035em; 3758 } 3759 3760 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__heading em, 3761 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__heading i { 3762 color: var(--feature-accent); 3763 font-weight: inherit; 3764 } 3765 3766 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__buttons { 3767 display: flex; 3768 flex-wrap: wrap; 3769 gap: 9px; 3770 margin-top: 24px; 3771 } 3772 3773 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__button { 3774 min-height: 36px; 3775 padding: 8px 17px; 3776 border: 1px solid var(--feature-button-border); 3777 border-radius: 999px; 3778 color: var(--feature-button-text); 3779 background: var(--feature-button-bg); 3780 font: inherit; 3781 font-size: 12px; 3782 line-height: 1.1; 3783 font-weight: 700; 3784 cursor: pointer; 3785 appearance: none; 3786 box-shadow: none; 3787 transition: 3788 color 200ms ease, 3789 background-color 200ms ease, 3790 border-color 200ms ease, 3791 transform 200ms ease; 3792 } 3793 3794 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__button:hover { 3795 transform: translateY(-1px); 3796 } 3797 3798 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__button.is-active { 3799 color: var(--feature-active-button-text); 3800 background: var(--feature-active-button-bg); 3801 border-color: var(--feature-active-button-border); 3802 } 3803 3804 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__button:focus-visible { 3805 outline: 2px solid var(--feature-accent); 3806 outline-offset: 3px; 3807 } 3808 3809 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__descriptions { 3810 position: relative; 3811 margin-top: 25px; 3812 } 3813 3814 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-panel { 3815 opacity: 0; 3816 transform: translateY(5px); 3817 transition: 3818 opacity 280ms ease, 3819 transform 280ms ease; 3820 } 3821 3822 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-panel.is-active { 3823 opacity: 1; 3824 transform: translateY(0); 3825 } 3826 3827 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description { 3828 max-width: 650px; 3829 color: var(--feature-muted-color); 3830 font-size: 15px; 3831 line-height: 1.55; 3832 } 3833 3834 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-title { 3835 display: inline; 3836 color: var(--feature-text-color); 3837 font-weight: 700; 3838 } 3839 3840 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-title:not(:last-child)::after { 3841 content: " â "; 3842 color: var(--feature-muted-color); 3843 font-weight: 400; 3844 } 3845 3846 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-text { 3847 display: inline; 3848 } 3849 3850 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-text p { 3851 display: inline; 3852 margin: 0; 3853 } 3854 3855 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-text p + p { 3856 display: block; 3857 margin-top: 10px; 3858 } 3859 3860 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__cta { 3861 margin-top: 28px; 3862 } 3863 3864 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__cta-button { 3865 display: inline-flex; 3866 align-items: center; 3867 justify-content: center; 3868 min-height: 44px; 3869 padding: 12px 28px; 3870 border-radius: 999px; 3871 color: var(--feature-cta-text); 3872 background: var(--feature-cta-bg); 3873 font-size: 14px; 3874 font-weight: 700; 3875 text-decoration: none; 3876 transition: 3877 transform 200ms ease, 3878 opacity 200ms ease; 3879 } 3880 3881 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__cta-button:hover { 3882 transform: translateY(-1px); 3883 opacity: .92; 3884 } 3885 3886 @media screen and (max-width: 989px) { 3887 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__container { 3888 width: min( 3889 calc(100% - 40px), 3890 var(--feature-max-width) 3891 ); 3892 } 3893 3894 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__layout { 3895 gap: 44px; 3896 } 3897 3898 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media { 3899 height: min( 3900 var(--feature-media-height),
3901 48vw 3902 ); 3903 } 3904 3905 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__heading { 3906 font-size: clamp(34px, 4.8vw, 50px); 3907 } 3908 } 3909 3910 @media screen and (max-width: 749px) { 3911 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp { 3912 padding-top: calc(var(--feature-section-padding-top) * .55); 3913 padding-bottom: calc(var(--feature-section-padding-bottom) * .55); 3914 } 3915 3916 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__container { 3917 width: calc(100% - 22px); 3918 } 3919 3920 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__layout { 3921 display: flex; 3922 flex-direction: column; 3923 align-items: stretch; 3924 gap: 12px; 3925 } 3926 3927 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__content-column { 3928 order: 1; 3929 } 3930 3931 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media-column { 3932 order: 2; 3933 margin-top: 0; 3934 } 3935 3936 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__eyebrow { 3937 margin-bottom: 17px; 3938 font-size: 11px; 3939 letter-spacing: .2em; 3940 } 3941 3942 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__heading { 3943 max-width: 100%; 3944 font-size: clamp(36px, 10vw, 48px); 3945 line-height: .98; 3946 } 3947 3948 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__buttons { 3949 gap: 8px; 3950 margin-top: 18px; 3951 } 3952 3953 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__button { 3954 min-height: 34px; 3955 padding: 8px 16px; 3956 font-size: 12px; 3957 } 3958 3959 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__descriptions { 3960 min-height: 0; 3961 margin-top: 23px; 3962 margin-bottom: 8px; 3963 } 3964 3965 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description { 3966 font-size: 14px; 3967 line-height: 1.55; 3968 } 3969 3970 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media { 3971 height: var(--feature-mobile-media-height); 3972 border-radius: min( 3973 var(--feature-media-radius), 3974 16px 3975 ); 3976 } 3977 3978 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__placeholder { 3979 padding: 24px; 3980 font-size: clamp(56px, 18vw, 90px); 3981 } 3982 3983 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__cta { 3984 margin-top: 20px; 3985 } 3986 } 3987 3988 @media (prefers-reduced-motion: reduce) { 3989 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__media-panel, 3990 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__description-panel, 3991 #FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp .feature-tabs__button { 3992 transition: none; 3993 } 3994 } 3995</style> 3996
3997<script> 3998 (() => { 3999 const section = document.getElementById( 4000 'FeatureTabs-template--27511920361785__interactive_feature_tabs_6qrfVp' 4001 ); 4002 4003 if (!section || section.dataset.initialized === 'true') { 4004 return; 4005 } 4006 4007 const buttons = Array.from( 4008 section.querySelectorAll('[data-feature-button]') 4009 ); 4010 4011 const mediaPanels = Array.from( 4012 section.querySelectorAll('[data-feature-media]') 4013 ); 4014 4015 const descriptionPanels = Array.from( 4016 section.querySelectorAll('[data-feature-description]') 4017 ); 4018 4019 if (!buttons.length) { 4020 return; 4021 } 4022 4023 section.dataset.initialized = 'true'; 4024 4025 const activateTab = (index, focusButton = false) => { 4026 const normalizedIndex = Math.max( 4027 0, 4028 Math.min(index, buttons.length - 1) 4029 ); 4030 4031 buttons.forEach((button, buttonIndex) => { 4032 const isActive = buttonIndex === normalizedIndex; 4033 4034 button.classList.toggle('is-active', isActive); 4035 button.setAttribute( 4036 'aria-selected', 4037 isActive ? 'true' : 'false' 4038 ); 4039 4040 button.setAttribute( 4041 'tabindex', 4042 isActive ? '0' : '-1' 4043 ); 4044 }); 4045 4046 mediaPanels.forEach((panel, panelIndex) => { 4047 const isActive = panelIndex === normalizedIndex; 4048 4049 panel.classList.toggle('is-active', isActive); 4050 panel.setAttribute( 4051 'aria-hidden', 4052 isActive ? 'false' : 'true' 4053 ); 4054 }); 4055 4056 descriptionPanels.forEach((panel, panelIndex) => { 4057 const isActive = panelIndex === normalizedIndex; 4058 4059 if (isActive) { 4060 panel.hidden = false; 4061 4062 requestAnimationFrame(() => { 4063 panel.classList.add('is-active'); 4064 }); 4065 } else { 4066 panel.classList.remove('is-active'); 4067 panel.hidden = true; 4068 } 4069 }); 4070 4071 if (focusButton) { 4072 buttons[normalizedIndex]?.focus(); 4073 } 4074 }; 4075 4076 buttons.forEach((button, index) => { 4077 button.addEventListener('click', () => { 4078 activateTab(index); 4079 }); 4080 4081 button.addEventListener('keydown', (event) => { 4082 let nextIndex = null; 4083 4084 if ( 4085 event.key === 'ArrowRight' || 4086 event.key === 'ArrowDown' 4087 ) { 4088 nextIndex = (index + 1) % buttons.length; 4089 } 4090 4091 if ( 4092 event.key === 'ArrowLeft' || 4093 event.key === 'ArrowUp' 4094 ) { 4095 nextIndex = 4096 (index - 1 + buttons.length) % 4097 buttons.length; 4098 } 4099 4100 if (event.key === 'Home') { 4101 nextIndex = 0; 4102 } 4103 4104 if (event.key === 'End') { 4105 nextIndex = buttons.length - 1; 4106 } 4107 4108 if (nextIndex !== null) { 4109 event.preventDefault(); 4110 activateTab(nextIndex, true); 4111 } 4112 }); 4113 }); 4114 4115 document.addEventListener( 4116 'shopify:block:select', 4117 (event) => { 4118 if (!section.contains(event.target)) { 4119 return; 4120 } 4121 4122 const selectedBlock = event.target.closest( 4123 '[data-feature-media]' 4124 ); 4125 4126 if (!selectedBlock) { 4127 return; 4128 } 4129 4130 const blockIndex = Number( 4131 selectedBlock.dataset.featureMedia 4132 ); 4133 4134 activateTab(blockIndex); 4135 } 4136 ); 4137 4138 activateTab(0); 4139 })(); 4140</script>
4140 4141 4142</section><section id="shopify-section-template--27511920361785__animated_statistics_NyRXPq" class="shopify-section section-animated-statistics"> 4143 4144<section 4145 id="AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq" 4146 class="animated-statistics" 4147 data-animated-statistics 4148 data-duration="1700" 4149 data-trigger-once="true" 4150 style=" 4151 --as-background: #3ab3e2; 4152 --as-text-color: #ffffff; 4153 --as-eyebrow-color: #ffffff; 4154 --as-max-width: 1200px; 4155 --as-stat-gap: 70px; 4156 --as-padding-top: 115px; 4157 --as-padding-bottom: 120px; 4158 --as-number-size: 76px; 4159 --as-mobile-number-size: 68px; 4160 " 4161> 4162 <div class="animated-statistics__container"> 4163 <div class="animated-statistics__header"> 4164 4165 <div class="animated-statistics__eyebrow"> 4166 THE NUMBERS DON'T LIE 4167 </div> 4168 4169 4170 4171 <h2 class="animated-statistics__heading"> 4172 A Survey of 1,000+ Shake Users Says It All 4173 </h2> 4174 4175 </div> 4176 4177 4178 <div class="animated-statistics__grid"> 4179 4180 <div 4181 class="animated-statistics__stat" 4182 4183 > 4184 <div class="animated-statistics__number-wrapper"> 4185 4186 4187 <span 4188 class="animated-statistics__number" 4189 data-stat-number 4190 data-target="98" 4191 data-decimals="0" 4192 > 4193 0 4194 </span> 4195 4196 4197 <span class="animated-statistics__suffix"> 4198 % 4199 </span> 4200 4201 </div> 4202 4203 4204 <div class="animated-statistics__text rte"> 4205 <p>said they would recommend TransformHQ Shakes to improve health</p> 4206 </div> 4207 4208 </div> 4209 4210 <div 4211 class="animated-statistics__stat" 4212 4213 > 4214 <div class="animated-statistics__number-wrapper"> 4215 4216 4217 <span 4218 class="animated-statistics__number" 4219 data-stat-number 4220 data-target="97" 4221 data-decimals="0" 4222 > 4223 0 4224 </span> 4225 4226 4227 <span class="animated-statistics__suffix"> 4228 % 4229 </span> 4230 4231 </div> 4232 4233 4234 <div class="animated-statistics__text rte"> 4235 <p>said the TransformHQ Meal Replacement Shake helped curb their hunger</p> 4236 </div> 4237 4238 </div> 4239 4240 <div 4241 class="animated-statistics__stat" 4242 4243 > 4244 <div class="animated-statistics__number-wrapper"> 4245 4246 4247 <span 4248 class="animated-statistics__number" 4249 data-stat-number 4250 data-target="99" 4251 data-decimals="0" 4252 > 4253 0 4254 </span> 4255 4256 4257 <span class="animated-statistics__suffix"> 4258 % 4259 </span> 4260 4261 </div> 4262 4263 4264 <div class="animated-statistics__text rte"> 4265 <p>said they enjoyed the taste of the TransformHQ Meal Replacement Shake</p> 4266 </div> 4267 4268 </div> 4269 4270 </div> 4271 4272 </div> 4273</section> 4274 4275<style> 4276 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq { 4277 width: 100%; 4278 padding-top: var(--as-padding-top); 4279 padding-bottom: var(--as-padding-bottom); 4280 color: var(--as-text-color); 4281 background: var(--as-background); 4282 overflow: hidden; 4283 } 4284 4285 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq * { 4286 box-sizing: border-box; 4287 } 4288 4289 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__container { 4290 width: min( 4291 calc(100% - 48px), 4292 var(--as-max-width) 4293 ); 4294 margin: 0 auto; 4295 } 4296 4297 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__header { 4298 max-width: 720px; 4299 margin: 0 auto 78px; 4300 text-align: center; 4301 } 4302 4303 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__eyebrow { 4304 margin-bottom: 22px; 4305 color: var(--as-eyebrow-color); 4306 font-size: 12px; 4307 line-height: 1; 4308 font-weight: 700; 4309 letter-spacing: .24em; 4310 text-transform: uppercase; 4311 } 4312 4313 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__heading { 4314 margin: 0; 4315 color: var(--as-text-color); 4316 font-size: clamp(38px, 3.15vw, 58px); 4317 line-height: 1.02; 4318 font-weight: 600; 4319 letter-spacing: -.035em; 4320 } 4321 4322 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__grid { 4323 display: grid; 4324 grid-template-columns: repeat( 4325 3, 4326 minmax(0, 1fr) 4327 ); 4328 gap: var(--as-stat-gap); 4329 align-items: start; 4330 } 4331 4332 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__stat { 4333 min-width: 0; 4334 text-align: center; 4335 } 4336 4337 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__number-wrapper { 4338 display: inline-flex; 4339 align-items: flex-start; 4340 justify-content: center; 4341 color: var(--as-text-color); 4342 font-size: var(--as-number-size); 4343 line-height: .9; 4344 font-weight: 600; 4345 letter-spacing: -.05em; 4346 font-family: "Fraunces" !important; 4347 } 4348 4349 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__number, 4350 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__prefix, 4351 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__suffix { 4352 display: inline-block; 4353 } 4354 4355 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__text { 4356 max-width: 310px; 4357 margin: 30px auto 0; 4358 color: var(--as-text-color); 4359 font-size: 15px; 4360 line-height: 1.55; 4361 } 4362 4363 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__text p { 4364 margin: 0; 4365 } 4366 4367 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__stat { 4368 opacity: 0; 4369 transform: translateY(26px); 4370 transition: 4371 opacity 600ms ease, 4372 transform 700ms cubic-bezier(.22, .61, .36, 1); 4373 } 4374 4375 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4376 .animated-statistics__stat { 4377 opacity: 1; 4378 transform: translateY(0); 4379 } 4380 4381 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4382 .animated-statistics__stat:nth-child(1) { 4383 transition-delay: 80ms; 4384 } 4385 4386 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4387 .animated-statistics__stat:nth-child(2) { 4388 transition-delay: 160ms; 4389 } 4390 4391 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4392 .animated-statistics__stat:nth-child(3) { 4393 transition-delay: 240ms; 4394 } 4395 4396 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4397 .animated-statistics__stat:nth-child(4) { 4398 transition-delay: 320ms; 4399 } 4400 4401 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4402 .animated-statistics__stat:nth-child(5) { 4403 transition-delay: 400ms; 4404 } 4405 4406 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq.is-visible 4407 .animated-statistics__stat:nth-child(6) { 4408 transition-delay: 480ms; 4409 } 4410 4411 @media screen and (max-width: 989px) { 4412 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__grid { 4413 grid-template-columns: repeat(2, minmax(0, 1fr)); 4414 row-gap: 58px; 4415 } 4416 4417 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__header { 4418 margin-bottom: 60px; 4419 } 4420 } 4421 4422 @media screen and (max-width: 749px) { 4423 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq { 4424 padding-top: calc(var(--as-padding-top) * .65); 4425 padding-bottom: calc(var(--as-padding-bottom) * .65); 4426 } 4427 4428 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__container { 4429 width: calc(100% - 40px); 4430 } 4431 4432 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__header { 4433 margin-bottom: 48px; 4434 } 4435 4436 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__eyebrow { 4437 margin-bottom: 18px; 4438 font-size: 11px; 4439 } 4440 4441 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__heading { 4442 font-size: clamp(36px, 10vw, 48px); 4443 } 4444 4445 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__grid { 4446 grid-template-columns: 1fr; 4447 gap: 48px; 4448 } 4449 4450 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__number-wrapper { 4451 font-size: var(--as-mobile-number-size); 4452 } 4453 4454 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__text { 4455 max-width: 310px; 4456 margin-top: 20px; 4457 font-size: 14px; 4458 } 4459 } 4460 4461 @media (prefers-reduced-motion: reduce) { 4462 #AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq .animated-statistics__stat { 4463 opacity: 1; 4464 transform: none; 4465 transition: none; 4466 } 4467 } 4468</style> 4469
4470<script> 4471 (() => { 4472 const section = document.getElementById( 4473 'AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq' 4474 ); 4475 4476 if (!section || section.dataset.initialized === 'true') { 4477 return; 4478 } 4479 4480 const numberElements = Array.from( 4481 section.querySelectorAll('[data-stat-number]') 4482 ); 4483 4484 if (!numberElements.length) { 4485 return; 4486 } 4487 4488 section.dataset.initialized = 'true'; 4489 4490 const duration = 4491 Number(section.dataset.duration) || 1600; 4492 4493 const triggerOnce = 4494 section.dataset.triggerOnce === 'true'; 4495 4496 const prefersReducedMotion = 4497 window.matchMedia( 4498 '(prefers-reduced-motion: reduce)' 4499 ).matches; 4500 4501 let hasAnimated = false; 4502 let animationFrame = null; 4503 4504 const formatNumber = (value, decimals) => { 4505 return Number(value).toLocaleString(undefined, { 4506 minimumFractionDigits: decimals, 4507 maximumFractionDigits: decimals 4508 }); 4509 }; 4510 4511 const resetNumbers = () => { 4512 if (animationFrame) { 4513 cancelAnimationFrame(animationFrame); 4514 animationFrame = null; 4515 } 4516 4517 numberElements.forEach((element) => { 4518 const decimals = 4519 Number(element.dataset.decimals) || 0; 4520 4521 element.textContent = formatNumber(0, decimals); 4522 }); 4523 }; 4524 4525 const animateNumbers = () => { 4526 if (prefersReducedMotion) { 4527 numberElements.forEach((element) => { 4528 const target = 4529 Number(element.dataset.target) || 0; 4530 4531 const decimals = 4532 Number(element.dataset.decimals) || 0; 4533 4534 element.textContent = 4535 formatNumber(target, decimals); 4536 }); 4537 4538 return; 4539 } 4540 4541 resetNumbers(); 4542 4543 const startTime = performance.now(); 4544 4545 const easeOutQuart = (progress) => { 4546 return 1 - Math.pow(1 - progress, 4); 4547 }; 4548 4549 const update = (currentTime) => { 4550 const elapsed = currentTime - startTime; 4551 4552 const progress = Math.min( 4553 elapsed / duration, 4554 1 4555 ); 4556 4557 const easedProgress = easeOutQuart(progress); 4558 4559 numberElements.forEach((element) => { 4560 const target = 4561 Number(element.dataset.target) || 0; 4562 4563 const decimals = 4564 Number(element.dataset.decimals) || 0; 4565 4566 const currentValue = 4567 target * easedProgress; 4568 4569 element.textContent = 4570 formatNumber(currentValue, decimals); 4571 }); 4572 4573 if (progress < 1) { 4574 animationFrame = 4575 requestAnimationFrame(update); 4576 } else { 4577 numberElements.forEach((element) => { 4578 const target = 4579 Number(element.dataset.target) || 0; 4580 4581 const decimals = 4582 Number(element.dataset.decimals) || 0; 4583 4584 element.textContent = 4585 formatNumber(target, decimals); 4586 }); 4587 4588 animationFrame = null; 4589 } 4590 }; 4591 4592 animationFrame = requestAnimationFrame(update); 4593 }; 4594 4595 const observer = new IntersectionObserver( 4596 (entries) => { 4597 entries.forEach((entry) => { 4598 if (entry.isIntersecting) { 4599 if (triggerOnce && hasAnimated) { 4600 return; 4601 } 4602 4603 section.classList.add('is-visible'); 4604 animateNumbers(); 4605 hasAnimated = true; 4606 4607 if (triggerOnce) { 4608 observer.unobserve(section); 4609 } 4610 } else if (!triggerOnce) { 4611 section.classList.remove('is-visible'); 4612 resetNumbers(); 4613 } 4614 }); 4615 }, 4616 { 4617 threshold: 0.35 4618 } 4619 ); 4620 4621 observer.observe(section); 4622 4623 document.addEventListener( 4624 'shopify:section:load', 4625 (event) => { 4626 if ( 4627 event.target.querySelector( 4628 '#AnimatedStatistics-template--27511920361785__animated_statistics_NyRXPq' 4629 ) 4630 ) { 4631 resetNumbers(); 4632 observer.observe(section); 4633 } 4634 } 4635 ); 4636 })(); 4637</script>
4637 4638 4639</section><section id="shopify-section-template--27511920361785__flavor_drops_slider_xq9DEt" class="shopify-section section-flavor-drops-slider"> 4640 4641<section 4642 id="FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt" 4643 class="flavor-drops" 4644 data-flavor-drops 4645 style=" 4646 --fd-section-bg: #ffffff; 4647 --fd-eyebrow-color: #3ab3e2; 4648 --fd-heading-color: #3f3f3f; 4649 --fd-subheading-color: #999999; 4650 4651 --fd-card-bg: #ffffff; 4652 --fd-card-border: #ded9cf; 4653 --fd-title-color: #3f3f3f; 4654 --fd-text-color: #999999; 4655 --fd-month-color: #3ab3e2; 4656 4657 --fd-button-bg: #3ab3e2; 4658 --fd-button-color: #ffffff; 4659 4660 --fd-scroll-track: #e6e6e6; 4661 --fd-scroll-thumb: #71b7f5; 4662 4663 --fd-max-width: 1320px; 4664 --fd-card-width: 250px; 4665 --fd-mobile-card-width: 310px; 4666 --fd-image-height: 310px; 4667 --fd-mobile-image-height: 300px; 4668 --fd-card-gap: 22px; 4669 --fd-card-radius: 8px; 4670 4671 --fd-padding-top: 70px; 4672 --fd-padding-bottom: 40px; 4673 " 4674> 4675 <div class="flavor-drops__container"> 4676 4677 <div class="flavor-drops__header"> 4678 4679 <div class="flavor-drops__eyebrow"> 4680 Give your taste buds something new to look forward to 4681 </div> 4682 4683 4684 4685 <h2 class="flavor-drops__heading"> 4686 Limited-Edition Flavor Drops Every Month 4687 </h2> 4688 4689 4690 4691 </div> 4692 4693 4694 4695 <div 4696 class="flavor-drops__viewport" 4697 data-flavor-viewport 4698 > 4699 4700 <div class="flavor-drops__track"> 4701 4702 4703 4704 4705 4706 <article 4707 class="flavor-drops__card" 4708 data-flavor-card 4709 style=" 4710 --fd-block-accent: #75be29; 4711 --fd-block-media-bg: #f3f9ee; 4712 " 4713 4714 > 4715 4716 4717 4718 <div class="flavor-drops__media"> 4719 4720 4721 4722 <img src="//transformhq.com/cdn/shop/files/CA_Boost_Hyd_3.png?v=1788458577&width=1000" alt="Caramel Apple Boost & Hydration" srcset="//transformhq.com/cdn/shop/files/CA_Boost_Hyd_3.png?v=1788458577&width=300 300w, //transformhq.com/cdn/shop/files/CA_Boost_Hyd_3.png?v=1788458577&width=450 450w, //transformhq.com/cdn/shop/files/CA_Boost_Hyd_3.png?v=1788458577&width=600 600w, //transformhq.com/cdn/shop/files/CA_Boost_Hyd_3.png?v=1788458577&width=800 800w, //transformhq.com/cdn/shop/files/CA_Boost_Hyd_3.png?v=1788458577&width=1000 1000w" width="1000" height="1000" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 4723 4724 4725 4726 </div> 4727 4728 <div class="flavor-drops__content"> 4729 4730 4731 <div class="flavor-drops__month"> 4732 September 4733 </div> 4734 4735 4736 4737 <h3 class="flavor-drops__title"> 4738 Caramel Apple Boost & Hydration 4739 </h3> 4740 4741 4742 4743 <div class="flavor-drops__description rte"> 4744 <p>A crisp, refreshing blend of sweet caramel and juicy apple with a delicious fall-inspired finish.</p> 4745 </div> 4746 4747 4748 </div> 4749 4750 4751 4752 </article> 4753 4754 4755 4756 4757 4758 4759 4760 <article 4761 class="flavor-drops__card" 4762 data-flavor-card 4763 style=" 4764 --fd-block-accent: #75be29; 4765 --fd-block-media-bg: #f3f9ee; 4766 " 4767 4768 > 4769 4770 4771 4772 <div class="flavor-drops__media"> 4773 4774 4775 4776 <img src="//transformhq.com/cdn/shop/files/Labor_Day_2026-0838.jpg?v=1788214049&width=1000" alt="Cherry Pie" srcset="//transformhq.com/cdn/shop/files/Labor_Day_2026-0838.jpg?v=1788214049&width=300 300w, //transformhq.com/cdn/shop/files/Labor_Day_2026-0838.jpg?v=1788214049&width=450 450w, //transformhq.com/cdn/shop/files/Labor_Day_2026-0838.jpg?v=1788214049&width=600 600w, //transformhq.com/cdn/shop/files/Labor_Day_2026-0838.jpg?v=1788214049&width=800 800w, //transformhq.com/cdn/shop/files/Labor_Day_2026-0838.jpg?v=1788214049&width=1000 1000w" width="1000" height="1500" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 4777 4778 4779 4780 </div> 4781 4782 <div class="flavor-drops__content"> 4783 4784 4785 <div class="flavor-drops__month"> 4786 August 4787 </div> 4788 4789 4790 4791 <h3 class="flavor-drops__title"> 4792 Cherry Pie 4793 </h3> 4794 4795 4796 4797 <div class="flavor-drops__description rte"> 4798 <p>A sweet, tart cherry flavor with a warm, buttery pie-inspired finish. Dessert in every sip.</p> 4799 </div> 4800 4801 4802 </div> 4803 4804 4805 4806 </article> 4807 4808 4809 4810 4811 4812 4813 4814 <article 4815 class="flavor-drops__card" 4816 data-flavor-card 4817 style=" 4818 --fd-block-accent: #75be29; 4819 --fd-block-media-bg: #f3f9ee; 4820 " 4821 4822 > 4823 4824 4825 4826 <div class="flavor-drops__media"> 4827 4828 4829 4830 <img src="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-09-03_1x_9cf5c30f-8a75-47fa-a4b6-3756ddfa5805.png?v=1788458297&width=1000" alt="Coconut Cream Boost & Hydration" srcset="//transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-09-03_1x_9cf5c30f-8a75-47fa-a4b6-3756ddfa5805.png?v=1788458297&width=300 300w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-09-03_1x_9cf5c30f-8a75-47fa-a4b6-3756ddfa5805.png?v=1788458297&width=450 450w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-09-03_1x_9cf5c30f-8a75-47fa-a4b6-3756ddfa5805.png?v=1788458297&width=600 600w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-09-03_1x_9cf5c30f-8a75-47fa-a4b6-3756ddfa5805.png?v=1788458297&width=800 800w, //transformhq.com/cdn/shop/files/TransformHQ_Photoshoot_2026-09-03_1x_9cf5c30f-8a75-47fa-a4b6-3756ddfa5805.png?v=1788458297&width=1000 1000w" width="1000" height="1491" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 4831 4832 4833 4834 </div> 4835 4836 <div class="flavor-drops__content"> 4837 4838 4839 <div class="flavor-drops__month"> 4840 July 4841 </div> 4842 4843 4844 4845 <h3 class="flavor-drops__title"> 4846 Coconut Cream Boost & Hydration 4847 </h3> 4848 4849 4850 4851 <div class="flavor-drops__description rte"> 4852 <p>A creamy, tropical coconut flavor thatâs light, refreshing, and seriously craveable. Like a sip of paradise.</p> 4853 </div> 4854 4855 4856 </div> 4857 4858 4859 4860 </article> 4861 4862 4863 4864 4865 4866 4867 4868 <article 4869 class="flavor-drops__card" 4870 data-flavor-card 4871 style=" 4872 --fd-block-accent: #75be29; 4873 --fd-block-media-bg: #f3f9ee; 4874 " 4875 4876 > 4877 4878 4879 4880 <div class="flavor-drops__media"> 4881 4882 4883 4884 <img src="//transformhq.com/cdn/shop/files/Clear_Protein_1serv-3834_2cf75d42-873e-459e-ac48-b662bacb3660.jpg?v=1788213815&width=1000" alt="Clear Protein Single Serving Packs" srcset="//transformhq.com/cdn/shop/files/Clear_Protein_1serv-3834_2cf75d42-873e-459e-ac48-b662bacb3660.jpg?v=1788213815&width=300 300w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3834_2cf75d42-873e-459e-ac48-b662bacb3660.jpg?v=1788213815&width=450 450w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3834_2cf75d42-873e-459e-ac48-b662bacb3660.jpg?v=1788213815&width=600 600w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3834_2cf75d42-873e-459e-ac48-b662bacb3660.jpg?v=1788213815&width=800 800w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3834_2cf75d42-873e-459e-ac48-b662bacb3660.jpg?v=1788213815&width=1000 1000w" width="1000" height="667" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 4885 4886 4887 4888 </div> 4889 4890 <div class="flavor-drops__content"> 4891 4892 4893 <div class="flavor-drops__month"> 4894 June 4895 </div> 4896 4897 4898 4899 <h3 class="flavor-drops__title"> 4900 Clear Protein Single Serving Packs 4901 </h3> 4902 4903 4904 4905 <div class="flavor-drops__description rte"> 4906 <p>A light, refreshing protein drink that mixes clear and tastes more like a fruity refresher than a traditional protein shake.</p> 4907 </div> 4908 4909 4910 </div> 4911 4912 4913 4914 </article> 4915 4916 4917 4918 4919 4920 4921 4922 <article 4923 class="flavor-drops__card" 4924 data-flavor-card 4925 style=" 4926 --fd-block-accent: #75be29; 4927 --fd-block-media-bg: #f3f9ee; 4928 " 4929 4930 > 4931 4932 4933 4934 <div class="flavor-drops__media"> 4935 4936 4937 4938 <img src="//transformhq.com/cdn/shop/files/4th_of_July_Sale_2026-3305.jpg?v=1786741399&width=1000" alt="Lemon Meringue Pie" srcset="//transformhq.com/cdn/shop/files/4th_of_July_Sale_2026-3305.jpg?v=1786741399&width=300 300w, //transformhq.com/cdn/shop/files/4th_of_July_Sale_2026-3305.jpg?v=1786741399&width=450 450w, //transformhq.com/cdn/shop/files/4th_of_July_Sale_2026-3305.jpg?v=1786741399&width=600 600w, //transformhq.com/cdn/shop/files/4th_of_July_Sale_2026-3305.jpg?v=1786741399&width=800 800w, //transformhq.com/cdn/shop/files/4th_of_July_Sale_2026-3305.jpg?v=1786741399&width=1000 1000w" width="1000" height="667" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px" style="object-position:65.892% 62.5069%;"> 4939 4940 4941 4942 </div> 4943 4944 <div class="flavor-drops__content"> 4945 4946 4947 <div class="flavor-drops__month"> 4948 MAY 4949 </div> 4950 4951 4952 4953 <h3 class="flavor-drops__title"> 4954 Lemon Meringue Pie 4955 </h3> 4956 4957 4958 4959 <div class="flavor-drops__description rte"> 4960 <p>A bright, zesty lemon flavor balanced with a sweet, creamy meringue finish. Like a slice of lemon meringue pie in every sip.</p> 4961 </div> 4962 4963 4964 </div> 4965 4966 4967 4968 </article> 4969 4970 4971 4972 4973 4974 4975 4976 <article 4977 class="flavor-drops__card" 4978 data-flavor-card 4979 style=" 4980 --fd-block-accent: #1767be; 4981 --fd-block-media-bg: #f5f9fc; 4982 " 4983 4984 > 4985 4986 4987 4988 <div class="flavor-drops__media"> 4989 4990 4991 4992 <img src="//transformhq.com/cdn/shop/files/Birthday_Sale-5799.jpg?v=1786741251&width=1000" alt="Cake Batter" srcset="//transformhq.com/cdn/shop/files/Birthday_Sale-5799.jpg?v=1786741251&width=300 300w, //transformhq.com/cdn/shop/files/Birthday_Sale-5799.jpg?v=1786741251&width=450 450w, //transformhq.com/cdn/shop/files/Birthday_Sale-5799.jpg?v=1786741251&width=600 600w, //transformhq.com/cdn/shop/files/Birthday_Sale-5799.jpg?v=1786741251&width=800 800w, //transformhq.com/cdn/shop/files/Birthday_Sale-5799.jpg?v=1786741251&width=1000 1000w" width="1000" height="1500" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px" style="object-position:52.9013% 13.4434%;"> 4993 4994 4995 4996 </div> 4997 4998 <div class="flavor-drops__content"> 4999 5000 5001 <div class="flavor-drops__month"> 5002 APRIL 5003 </div> 5004 5005 5006 5007 <h3 class="flavor-drops__title"> 5008 Cake Batter 5009 </h3> 5010 5011 5012 5013 <div class="flavor-drops__description rte"> 5014 <p>Sweet vanilla cake batter flavor that tastes like dessert, minus the guilt.</p> 5015 </div> 5016 5017 5018 </div> 5019 5020 5021 5022 </article> 5023 5024 5025 5026 5027 5028 5029 5030 <article 5031 class="flavor-drops__card" 5032 data-flavor-card 5033 style=" 5034 --fd-block-accent: #084a87; 5035 --fd-block-media-bg: #cfe9fb; 5036 " 5037 5038 > 5039 5040 5041 5042 <div class="flavor-drops__media"> 5043 5044 5045 5046 <img src="//transformhq.com/cdn/shop/files/March.jpg?v=1786731726&width=1000" alt="Probiotic Pixies" srcset="//transformhq.com/cdn/shop/files/March.jpg?v=1786731726&width=300 300w, //transformhq.com/cdn/shop/files/March.jpg?v=1786731726&width=450 450w, //transformhq.com/cdn/shop/files/March.jpg?v=1786731726&width=600 600w, //transformhq.com/cdn/shop/files/March.jpg?v=1786731726&width=800 800w, //transformhq.com/cdn/shop/files/March.jpg?v=1786731726&width=1000 1000w" width="1000" height="667" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 5047 5048 5049 5050 </div> 5051 5052 <div class="flavor-drops__content"> 5053 5054 5055 <div class="flavor-drops__month"> 5056 MARCH 5057 </div> 5058 5059 5060 5061 <h3 class="flavor-drops__title"> 5062 Probiotic Pixies 5063 </h3> 5064 5065 5066 5067 <div class="flavor-drops__description rte"> 5068 <p>A blend with probiotics for gut health, made fun. Just rip, pour into your mouth, and enjoy!</p> 5069 </div> 5070 5071 5072 </div> 5073 5074 5075 5076 </article> 5077 5078 5079 5080 5081 5082 5083 5084 <article 5085 class="flavor-drops__card" 5086 data-flavor-card 5087 style=" 5088 --fd-block-accent: #c96500; 5089 --fd-block-media-bg: #fde7cf; 5090 " 5091 5092 > 5093 5094 5095 5096 <div class="flavor-drops__media"> 5097 5098 5099 5100 <img src="//transformhq.com/cdn/shop/files/Valentines_Day_Sale-5930_6bff945e-b458-4e5e-8eeb-15711cdf157d.jpg?v=1786731597&width=1000" alt="Orange Sunrise & Strawberry Lemonade" srcset="//transformhq.com/cdn/shop/files/Valentines_Day_Sale-5930_6bff945e-b458-4e5e-8eeb-15711cdf157d.jpg?v=1786731597&width=300 300w, //transformhq.com/cdn/shop/files/Valentines_Day_Sale-5930_6bff945e-b458-4e5e-8eeb-15711cdf157d.jpg?v=1786731597&width=450 450w, //transformhq.com/cdn/shop/files/Valentines_Day_Sale-5930_6bff945e-b458-4e5e-8eeb-15711cdf157d.jpg?v=1786731597&width=600 600w, //transformhq.com/cdn/shop/files/Valentines_Day_Sale-5930_6bff945e-b458-4e5e-8eeb-15711cdf157d.jpg?v=1786731597&width=800 800w, //transformhq.com/cdn/shop/files/Valentines_Day_Sale-5930_6bff945e-b458-4e5e-8eeb-15711cdf157d.jpg?v=1786731597&width=1000 1000w" width="1000" height="667" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 5101 5102 5103 5104 </div> 5105 5106 <div class="flavor-drops__content"> 5107 5108 5109 <div class="flavor-drops__month"> 5110 FEBRUARY 5111 </div> 5112 5113 5114 5115 <h3 class="flavor-drops__title"> 5116 Orange Sunrise & Strawberry Lemonade 5117
5117</h3> 5118 5119 5120 5121 <div class="flavor-drops__description rte"> 5122 <p>Bright citrus and strawberry lemonade in a refreshing Clear Protein sip.</p> 5123 </div> 5124 5125 5126 </div> 5127 5128 5129 5130 </article> 5131 5132 5133 5134 5135 5136 5137 5138 <article 5139 class="flavor-drops__card" 5140 data-flavor-card 5141 style=" 5142 --fd-block-accent: #a92954; 5143 --fd-block-media-bg: #f7c5d2; 5144 " 5145 5146 > 5147 5148 5149 5150 <div class="flavor-drops__media"> 5151 5152 5153 5154 <img src="//transformhq.com/cdn/shop/files/January.jpg?v=1786731528&width=1000" alt="Cotton Candy & Watermelon Burst" srcset="//transformhq.com/cdn/shop/files/January.jpg?v=1786731528&width=300 300w, //transformhq.com/cdn/shop/files/January.jpg?v=1786731528&width=450 450w, //transformhq.com/cdn/shop/files/January.jpg?v=1786731528&width=600 600w, //transformhq.com/cdn/shop/files/January.jpg?v=1786731528&width=800 800w, //transformhq.com/cdn/shop/files/January.jpg?v=1786731528&width=1000 1000w" width="1000" height="667" loading="lazy" class="flavor-drops__image" sizes="(max-width: 749px) 78vw, 260px"> 5155 5156 5157 5158 </div> 5159 5160 <div class="flavor-drops__content"> 5161 5162 5163 <div class="flavor-drops__month"> 5164 JANUARY 5165 </div> 5166 5167 5168 5169 <h3 class="flavor-drops__title"> 5170 Cotton Candy & Watermelon Burst 5171 </h3> 5172 5173 5174 5175 <div class="flavor-drops__description rte"> 5176 <p>A playful, fruity Clear Protein burst with cotton candy sweetness and juicy watermelon.</p> 5177 </div> 5178 5179 5180 </div> 5181 5182 5183 5184 </article> 5185 5186 5187 5188 5189 5190 </div> 5191 5192 </div> 5193 5194 5195 5196 <div 5197 class="flavor-drops__scrollbar" 5198 data-flavor-scrollbar 5199 aria-hidden="true" 5200 > 5201 5202 <div 5203 class="flavor-drops__scrollbar-thumb" 5204 data-flavor-scrollbar-thumb 5205 ></div> 5206 5207 </div> 5208 5209 5210 5211 5212 5213 5214 5215 </div> 5216</section> 5217 5218 5219<style> 5220 5221 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt { 5222 width: 100%; 5223 padding-top: var(--fd-padding-top); 5224 padding-bottom: var(--fd-padding-bottom); 5225 overflow: hidden; 5226 background: var(--fd-section-bg); 5227 } 5228 5229 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt * { 5230 box-sizing: border-box; 5231 } 5232 5233 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__container { 5234 width: min( 5235 calc(100% - 48px), 5236 var(--fd-max-width) 5237 ); 5238 margin: 0 auto; 5239 } 5240 5241 5242 /* ========================= 5243 HEADER 5244 ========================= */ 5245 5246 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__header { 5247 max-width: 820px; 5248 margin: 0 auto 64px; 5249 text-align: center; 5250 } 5251 5252 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__eyebrow { 5253 margin-bottom: 20px; 5254 color: var(--fd-eyebrow-color); 5255 font-size: 12px; 5256 line-height: 1; 5257 font-weight: 700; 5258 letter-spacing: .22em; 5259 text-transform: uppercase; 5260 } 5261 5262 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__heading { 5263 margin: 0; 5264 color: var(--fd-heading-color); 5265 font-size: clamp(38px, 3.15vw, 58px); 5266 line-height: 1; 5267 font-weight: 600; 5268 letter-spacing: -.035em; 5269 } 5270 5271 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__subheading { 5272 margin-top: 22px; 5273 color: var(--fd-subheading-color); 5274 font-size: 17px; 5275 line-height: 1.5; 5276 } 5277 5278 5279 /* ========================= 5280 SLIDER 5281 ========================= */ 5282 5283 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__viewport { 5284 width: 100%; 5285 overflow-x: auto; 5286 overflow-y: hidden; 5287 5288 cursor: grab; 5289 5290 scroll-snap-type: x proximity; 5291 5292 scrollbar-width: none; 5293 5294 overscroll-behavior-inline: contain; 5295 5296 -webkit-overflow-scrolling: touch; 5297 } 5298 5299 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5300 .flavor-drops__viewport::-webkit-scrollbar {
5301 display: none; 5302 } 5303 5304 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5305 .flavor-drops__viewport.is-dragging { 5306 cursor: grabbing; 5307 5308 user-select: none; 5309 5310 scroll-snap-type: none; 5311 } 5312 5313 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__track { 5314 display: flex; 5315 align-items: stretch; 5316 5317 gap: var(--fd-card-gap); 5318 5319 width: max-content; 5320 } 5321 5322 5323 /* ========================= 5324 CARD 5325 ========================= */ 5326 5327 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__card { 5328 width: var(--fd-card-width); 5329 5330 flex: 0 0 var(--fd-card-width); 5331 5332 min-width: 0; 5333 5334 overflow: hidden; 5335 5336 border: 1px solid var(--fd-card-border); 5337 5338 border-radius: var(--fd-card-radius); 5339 5340 background: var(--fd-card-bg); 5341 5342 scroll-snap-align: start; 5343 5344 color: inherit; 5345 5346 text-decoration: none; 5347 5348 transition: 5349 transform .25s ease, 5350 box-shadow .25s ease; 5351 } 5352 5353 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__card-link { 5354 display: block; 5355 5356 color: inherit; 5357 5358 text-decoration: none; 5359 5360 cursor: pointer; 5361 } 5362 5363 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5364 .flavor-drops__card-link:hover { 5365 transform: translateY(-4px); 5366 5367 box-shadow: 5368 0 12px 30px rgba(0, 0, 0, .08); 5369 } 5370 5371 5372 /* ========================= 5373 MEDIA 5374 ========================= */ 5375 5376 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__media { 5377 position: relative; 5378 5379 width: 100%; 5380 5381 height: var(--fd-image-height); 5382 5383 overflow: hidden; 5384 5385 background: var(--fd-block-media-bg); 5386 } 5387 5388 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__image { 5389 display: block; 5390 5391 width: 100%; 5392 height: 100%; 5393 5394 object-fit: cover; 5395 5396 transition: transform .35s ease; 5397 } 5398 5399 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5400 .flavor-drops__card-link:hover 5401 .flavor-drops__image { 5402 transform: scale(1.025); 5403 } 5404 5405 5406 /* ========================= 5407 PLACEHOLDER 5408 ========================= */ 5409 5410 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__placeholder { 5411 width: 100%; 5412 height: 100%; 5413 5414 padding: 26px; 5415 5416 display: flex; 5417 5418 align-items: center; 5419 justify-content: center; 5420 5421 color: var(--fd-block-accent); 5422 5423 background: var(--fd-block-media-bg); 5424 5425 text-align: center; 5426 } 5427 5428 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5429 .flavor-drops__placeholder span { 5430 max-width: 220px; 5431 5432 font-size: clamp( 5433 20px, 5434 1.6vw, 5435 27px 5436 ); 5437 5438 line-height: 1.15; 5439 5440 font-weight: 700; 5441 } 5442 5443 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5444 .flavor-drops__placeholder-svg { 5445 display: block; 5446 5447 width: 100%; 5448 height: 100%; 5449 } 5450 5451 5452 /* ========================= 5453 CONTENT 5454 ========================= */ 5455 5456 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__content { 5457 min-height: 190px; 5458 5459 padding: 5460 20px 5461 20px 5462 25px; 5463 } 5464 5465 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__month { 5466 margin-bottom: 10px; 5467 5468 color: var(--fd-month-color); 5469 5470 font-size: 11px; 5471 5472 line-height: 1; 5473 5474 font-weight: 700; 5475 5476 letter-spacing: .05em; 5477 5478 text-transform: uppercase; 5479 } 5480 5481 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__title { 5482 margin: 0 0 9px; 5483 5484 color: var(--fd-title-color); 5485 5486 font-size: 17px; 5487 5488 line-height: 1.12; 5489 5490 font-weight: 700; 5491 5492 letter-spacing: -.01em; 5493 } 5494 5495 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5496 .flavor-drops__description { 5497 color: var(--fd-text-color); 5498 5499 font-size: 13px; 5500 5501 line-height: 1.55; 5502 } 5503 5504 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5505 .flavor-drops__description p { 5506 margin: 0; 5507 } 5508 5509 5510 /* ========================= 5511 PROGRESS BAR 5512 ========================= */ 5513 5514 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5515 .flavor-drops__scrollbar {
5516 position: relative; 5517 5518 width: 50%; 5519 5520 height: 4px; 5521 5522 margin: 14px auto 0; 5523 5524 overflow: hidden; 5525 5526 border-radius: 999px; 5527 5528 background: var(--fd-scroll-track); 5529 } 5530 5531 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5532 .flavor-drops__scrollbar-thumb { 5533 position: absolute; 5534 5535 top: 0; 5536 left: 0; 5537 5538 width: 25%; 5539 5540 height: 100%; 5541 5542 border-radius: inherit; 5543 5544 background: var(--fd-scroll-thumb); 5545 5546 transform: translateX(0); 5547 5548 will-change: 5549 transform, 5550 width; 5551 } 5552 5553 5554 /* ========================= 5555 BUTTON 5556 ========================= */ 5557 5558 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5559 .flavor-drops__button-wrapper { 5560 margin-top: 38px; 5561 5562 display: flex; 5563 5564 justify-content: center; 5565 } 5566 5567 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt .flavor-drops__button { 5568 min-width: 140px; 5569 min-height: 56px; 5570 5571 padding: 15px 28px; 5572 5573 border-radius: 999px; 5574 5575 display: inline-flex; 5576 5577 align-items: center; 5578 justify-content: center; 5579 5580 color: var(--fd-button-color); 5581 5582 background: var(--fd-button-bg); 5583 5584 font-size: 14px; 5585 5586 line-height: 1; 5587 5588 font-weight: 700; 5589 5590 text-decoration: none; 5591 5592 transition: 5593 transform .2s ease, 5594 box-shadow .2s ease; 5595 } 5596 5597 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5598 .flavor-drops__button:hover { 5599 transform: translateY(-2px); 5600 5601 box-shadow: 5602 0 8px 22px rgba(0, 0, 0, .12); 5603 } 5604 5605 5606 /* ========================= 5607 TABLET 5608 ========================= */ 5609 5610 @media screen and (max-width: 989px) { 5611 5612 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5613 .flavor-drops__header { 5614 margin-bottom: 48px; 5615 } 5616 5617 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5618 .flavor-drops__scrollbar { 5619 width: 65%; 5620 } 5621 5622 } 5623 5624 5625 /* ========================= 5626 MOBILE 5627 ========================= */ 5628 5629 @media screen and (max-width: 749px) { 5630 5631 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt { 5632 padding-top: 5633 calc(var(--fd-padding-top) * .65); 5634 5635 padding-bottom: 5636 calc(var(--fd-padding-bottom) * .65); 5637 } 5638 5639 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5640 .flavor-drops__container { 5641 width: 100%; 5642 } 5643 5644 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5645 .flavor-drops__header { 5646 width: calc(100% - 40px); 5647 5648 margin: 5649 0 auto 5650 38px; 5651 } 5652 5653 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5654 .flavor-drops__eyebrow { 5655 margin-bottom: 16px; 5656 5657 font-size: 10px; 5658 5659 line-height: 1.4; 5660 } 5661 5662 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5663 .flavor-drops__heading { 5664 font-size: 5665 clamp( 5666 36px, 5667 10vw, 5668 48px 5669 ); 5670 } 5671 5672 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5673 .flavor-drops__subheading { 5674 margin-top: 17px; 5675 5676 font-size: 15px; 5677 } 5678 5679 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5680 .flavor-drops__viewport { 5681 padding: 5682 0 5683 20px 5684 8px; 5685 5686 scroll-padding-left: 20px; 5687 } 5688 5689 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5690 .flavor-drops__card { 5691 width: 5692 min( 5693 var(--fd-mobile-card-width), 5694 84vw 5695 ); 5696 5697 flex-basis: 5698 min( 5699 var(--fd-mobile-card-width), 5700 84vw 5701 ); 5702 } 5703 5704 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5705 .flavor-drops__media { 5706 height: 5707 var(--fd-mobile-image-height); 5708 } 5709 5710 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5711 .flavor-drops__placeholder span { 5712 font-size: 5713 clamp( 5714 22px, 5715 7vw, 5716 30px 5717 ); 5718 } 5719 5720 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5721 .flavor-drops__content { 5722 min-height: 175px; 5723 5724 padding: 5725 19px 5726 18px 5727 23px; 5728 } 5729 5730 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5731 .flavor-drops__scrollbar {
5732 width: 5733 calc(100% - 40px); 5734 5735 margin: 5736 12px 5737 auto 5738 0; 5739 } 5740 5741 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5742 .flavor-drops__button-wrapper { 5743 margin-top: 30px; 5744 } 5745 5746 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5747 .flavor-drops__button { 5748 min-width: 135px; 5749 min-height: 52px; 5750 } 5751 5752 } 5753 5754 5755 /* ========================= 5756 REDUCED MOTION 5757 ========================= */ 5758 5759 @media (prefers-reduced-motion: reduce) { 5760 5761 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5762 .flavor-drops__button, 5763 5764 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5765 .flavor-drops__card, 5766 5767 #FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt 5768 .flavor-drops__image { 5769 transition: none; 5770 } 5771 5772 } 5773 5774</style> 5775 5776
5777<script> 5778 5779 (() => { 5780 5781 const section = 5782 document.getElementById( 5783 'FlavorDrops-template--27511920361785__flavor_drops_slider_xq9DEt' 5784 ); 5785 5786 if ( 5787 !section || 5788 section.dataset.initialized === 'true' 5789 ) { 5790 return; 5791 } 5792 5793 5794 const viewport = 5795 section.querySelector( 5796 '[data-flavor-viewport]' 5797 ); 5798 5799 5800 const thumb = 5801 section.querySelector( 5802 '[data-flavor-scrollbar-thumb]' 5803 ); 5804 5805 5806 const cards = 5807 Array.from( 5808 section.querySelectorAll( 5809 '[data-flavor-card]' 5810 ) 5811 ); 5812 5813 5814 const links = 5815 Array.from( 5816 section.querySelectorAll( 5817 '[data-flavor-link]' 5818 ) 5819 ); 5820 5821 5822 if ( 5823 !viewport || 5824 cards.length === 0 5825 ) { 5826 return; 5827 } 5828 5829 5830 section.dataset.initialized = 'true'; 5831 5832 5833 let isDragging = false; 5834 5835 let didDrag = false; 5836 5837 let dragStartX = 0; 5838 5839 let dragStartY = 0; 5840 5841 let dragStartScrollLeft = 0; 5842 5843 let ticking = false; 5844 5845 5846 const dragThreshold = 6; 5847 5848 5849 /* ========================= 5850 SCROLLBAR 5851 ========================= */ 5852 5853 const updateScrollbar = () => { 5854 5855 if (!thumb) { 5856 return; 5857 } 5858 5859 5860 const visibleWidth = 5861 viewport.clientWidth; 5862 5863 5864 const totalWidth = 5865 viewport.scrollWidth; 5866 5867 5868 const maximumScroll = 5869 totalWidth - 5870 visibleWidth; 5871 5872 5873 if ( 5874 totalWidth <= visibleWidth || 5875 maximumScroll <= 0 5876 ) { 5877 5878 thumb.style.width = 5879 '100%'; 5880 5881 thumb.style.transform = 5882 'translateX(0)'; 5883 5884 return; 5885 5886 } 5887 5888 5889 const thumbWidthPercentage = 5890 Math.max( 5891 12, 5892 ( 5893 visibleWidth / 5894 totalWidth 5895 ) * 100 5896 ); 5897 5898 5899 const progress = 5900 viewport.scrollLeft / 5901 maximumScroll; 5902 5903 5904 const maximumThumbMovement = 5905 100 - 5906 thumbWidthPercentage; 5907 5908 5909 thumb.style.width = 5910 `${thumbWidthPercentage}%`; 5911 5912 5913 thumb.style.transform = 5914 `translateX(${ 5915 progress * 5916 maximumThumbMovement * 5917 ( 5918 100 / 5919 thumbWidthPercentage 5920 ) 5921 }%)`; 5922 5923 }; 5924 5925 5926 const requestScrollbarUpdate = () => { 5927 5928 if (ticking) { 5929 return; 5930 } 5931 5932 5933 ticking = true; 5934 5935 5936 window.requestAnimationFrame(() => { 5937 5938 updateScrollbar(); 5939 5940 ticking = false; 5941 5942 }); 5943 5944 }; 5945 5946 5947 viewport.addEventListener( 5948 'scroll', 5949 requestScrollbarUpdate, 5950 { 5951 passive: true 5952 } 5953 ); 5954 5955 5956 /* ========================= 5957 POINTER DRAG 5958 ========================= */ 5959 5960 viewport.addEventListener( 5961 'pointerdown', 5962 (event) => { 5963 5964 if ( 5965 event.pointerType === 'touch' 5966 ) { 5967 return; 5968 } 5969 5970 5971 isDragging = true; 5972 5973 didDrag = false; 5974 5975 5976 dragStartX = 5977 event.clientX; 5978 5979 5980 dragStartY = 5981 event.clientY; 5982 5983 5984 dragStartScrollLeft = 5985 viewport.scrollLeft; 5986 5987 5988 viewport.classList.add( 5989 'is-dragging' 5990 ); 5991 5992 5993 viewport.setPointerCapture( 5994 event.pointerId 5995 ); 5996 5997 } 5998 ); 5999 6000 6001 viewport.addEventListener( 6002 'pointermove', 6003 (event) => { 6004 6005 if (!isDragging) { 6006 return; 6007 } 6008 6009 6010 const distanceX = 6011 event.clientX - 6012 dragStartX; 6013 6014 6015 const distanceY = 6016 event.clientY - 6017 dragStartY; 6018 6019 6020 if ( 6021 Math.abs(distanceX) > 6022 dragThreshold || 6023 Math.abs(distanceY) > 6024 dragThreshold 6025 ) { 6026 6027 didDrag = true; 6028 6029 } 6030 6031 6032 viewport.scrollLeft = 6033 dragStartScrollLeft - 6034 distanceX; 6035 6036 } 6037 ); 6038 6039 6040 const stopDragging = (event) => { 6041 6042 if (!isDragging) { 6043 return; 6044 } 6045 6046 6047 isDragging = false; 6048 6049 6050 viewport.classList.remove( 6051 'is-dragging' 6052 ); 6053 6054 6055 if ( 6056 event.pointerId !== undefined && 6057 viewport.hasPointerCapture( 6058 event.pointerId 6059 ) 6060 ) { 6061 6062 viewport.releasePointerCapture( 6063 event.pointerId 6064 ); 6065 6066 } 6067 6068 6069 /* 6070 Keep didDrag = true momentarily 6071 so the click event triggered after 6072 pointerup can be prevented. 6073 */ 6074 6075 if (didDrag) { 6076 6077 window.setTimeout(() => { 6078 6079 didDrag = false;
6080 6081 }, 0); 6082 6083 } 6084 6085 }; 6086 6087 6088 viewport.addEventListener( 6089 'pointerup', 6090 stopDragging 6091 ); 6092 6093 6094 viewport.addEventListener( 6095 'pointercancel', 6096 stopDragging 6097 ); 6098 6099 6100 viewport.addEventListener( 6101 'pointerleave', 6102 (event) => { 6103 6104 if ( 6105 isDragging && 6106 event.buttons === 0 6107 ) { 6108 6109 stopDragging(event); 6110 6111 } 6112 6113 } 6114 ); 6115 6116 6117 /* ========================= 6118 PREVENT LINK AFTER DRAG 6119 ========================= */ 6120 6121 links.forEach((link) => { 6122 6123 link.addEventListener( 6124 'click', 6125 (event) => { 6126 6127 if (didDrag) { 6128 6129 event.preventDefault(); 6130 6131 event.stopPropagation(); 6132 6133 } 6134 6135 } 6136 ); 6137 6138 }); 6139 6140 6141 /* 6142 Mobile browser scrolling generally 6143 handles swipe vs tap automatically. 6144 6145 This prevents accidental navigation 6146 if a browser generates click after 6147 significant touch movement. 6148 */ 6149 6150 let touchStartX = 0; 6151 let touchStartY = 0; 6152 let touchMoved = false; 6153 6154 6155 viewport.addEventListener( 6156 'touchstart', 6157 (event) => { 6158 6159 if ( 6160 !event.touches || 6161 event.touches.length === 0 6162 ) { 6163 return; 6164 } 6165 6166 6167 touchMoved = false; 6168 6169 6170 touchStartX = 6171 event.touches[0].clientX; 6172 6173 6174 touchStartY = 6175 event.touches[0].clientY; 6176 6177 }, 6178 { 6179 passive: true 6180 } 6181 ); 6182 6183 6184 viewport.addEventListener( 6185 'touchmove', 6186 (event) => { 6187 6188 if ( 6189 !event.touches || 6190 event.touches.length === 0 6191 ) { 6192 return; 6193 } 6194 6195 6196 const distanceX = 6197 Math.abs( 6198 event.touches[0].clientX - 6199 touchStartX 6200 ); 6201 6202 6203 const distanceY = 6204 Math.abs( 6205 event.touches[0].clientY - 6206 touchStartY 6207 ); 6208 6209 6210 if ( 6211 distanceX > dragThreshold || 6212 distanceY > dragThreshold 6213 ) { 6214 6215 touchMoved = true; 6216 6217 } 6218 6219 }, 6220 { 6221 passive: true 6222 } 6223 ); 6224 6225 6226 links.forEach((link) => { 6227 6228 link.addEventListener( 6229 'click', 6230 (event) => { 6231 6232 if (touchMoved) { 6233 6234 event.preventDefault(); 6235 6236 event.stopPropagation(); 6237 6238 6239 touchMoved = false; 6240 6241 } 6242 6243 } 6244 ); 6245 6246 }); 6247 6248 6249 /* ========================= 6250 SHOPIFY THEME EDITOR 6251 ========================= */ 6252 6253 document.addEventListener( 6254 'shopify:block:select', 6255 (event) => { 6256 6257 if ( 6258 !section.contains( 6259 event.target 6260 ) 6261 ) { 6262 return; 6263 } 6264 6265 6266 const selectedCard = 6267 event.target.closest( 6268 '[data-flavor-card]' 6269 ); 6270 6271 6272 if (!selectedCard) { 6273 return; 6274 } 6275 6276 6277 viewport.scrollTo({ 6278 6279 left: 6280 selectedCard.offsetLeft - 6281 viewport.offsetLeft, 6282 6283 behavior: 6284 'smooth' 6285 6286 }); 6287 6288 } 6289 ); 6290 6291 6292 /* ========================= 6293 RESIZE 6294 ========================= */ 6295 6296 if ( 6297 'ResizeObserver' in window 6298 ) { 6299 6300 const resizeObserver = 6301 new ResizeObserver(() => { 6302 6303 updateScrollbar(); 6304 6305 }); 6306 6307 6308 resizeObserver.observe( 6309 viewport 6310 ); 6311 6312 } else { 6313 6314 window.addEventListener( 6315 'resize', 6316 updateScrollbar 6317 ); 6318 6319 } 6320 6321 6322 updateScrollbar(); 6323 6324 })(); 6325 6326</script>
6326 6327 6328 6329</section><section id="shopify-section-template--27511920361785__real_results_reviews_Jt8VeW" class="shopify-section section-real-results-reviews"><section 6330 id="RealResults-template--27511920361785__real_results_reviews_Jt8VeW" 6331 class="real-results" 6332 style=" 6333 --rr-section-bg: #f0fbff; 6334 --rr-eyebrow-color: #3ab3e2; 6335 --rr-heading-color: #3f3f3f; 6336 --rr-subheading-color: #999999; 6337 --rr-card-bg: #ffffff; 6338 --rr-card-border: #ded9cf; 6339 --rr-review-color: #444444; 6340 --rr-meta-color: #999999; 6341 --rr-star-color: #3ab3e2; 6342 --rr-arrow-bg: #ffffff; 6343 --rr-arrow-color: #3f3f3f; 6344 6345 --rr-max-width: 1200px; 6346 --rr-card-radius: 8px; 6347 --rr-image-height: 310px; 6348 --rr-mobile-image-height: 300px; 6349 --rr-card-gap: 24px; 6350 --rr-padding-top: 55px; 6351 --rr-padding-bottom: 90px; 6352 --rr-visible-desktop: 3; 6353 --rr-visible-tablet: 2; 6354 " 6355> 6356 <div class="real-results__container"> 6357 <div class="real-results__header"> 6358 6359 6360 6361 <h2 class="real-results__heading"> 6362 Helping You Reach Your Milestones 6363 </h2> 6364 6365 6366 6367 <div class="real-results__subheading"> 6368 Real Community Members Celebrate Wins On and Off the Scale 6369 </div> 6370 6371 </div> 6372 6373 6374 <div class="real-results__slider"> 6375 6376 <button 6377 type="button" 6378 class="real-results__arrow real-results__arrow--prev" 6379 data-real-results-prev 6380 aria-label="Previous review" 6381 > 6382 <svg viewBox="0 0 24 24" width="20" height="20" fill="none" aria-hidden="true"> 6383 <path d="M15 5l-7 7 7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6384 </svg> 6385 </button> 6386 6387 6388 <div class="real-results__viewport" data-real-results-viewport> 6389 <div class="real-results__grid"> 6390 6391 <article 6392 class="real-results__card" 6393 style=" 6394 --rr-card-accent: #1767be; 6395 --rr-placeholder-bg: #dff1ff; 6396 " 6397 6398 > 6399 <div class="real-results__media"> 6400 6401 <img src="//transformhq.com/cdn/shop/files/Milestone_2.png?v=1786738938&width=1200" srcset="//transformhq.com/cdn/shop/files/Milestone_2.png?v=1786738938&width=400 400w, //transformhq.com/cdn/shop/files/Milestone_2.png?v=1786738938&width=600 600w, //transformhq.com/cdn/shop/files/Milestone_2.png?v=1786738938&width=800 800w, //transformhq.com/cdn/shop/files/Milestone_2.png?v=1786738938&width=1000 1000w, //transformhq.com/cdn/shop/files/Milestone_2.png?v=1786738938&width=1200 1200w" width="1200" height="1196" loading="lazy" class="real-results__image" sizes="(max-width: 749px) 84vw, 33vw"> 6402 6403 </div> 6404 6405 <div class="real-results__content"> 6406 6407 <div 6408 class="real-results__stars" 6409 aria-label="5 out of 5 stars" 6410 > 6411 6412 <span 6413 class="real-results__star" 6414 aria-hidden="true" 6415 > 6416 â 6417 </span> 6418 6419 <span 6420 class="real-results__star" 6421 aria-hidden="true" 6422 > 6423 â 6424 </span> 6425 6426 <span 6427 class="real-results__star" 6428 aria-hidden="true" 6429 > 6430 â 6431 </span> 6432 6433 <span 6434 class="real-results__star" 6435 aria-hidden="true" 6436 > 6437 â 6438 </span> 6439
6440 <span 6441 class="real-results__star" 6442 aria-hidden="true" 6443 > 6444 â 6445 </span> 6446 6447 </div> 6448 6449 6450 6451 <div class="real-results__review rte"> 6452 <p>âNot only am I getting a quick and easy nutritious lunch with MRS, but I also started drinking water and working out.â</p> 6453 </div> 6454 6455 6456 6457 <div class="real-results__customer"> 6458 6459 <span class="real-results__name"> 6460 Kathryn T. 6461 </span> 6462 6463 6464 6465 </div> 6466 6467 </div> 6468 </article> 6469 6470 <article 6471 class="real-results__card" 6472 style=" 6473 --rr-card-accent: #1767be; 6474 --rr-placeholder-bg: #ffe8d1; 6475 " 6476 6477 > 6478 <div class="real-results__media"> 6479 6480 <img src="//transformhq.com/cdn/shop/files/Milestone_6.png?v=1786738938&width=1200" srcset="//transformhq.com/cdn/shop/files/Milestone_6.png?v=1786738938&width=400 400w, //transformhq.com/cdn/shop/files/Milestone_6.png?v=1786738938&width=600 600w, //transformhq.com/cdn/shop/files/Milestone_6.png?v=1786738938&width=800 800w, //transformhq.com/cdn/shop/files/Milestone_6.png?v=1786738938&width=1000 1000w, //transformhq.com/cdn/shop/files/Milestone_6.png?v=1786738938&width=1200 1200w" width="1200" height="1196" loading="lazy" class="real-results__image" sizes="(max-width: 749px) 84vw, 33vw"> 6481 6482 </div> 6483 6484 <div class="real-results__content"> 6485 6486 <div 6487 class="real-results__stars" 6488 aria-label="5 out of 5 stars" 6489 > 6490 6491 <span 6492 class="real-results__star" 6493 aria-hidden="true" 6494 > 6495 â 6496 </span> 6497 6498 <span 6499 class="real-results__star" 6500 aria-hidden="true" 6501 > 6502 â 6503 </span> 6504 6505 <span 6506 class="real-results__star" 6507 aria-hidden="true" 6508 > 6509 â 6510 </span> 6511 6512 <span 6513 class="real-results__star" 6514 aria-hidden="true" 6515 > 6516 â 6517 </span> 6518 6519 <span 6520 class="real-results__star" 6521 aria-hidden="true" 6522 > 6523 â 6524 </span> 6525 6526 </div> 6527 6528 6529 6530 <div class="real-results__review rte"> 6531 <p>âThe products helped me feel that I could make positive changes and get healthier; they gave me new life and energy.â</p> 6532 </div> 6533 6534 6535 6536 <div class="real-results__customer"> 6537 6538 <span class="real-results__name"> 6539 Wendy M. 6540 </span> 6541 6542 6543 6544 </div> 6545 6546 </div> 6547 </article> 6548 6549 <article 6550 class="real-results__card" 6551 style=" 6552 --rr-card-accent: #1767be; 6553 --rr-placeholder-bg: #dff1ff; 6554 " 6555 6556 > 6557 <div class="real-results__media"> 6558 6559 <img src="//transformhq.com/cdn/shop/files/Crissa_Roberts_25x_69aa5719-a0f1-49bc-976e-22fc01e4cf50.jpg?v=1788215456&width=1200" srcset="//transformhq.com/cdn/shop/files/Crissa_Roberts_25x_69aa5719-a0f1-49bc-976e-22fc01e4cf50.jpg?v=1788215456&width=400 400w, //transformhq.com/cdn/shop/files/Crissa_Roberts_25x_69aa5719-a0f1-49bc-976e-22fc01e4cf50.jpg?v=1788215456&width=600 600w, //transformhq.com/cdn/shop/files/Crissa_Roberts_25x_69aa5719-a0f1-49bc-976e-22fc01e4cf50.jpg?v=1788215456&width=800 800w, //transformhq.com/cdn/shop/files/Crissa_Roberts_25x_69aa5719-a0f1-49bc-976e-22fc01e4cf50.jpg?v=1788215456&width=1000 1000w, //transformhq.com/cdn/shop/files/Crissa_Roberts_25x_69aa5719-a0f1-49bc-976e-22fc01e4cf50.jpg?v=1788215456&width=1200 1200w" width="1200" height="1600" loading="lazy" class="real-results__image" sizes="(max-width: 749px) 84vw, 33vw"> 6560 6561 </div> 6562 6563 <div class="real-results__content"> 6564 6565 <div 6566 class="real-results__stars" 6567 aria-label="5 out of 5 stars" 6568 > 6569
6570 <span 6571 class="real-results__star" 6572 aria-hidden="true" 6573 > 6574 â 6575 </span> 6576 6577 <span 6578 class="real-results__star" 6579 aria-hidden="true" 6580 > 6581 â 6582 </span> 6583 6584 <span 6585 class="real-results__star" 6586 aria-hidden="true" 6587 > 6588 â 6589 </span> 6590 6591 <span 6592 class="real-results__star" 6593 aria-hidden="true" 6594 > 6595 â 6596 </span> 6597 6598 <span 6599 class="real-results__star" 6600 aria-hidden="true" 6601 > 6602 â 6603 </span> 6604 6605 </div> 6606 6607 6608 6609 <div class="real-results__review rte"> 6610 <p>âI love transform. I am blessed to learn from Chris and Heidi and am obsessed with their positivity. This company is amazing with amazing products and I am so happy I gave it a shot. It has been a part of my journey for many years.â</p> 6611 </div> 6612 6613 6614 6615 <div class="real-results__customer"> 6616 6617 <span class="real-results__name"> 6618 Crissa R. 6619 </span> 6620 6621 6622 6623 </div> 6624 6625 </div> 6626 </article> 6627 6628 <article 6629 class="real-results__card" 6630 style=" 6631 --rr-card-accent: #1767be; 6632 --rr-placeholder-bg: #dff1ff; 6633 " 6634 6635 > 6636 <div class="real-results__media"> 6637 6638 <img src="//transformhq.com/cdn/shop/files/Renee_Wright.png?v=1788215455&width=1200" srcset="//transformhq.com/cdn/shop/files/Renee_Wright.png?v=1788215455&width=400 400w, //transformhq.com/cdn/shop/files/Renee_Wright.png?v=1788215455&width=600 600w, //transformhq.com/cdn/shop/files/Renee_Wright.png?v=1788215455&width=800 800w, //transformhq.com/cdn/shop/files/Renee_Wright.png?v=1788215455&width=1000 1000w, //transformhq.com/cdn/shop/files/Renee_Wright.png?v=1788215455&width=1200 1200w" width="1200" height="2132" loading="lazy" class="real-results__image" sizes="(max-width: 749px) 84vw, 33vw"> 6639 6640 </div> 6641 6642 <div class="real-results__content"> 6643 6644 <div 6645 class="real-results__stars" 6646 aria-label="5 out of 5 stars" 6647 > 6648 6649 <span 6650 class="real-results__star" 6651 aria-hidden="true" 6652 > 6653 â 6654 </span> 6655 6656 <span 6657 class="real-results__star" 6658 aria-hidden="true" 6659 > 6660 â 6661 </span> 6662 6663 <span 6664 class="real-results__star" 6665 aria-hidden="true" 6666 > 6667 â 6668 </span> 6669 6670 <span 6671 class="real-results__star" 6672 aria-hidden="true" 6673 > 6674 â 6675 </span> 6676
6677 <span 6678 class="real-results__star" 6679 aria-hidden="true" 6680 > 6681 â 6682 </span> 6683 6684 </div> 6685 6686 6687 6688 <div class="real-results__review rte"> 6689 <p>âWalking in a park, I never thought Iâd be able to. Living and not just surviving, feeling more comfortable in my skin, so much moreâ</p> 6690 </div> 6691 6692 6693 6694 <div class="real-results__customer"> 6695 6696 <span class="real-results__name"> 6697 Renee W. 6698 </span> 6699 6700 6701 6702 </div> 6703 6704 </div> 6705 </article> 6706 6707 <article 6708 class="real-results__card" 6709 style=" 6710 --rr-card-accent: #ee4e91; 6711 --rr-placeholder-bg: #fde5ec; 6712 " 6713 6714 > 6715 <div class="real-results__media"> 6716 6717 <img src="//transformhq.com/cdn/shop/files/Milestone_5.png?v=1786738938&width=1200" srcset="//transformhq.com/cdn/shop/files/Milestone_5.png?v=1786738938&width=400 400w, //transformhq.com/cdn/shop/files/Milestone_5.png?v=1786738938&width=600 600w, //transformhq.com/cdn/shop/files/Milestone_5.png?v=1786738938&width=800 800w, //transformhq.com/cdn/shop/files/Milestone_5.png?v=1786738938&width=1000 1000w, //transformhq.com/cdn/shop/files/Milestone_5.png?v=1786738938&width=1200 1200w" width="1200" height="1196" loading="lazy" class="real-results__image" sizes="(max-width: 749px) 84vw, 33vw"> 6718 6719 </div> 6720 6721 <div class="real-results__content"> 6722 6723 <div 6724 class="real-results__stars" 6725 aria-label="5 out of 5 stars" 6726 > 6727 6728 <span 6729 class="real-results__star" 6730 aria-hidden="true" 6731 > 6732 â 6733 </span> 6734 6735 <span 6736 class="real-results__star" 6737 aria-hidden="true" 6738 > 6739 â 6740 </span> 6741 6742 <span 6743 class="real-results__star" 6744 aria-hidden="true" 6745 > 6746 â 6747 </span> 6748 6749 <span 6750 class="real-results__star" 6751 aria-hidden="true" 6752 > 6753 â 6754 </span> 6755 6756 <span 6757 class="real-results__star" 6758 aria-hidden="true" 6759 > 6760 â 6761 </span> 6762 6763 </div> 6764 6765 6766 6767 <div class="real-results__review rte"> 6768 <p>"I love all the products"</p> 6769 </div> 6770 6771 6772 6773 <div class="real-results__customer"> 6774 6775 <span class="real-results__name"> 6776 Debby F. 6777 </span> 6778 6779 6780 6781 </div> 6782 6783 </div> 6784 </article> 6785 6786 <article 6787 class="real-results__card" 6788 style=" 6789 --rr-card-accent: #1767be; 6790 --rr-placeholder-bg: #dff1ff; 6791 " 6792 6793 > 6794 <div class="real-results__media"> 6795 6796 <img src="//transformhq.com/cdn/shop/files/SaraColasanto-50X.jpg?v=1788215455&width=1200" srcset="//transformhq.com/cdn/shop/files/SaraColasanto-50X.jpg?v=1788215455&width=400 400w, //transformhq.com/cdn/shop/files/SaraColasanto-50X.jpg?v=1788215455&width=600 600w, //transformhq.com/cdn/shop/files/SaraColasanto-50X.jpg?v=1788215455&width=800 800w, //transformhq.com/cdn/shop/files/SaraColasanto-50X.jpg?v=1788215455&width=1000 1000w, //transformhq.com/cdn/shop/files/SaraColasanto-50X.jpg?v=1788215455&width=1200 1200w" width="1200" height="1600" loading="lazy" class="real-results__image" sizes="(max-width: 749px) 84vw, 33vw"> 6797 6798 </div> 6799 6800 <div class="real-results__content"> 6801 6802 <div 6803 class="real-results__stars" 6804 aria-label="5 out of 5 stars" 6805 > 6806
6807 <span 6808 class="real-results__star" 6809 aria-hidden="true" 6810 > 6811 â 6812 </span> 6813 6814 <span 6815 class="real-results__star" 6816 aria-hidden="true" 6817 > 6818 â 6819 </span> 6820 6821 <span 6822 class="real-results__star" 6823 aria-hidden="true" 6824 > 6825 â 6826 </span> 6827 6828 <span 6829 class="real-results__star" 6830 aria-hidden="true" 6831 > 6832 â 6833 </span> 6834 6835 <span 6836 class="real-results__star" 6837 aria-hidden="true" 6838 > 6839 â 6840 </span> 6841 6842 </div> 6843 6844 6845 6846 <div class="real-results__review rte"> 6847 <p>Iâve been a loyal Transform customer and subscriber since 2019!! This company really cares and still gives me the personal customer care that I appreciate.â </p> 6848 </div> 6849 6850 6851 6852 <div class="real-results__customer"> 6853 6854 <span class="real-results__name"> 6855 Sara C. 6856 </span> 6857 6858 6859 6860 </div> 6861 6862 </div> 6863 </article> 6864 6865 </div> 6866 </div> 6867 6868 6869 <button 6870 type="button" 6871 class="real-results__arrow real-results__arrow--next" 6872 data-real-results-next 6873 aria-label="Next review" 6874 > 6875 <svg viewBox="0 0 24 24" width="20" height="20" fill="none" aria-hidden="true"> 6876 <path d="M9 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6877 </svg> 6878 </button> 6879 6880 </div> 6881 6882 6883 <div class="real-results__dots" data-real-results-dots> 6884 6885 <button 6886 type="button" 6887 class="real-results__dot is-active" 6888 data-real-results-dot="0" 6889 aria-label="Go to review 1" 6890 aria-current="true" 6891 ></button> 6892 6893 <button 6894 type="button" 6895 class="real-results__dot" 6896 data-real-results-dot="1" 6897 aria-label="Go to review 2" 6898 aria-current="false" 6899 ></button> 6900 6901 <button 6902 type="button" 6903 class="real-results__dot" 6904 data-real-results-dot="2" 6905 aria-label="Go to review 3" 6906 aria-current="false" 6907 ></button> 6908 6909 <button 6910 type="button" 6911 class="real-results__dot" 6912 data-real-results-dot="3" 6913 aria-label="Go to review 4" 6914 aria-current="false" 6915 ></button> 6916 6917 <button 6918 type="button" 6919 class="real-results__dot" 6920 data-real-results-dot="4" 6921 aria-label="Go to review 5" 6922 aria-current="false" 6923 ></button> 6924 6925 <button 6926 type="button" 6927 class="real-results__dot" 6928 data-real-results-dot="5" 6929 aria-label="Go to review 6" 6930 aria-current="false" 6931 ></button> 6932 6933 </div> 6934 6935 6936 </div> 6937</section> 6938 6939<style> 6940 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW { 6941 width: 100%; 6942 padding-top: var(--rr-padding-top); 6943 padding-bottom: var(--rr-padding-bottom); 6944 background: var(--rr-section-bg); 6945 } 6946 6947 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW * { 6948 box-sizing: border-box; 6949 } 6950 6951 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__container { 6952 width: min( 6953 calc(100% - 48px), 6954 var(--rr-max-width) 6955 ); 6956 margin: 0 auto; 6957 } 6958 6959 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__header { 6960 max-width: 760px; 6961 margin: 0 auto 64px; 6962 text-align: center; 6963 } 6964 6965 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__eyebrow { 6966 margin-bottom: 22px; 6967 color: var(--rr-eyebrow-color); 6968 font-size: 12px; 6969 line-height: 1; 6970 font-weight: 700; 6971 letter-spacing: .22em; 6972 text-transform: uppercase; 6973 } 6974 6975 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__heading { 6976 margin: 0; 6977 color: var(--rr-heading-color); 6978 font-size: clamp(32px, 2.8vw, 48px); 6979 line-height: 1; 6980 font-weight: 600; 6981 letter-spacing: -.035em; 6982 } 6983 6984 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__subheading { 6985 margin-top: 22px; 6986 color: var(--rr-subheading-color); 6987 font-size: 17px; 6988 line-height: 1.5; 6989 } 6990 6991 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__slider { 6992 position: relative; 6993 display: flex; 6994 align-items: center; 6995 gap: 14px; 6996 } 6997 6998 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__viewport { 6999 flex: 1; 7000 min-width: 0; 7001 overflow-x: auto; 7002 overflow-y: hidden; 7003 scroll-snap-type: x mandatory; 7004 scroll-behavior: smooth; 7005 scrollbar-width: none; 7006 -webkit-overflow-scrolling: touch; 7007 } 7008 7009 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__viewport::-webkit-scrollbar {
7010 display: none; 7011 } 7012 7013 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__grid { 7014 display: flex; 7015 gap: var(--rr-card-gap); 7016 } 7017 7018 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__card { 7019 min-width: 0; 7020 flex: 0 0 calc( 7021 (100% - (var(--rr-visible-desktop) - 1) * var(--rr-card-gap)) / var(--rr-visible-desktop) 7022 ); 7023 overflow: hidden; 7024 border: 1px solid var(--rr-card-border); 7025 border-radius: var(--rr-card-radius); 7026 background: var(--rr-card-bg); 7027 scroll-snap-align: start; 7028 } 7029 7030 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__arrow { 7031 flex: 0 0 auto; 7032 width: 44px; 7033 height: 44px; 7034 display: flex; 7035 align-items: center; 7036 justify-content: center; 7037 padding: 0; 7038 border: 0; 7039 border-radius: 999px; 7040 color: var(--rr-arrow-color); 7041 background: var(--rr-arrow-bg); 7042 cursor: pointer; 7043 transition: 7044 opacity .2s ease, 7045 transform .2s ease; 7046 } 7047 7048 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__arrow:hover { 7049 transform: translateY(-1px); 7050 } 7051 7052 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__arrow[disabled] { 7053 opacity: .3; 7054 cursor: default; 7055 pointer-events: none; 7056 } 7057 7058 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__media { 7059 position: relative; 7060 width: 100%; 7061 height: var(--rr-image-height); 7062 overflow: hidden; 7063 background: var(--rr-placeholder-bg); 7064 } 7065 7066 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__image { 7067 display: block; 7068 width: 100%; 7069 height: 100%; 7070 object-fit: cover; 7071 } 7072 7073 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__placeholder { 7074 width: 100%; 7075 height: 100%; 7076 padding: 30px; 7077 display: flex; 7078 align-items: center; 7079 justify-content: center; 7080 color: var(--rr-card-accent); 7081 background: var(--rr-placeholder-bg); 7082 text-align: center; 7083 } 7084 7085 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__placeholder span { 7086 max-width: 260px; 7087 font-size: clamp(34px, 3vw, 50px); 7088 line-height: 1.08; 7089 font-weight: 700; 7090 } 7091 7092 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__content { 7093 min-height: 185px; 7094 padding: 28px 25px 27px; 7095 display: flex; 7096 flex-direction: column; 7097 } 7098 7099 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__stars { 7100 margin-bottom: 16px; 7101 display: flex; 7102 gap: 1px; 7103 color: var(--rr-star-color); 7104 font-size: 15px; 7105 line-height: 1; 7106 letter-spacing: .03em; 7107 } 7108 7109 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__star.is-empty { 7110 opacity: .25; 7111 } 7112 7113 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__review { 7114 color: var(--rr-review-color); 7115 font-size: 15px; 7116 line-height: 1.55; 7117 } 7118 7119 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__review p { 7120 margin: 0; 7121 } 7122 7123 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__customer { 7124 margin-top: auto; 7125 padding-top: 18px; 7126 display: flex; 7127 flex-wrap: wrap; 7128 align-items: center; 7129 gap: 7px; 7130 font-size: 14px; 7131 line-height: 1.3; 7132 } 7133 7134 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__name { 7135 color: var(--rr-card-accent); 7136 font-weight: 700; 7137 } 7138 7139 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__age { 7140 color: var(--rr-meta-color); 7141 } 7142 7143 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__dots { 7144 margin-top: 28px; 7145 display: flex; 7146 align-items: center; 7147 justify-content: center; 7148 gap: 8px; 7149 } 7150 7151 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__dot { 7152 width: 8px; 7153 height: 8px; 7154 padding: 0; 7155 border: 0; 7156 border-radius: 999px; 7157 background: var(--rr-heading-color); 7158 opacity: .25; 7159 cursor: pointer; 7160 transition: 7161 width .25s ease, 7162 opacity .25s ease; 7163 } 7164 7165 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__dot.is-active { 7166 width: 24px; 7167 opacity: .75; 7168 } 7169 7170 @media screen and (max-width: 989px) { 7171 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__card { 7172 flex: 0 0 calc( 7173 (100% - (var(--rr-visible-tablet) - 1) * var(--rr-card-gap)) / var(--rr-visible-tablet) 7174 ); 7175 } 7176 7177 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__header { 7178 margin-bottom: 50px; 7179 } 7180 } 7181 7182 @media screen and (max-width: 749px) { 7183 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW { 7184 padding-top: calc(var(--rr-padding-top) * .65); 7185 padding-bottom: calc(var(--rr-padding-bottom) * .65); 7186 } 7187 7188 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__container { 7189 width: 100%; 7190 } 7191 7192 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__header { 7193 width: calc(100% - 40px); 7194 margin: 0 auto 36px; 7195 } 7196 7197 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__eyebrow { 7198 margin-bottom: 16px; 7199 font-size: 11px; 7200 } 7201 7202 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__heading { 7203 font-size: clamp(36px, 10vw, 48px); 7204 } 7205 7206 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__subheading { 7207 margin-top: 16px; 7208 font-size: 15px; 7209 } 7210 7211 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__slider { 7212 gap: 0; 7213 } 7214 7215 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__arrow { 7216 display: none; 7217 } 7218 7219 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__viewport { 7220 padding: 0 0 10px 20px; 7221 scroll-padding-left: 20px; 7222 } 7223 7224 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__grid::after { 7225 content: ""; 7226 flex: 0 0 20px; 7227 } 7228 7229 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__card { 7230 width: min(84vw, 360px); 7231 flex: 0 0 min(84vw, 360px); 7232 } 7233 7234 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__media { 7235 height: var(--rr-mobile-image-height); 7236 } 7237 7238 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__placeholder span { 7239 font-size: clamp(34px, 10vw, 46px); 7240 } 7241 7242 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__content { 7243 min-height: 205px; 7244 padding: 24px 22px 25px; 7245 } 7246 7247 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__review { 7248 font-size: 14px; 7249 } 7250 } 7251 7252 @media (prefers-reduced-motion: reduce) { 7253 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__dot { 7254 transition: none; 7255 } 7256 7257 #RealResults-template--27511920361785__real_results_reviews_Jt8VeW .real-results__viewport { 7258 scroll-behavior: auto; 7259 } 7260 } 7261</style> 7262
7263<script> 7264 (() => { 7265 const section = document.getElementById( 7266 'RealResults-template--27511920361785__real_results_reviews_Jt8VeW' 7267 ); 7268 7269 if (!section || section.dataset.initialized === 'true') { 7270 return; 7271 } 7272 7273 const viewport = section.querySelector( 7274 '[data-real-results-viewport]' 7275 ); 7276 7277 const cards = Array.from( 7278 section.querySelectorAll('.real-results__card') 7279 ); 7280 7281 const dots = Array.from( 7282 section.querySelectorAll('[data-real-results-dot]') 7283 ); 7284 7285 const prevButton = section.querySelector( 7286 '[data-real-results-prev]' 7287 ); 7288 7289 const nextButton = section.querySelector( 7290 '[data-real-results-next]' 7291 ); 7292 7293 if (!viewport || cards.length === 0) { 7294 return; 7295 } 7296 7297 section.dataset.initialized = 'true'; 7298 7299 const getGap = () => { 7300 const cardStyle = window.getComputedStyle( 7301 cards[0] 7302 ); 7303 return parseFloat(cardStyle.marginRight) || 0; 7304 }; 7305 7306 const setActiveDot = (index) => { 7307 dots.forEach((dot, dotIndex) => { 7308 const isActive = dotIndex === index; 7309 7310 dot.classList.toggle('is-active', isActive); 7311 7312 dot.setAttribute( 7313 'aria-current', 7314 isActive ? 'true' : 'false' 7315 ); 7316 }); 7317 }; 7318 7319 const updateArrows = () => { 7320 if (!prevButton && !nextButton) { 7321 return; 7322 } 7323 7324 const maxScroll = viewport.scrollWidth - viewport.clientWidth - 1; 7325 7326 if (prevButton) { 7327 prevButton.disabled = viewport.scrollLeft <= 0; 7328 } 7329 7330 if (nextButton) { 7331 nextButton.disabled = viewport.scrollLeft >= maxScroll; 7332 } 7333 }; 7334 7335 const getClosestIndex = () => { 7336 const viewportLeft = viewport.scrollLeft; 7337 let closestIndex = 0; 7338 let closestDistance = Infinity; 7339 7340 cards.forEach((card, index) => { 7341 const distance = Math.abs( 7342 card.offsetLeft - viewportLeft 7343 ); 7344 7345 if (distance < closestDistance) { 7346 closestDistance = distance; 7347 closestIndex = index; 7348 } 7349 }); 7350 7351 return closestIndex; 7352 }; 7353 7354 const scrollToCard = (index) => { 7355 const normalizedIndex = Math.max( 7356 0, 7357 Math.min(index, cards.length - 1) 7358 ); 7359 7360 const card = cards[normalizedIndex]; 7361 7362 if (!card) { 7363 return; 7364 } 7365 7366 viewport.scrollTo({ 7367 left: card.offsetLeft, 7368 behavior: 'smooth' 7369 }); 7370 }; 7371 7372 dots.forEach((dot) => { 7373 dot.addEventListener('click', () => { 7374 const index = Number( 7375 dot.dataset.realResultsDot 7376 ); 7377 7378 scrollToCard(index); 7379 }); 7380 }); 7381 7382 if (prevButton) { 7383 prevButton.addEventListener('click', () => { 7384 scrollToCard(getClosestIndex() - 1); 7385 }); 7386 } 7387 7388 if (nextButton) { 7389 nextButton.addEventListener('click', () => { 7390 scrollToCard(getClosestIndex() + 1); 7391 }); 7392 } 7393 7394 let ticking = false; 7395 7396 viewport.addEventListener( 7397 'scroll', 7398 () => { 7399 if (ticking) { 7400 return; 7401 } 7402 7403 ticking = true; 7404 7405 window.requestAnimationFrame(() => {
7406 setActiveDot(getClosestIndex()); 7407 updateArrows(); 7408 ticking = false; 7409 }); 7410 }, 7411 { passive: true } 7412 ); 7413 7414 window.addEventListener( 7415 'resize', 7416 () => { 7417 updateArrows(); 7418 } 7419 ); 7420 7421 document.addEventListener( 7422 'shopify:block:select', 7423 (event) => { 7424 if (!section.contains(event.target)) { 7425 return; 7426 } 7427 7428 const selectedCard = event.target.closest( 7429 '.real-results__card' 7430 ); 7431 7432 if (!selectedCard) { 7433 return; 7434 } 7435 7436 const selectedIndex = cards.indexOf( 7437 selectedCard 7438 ); 7439 7440 if (selectedIndex >= 0) { 7441 scrollToCard(selectedIndex); 7442 setActiveDot(selectedIndex); 7443 } 7444 } 7445 ); 7446 7447 setActiveDot(0); 7448 updateArrows(); 7449 })(); 7450</script>
7450 7451 7452</section><section id="shopify-section-template--27511920361785__shop_by_category_QhkBVM" class="shopify-section section-shop-by-category"> 7453 7454<section 7455 id="ShopByCategory-template--27511920361785__shop_by_category_QhkBVM" 7456 class="shop-category" 7457 data-shop-category 7458 style=" 7459 --sc-section-bg: #ffffff; 7460 --sc-eyebrow-color: #3ab3e2; 7461 --sc-heading-color: #3f3f3f; 7462 7463 --sc-card-bg: #ffffff; 7464 --sc-card-border: #ded9cf; 7465 --sc-card-title: #444444; 7466 7467 --sc-button-bg: #3ab3e2; 7468 --sc-button-color: #ffffff; 7469 --sc-button-border: #3ab3e2; 7470 7471 --sc-max-width: 1200px; 7472 --sc-columns: 4; 7473 --sc-card-gap: 22px; 7474 --sc-image-height: 310px; 7475 --sc-mobile-image-height: 300px; 7476 --sc-mobile-card-width: 310px; 7477 --sc-card-radius: 8px; 7478 7479 --sc-padding-top: 60px; 7480 --sc-padding-bottom: 35px; 7481 " 7482> 7483 <div class="shop-category__container"> 7484 <div class="shop-category__header"> 7485 7486 <div class="shop-category__eyebrow"> 7487 SHOP ALL SUPPLEMENTS 7488 </div> 7489 7490 7491 7492 <h2 class="shop-category__heading"> 7493 Your One-Stop Shop for Results 7494 </h2> 7495 7496 7497 7498 </div> 7499 7500 7501 <div 7502 class="shop-category__viewport" 7503 data-shop-category-viewport 7504 > 7505 <div class="shop-category__grid"> 7506 7507 7508 7509 <article 7510 class="shop-category__card" 7511 data-shop-category-card 7512 style=" 7513 --sc-placeholder-bg: #fff0c9; 7514 --sc-placeholder-color: #aa7812; 7515 --sc-image-position: center center; 7516 " 7517 7518 > 7519 7520 <a 7521 class="shop-category__link" 7522 href="https://transformhq.com/products/low-carb-meal-replacement-shake" 7523 aria-label="Meal Replacement Shake" 7524 > 7525 7526 7527 <div class="shop-category__media"> 7528 7529 <img src="//transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM.png?v=1788458602&width=1200" alt="Meal Replacement Shake" srcset="//transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM.png?v=1788458602&width=350 350w, //transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM.png?v=1788458602&width=500 500w, //transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM.png?v=1788458602&width=700 700w, //transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM.png?v=1788458602&width=900 900w, //transformhq.com/cdn/shop/files/Screenshot_2026-09-03_at_11.50.17_AM.png?v=1788458602&width=1200 1200w" width="1200" height="1200" loading="lazy" class="shop-category__image" sizes="(max-width: 749px) 78vw, (max-width: 989px) 50vw, 25vw"> 7530 7531 </div> 7532 7533 <div class="shop-category__content"> 7534 7535 <h3 class="shop-category__title"> 7536 Meal Replacement Shake 7537 </h3> 7538 7539 </div> 7540 7541 7542 </a> 7543 7544 </article> 7545 7546 7547 7548 <article 7549 class="shop-category__card" 7550 data-shop-category-card 7551 style=" 7552 --sc-placeholder-bg: #ffe6d1; 7553 --sc-placeholder-color: #ff7b36; 7554 --sc-image-position: center center; 7555 " 7556 7557 > 7558 7559 <a 7560 class="shop-category__link" 7561 href="https://transformhq.com/products/boost-shot-energy-drink-mix" 7562 aria-label="Boost Shot" 7563 > 7564 7565 7566 <div class="shop-category__media"> 7567 7568 <img src="//transformhq.com/cdn/shop/files/307A3482.jpg?v=1788458623&width=1200" alt="Boost Shot" srcset="//transformhq.com/cdn/shop/files/307A3482.jpg?v=1788458623&width=350 350w, //transformhq.com/cdn/shop/files/307A3482.jpg?v=1788458623&width=500 500w, //transformhq.com/cdn/shop/files/307A3482.jpg?v=1788458623&width=700 700w, //transformhq.com/cdn/shop/files/307A3482.jpg?v=1788458623&width=900 900w, //transformhq.com/cdn/shop/files/307A3482.jpg?v=1788458623&width=1200 1200w" width="1200" height="1200" loading="lazy" class="shop-category__image" sizes="(max-width: 749px) 78vw, (max-width: 989px) 50vw, 25vw"> 7569 7570 </div> 7571 7572 <div class="shop-category__content"> 7573 7574 <h3 class="shop-category__title"> 7575 Boost Shot 7576 </h3> 7577 7578 </div> 7579 7580 7581 </a> 7582 7583 </article> 7584 7585 7586 7587 <article 7588 class="shop-category__card" 7589 data-shop-category-card 7590 style=" 7591 --sc-placeholder-bg: #f2e5d8; 7592 --sc-placeholder-color: #76604d; 7593 --sc-image-position: center center; 7594 " 7595 7596 > 7597 7598 <a 7599 class="shop-category__link" 7600 href="https://transformhq.com/products/hydration-drink-mix" 7601 aria-label="Hydration" 7602 > 7603 7604 7605 <div class="shop-category__media"> 7606 7607 <img src="//transformhq.com/cdn/shop/files/307A2585.jpg?v=1788458649&width=1200" alt="Hydration" srcset="//transformhq.com/cdn/shop/files/307A2585.jpg?v=1788458649&width=350 350w, //transformhq.com/cdn/shop/files/307A2585.jpg?v=1788458649&width=500 500w, //transformhq.com/cdn/shop/files/307A2585.jpg?v=1788458649&width=700 700w, //transformhq.com/cdn/shop/files/307A2585.jpg?v=1788458649&width=900 900w, //transformhq.com/cdn/shop/files/307A2585.jpg?v=1788458649&width=1200 1200w" width="1200" height="1200" loading="lazy" class="shop-category__image" sizes="(max-width: 749px) 78vw, (max-width: 989px) 50vw, 25vw"> 7608 7609 </div> 7610 7611 <div class="shop-category__content"> 7612 7613 <h3 class="shop-category__title"> 7614 Hydration 7615 </h3> 7616 7617 </div> 7618 7619 7620 </a> 7621 7622 </article> 7623 7624 7625 7626 <article 7627 class="shop-category__card" 7628 data-shop-category-card 7629 style=" 7630 --sc-placeholder-bg: #cfe9fb; 7631 --sc-placeholder-color: #1767be; 7632 --sc-image-position: center center; 7633 " 7634 7635 > 7636 7637 <a 7638 class="shop-category__link" 7639 href="https://transformhq.com/products/clear-protein" 7640 aria-label="Clear Protein" 7641 > 7642 7643 7644 <div class="shop-category__media"> 7645 7646 <img src="//transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667.jpg?v=1788458671&width=1200" alt="Clear Protein" srcset="//transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667.jpg?v=1788458671&width=350 350w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667.jpg?v=1788458671&width=500 500w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667.jpg?v=1788458671&width=700 700w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667.jpg?v=1788458671&width=900 900w, //transformhq.com/cdn/shop/files/Clear_Protein_1serv-3667.jpg?v=1788458671&width=1200 1200w" width="1200" height="1200" loading="lazy" class="shop-category__image" sizes="(max-width: 749px) 78vw, (max-width: 989px) 50vw, 25vw"> 7647 7648 </div> 7649 7650 <div class="shop-category__content"> 7651 7652 <h3 class="shop-category__title"> 7653 Clear Protein 7654 </h3> 7655 7656 </div> 7657 7658 7659 </a> 7660 7661 </article> 7662 7663 </div> 7664 </div> 7665 7666 7667 <div 7668 class="shop-category__scrollbar" 7669 data-shop-category-scrollbar 7670 aria-hidden="true" 7671 > 7672 <div 7673 class="shop-category__scrollbar-thumb" 7674 data-shop-category-scrollbar-thumb 7675 ></div> 7676 </div> 7677 7678 7679 7680 7681 <div class="shop-category__button-wrapper"> 7682 <a 7683 class="shop-category__button" 7684 7685 href="https://transformhq.com/collections/shop-all" 7686 7687 > 7688 Shop All 7689 </a> 7690 </div> 7691 7692 </div> 7693</section> 7694 7695<style> 7696 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM { 7697 width: 100%; 7698 padding-top: var(--sc-padding-top); 7699 padding-bottom: var(--sc-padding-bottom); 7700 overflow: hidden; 7701 background: var(--sc-section-bg); 7702 } 7703 7704 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM * { 7705 box-sizing: border-box; 7706 } 7707 7708 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__container { 7709 width: min( 7710 calc(100% - 48px), 7711 var(--sc-max-width) 7712 ); 7713 margin: 0 auto; 7714 } 7715 7716 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__header { 7717 max-width: 760px; 7718 margin: 0 auto 68px; 7719 text-align: center; 7720 } 7721 7722 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__eyebrow { 7723 margin-bottom: 22px; 7724 color: var(--sc-eyebrow-color); 7725 font-size: 12px; 7726 line-height: 1; 7727 font-weight: 700; 7728 letter-spacing: .22em; 7729 text-transform: uppercase; 7730 } 7731 7732 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__heading { 7733 margin: 0; 7734 color: var(--sc-heading-color); 7735 font-size: clamp(32px, 2.8vw, 48px); 7736 line-height: .98; 7737 font-weight: 600; 7738 letter-spacing: -.035em; 7739 } 7740 7741 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__subheading { 7742 max-width: 620px; 7743 margin: 20px auto 0; 7744 color: var(--sc-heading-color); 7745 font-size: 16px; 7746 line-height: 1.55; 7747 opacity: .65; 7748 } 7749 7750 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__subheading p { 7751 margin: 0; 7752 } 7753 7754 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__viewport { 7755 width: 100%; 7756 } 7757 7758 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__grid { 7759 display: grid; 7760 grid-template-columns: repeat( 7761 var(--sc-columns), 7762 minmax(0, 1fr) 7763 ); 7764 gap: var(--sc-card-gap); 7765 } 7766 7767 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__card { 7768 min-width: 0; 7769 overflow: hidden; 7770 border: 1px solid var(--sc-card-border); 7771 border-radius: var(--sc-card-radius); 7772 background: var(--sc-card-bg); 7773 transition: 7774 transform .25s ease, 7775 box-shadow .25s ease; 7776 } 7777 7778 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__card:hover { 7779 transform: translateY(-4px); 7780 box-shadow: 0 12px 26px rgba(0, 0, 0, .08); 7781 } 7782 7783 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__link { 7784 display: block; 7785 height: 100%; 7786 color: inherit; 7787 text-decoration: none; 7788 } 7789 7790 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__media { 7791 position: relative; 7792 width: 100%; 7793 height: var(--sc-image-height); 7794 overflow: hidden; 7795 background: var(--sc-placeholder-bg); 7796 } 7797 7798 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__image { 7799 display: block; 7800 width: 100%; 7801 height: 100%; 7802 object-fit: cover; 7803 object-position: var(--sc-image-position); 7804 transition: transform .45s ease; 7805 } 7806 7807 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM 7808 .shop-category__card:hover 7809 .shop-category__image { 7810 transform: scale(1.025); 7811 } 7812 7813 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__placeholder { 7814 width: 100%; 7815 height: 100%; 7816 padding: 28px; 7817 display: flex; 7818 align-items: center; 7819 justify-content: center; 7820 color: var(--sc-placeholder-color); 7821 background: var(--sc-placeholder-bg); 7822 text-align: center; 7823 } 7824 7825 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__placeholder span { 7826 max-width: 230px; 7827 font-size: clamp(25px, 2.2vw, 38px); 7828 line-height: 1.05; 7829 font-weight: 700; 7830 letter-spacing: -.025em; 7831 } 7832 7833 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__placeholder-svg { 7834 display: block; 7835 width: 100%; 7836 height: 100%; 7837 } 7838 7839 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__content { 7840 min-height: 58px; 7841 padding: 17px 20px; 7842 display: flex; 7843 align-items: center; 7844 justify-content: center; 7845 background: var(--sc-card-bg); 7846 } 7847 7848 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__title { 7849 margin: 0; 7850 color: var(--sc-card-title); 7851 text-align: center; 7852 font-size: 15px; 7853 line-height: 1.25; 7854 font-weight: 700; 7855 } 7856 7857 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__scrollbar {
7858 display: none; 7859 } 7860 7861 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__button-wrapper { 7862 margin-top: 40px; 7863 display: flex; 7864 justify-content: center; 7865 } 7866 7867 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__button { 7868 min-width: 145px; 7869 min-height: 54px; 7870 padding: 15px 30px; 7871 border: 1px solid var(--sc-button-border); 7872 border-radius: 999px; 7873 display: inline-flex; 7874 align-items: center; 7875 justify-content: center; 7876 color: var(--sc-button-color); 7877 background: var(--sc-button-bg); 7878 font-size: 14px; 7879 line-height: 1; 7880 font-weight: 700; 7881 text-decoration: none; 7882 transition: 7883 transform .2s ease, 7884 box-shadow .2s ease, 7885 opacity .2s ease; 7886 } 7887 7888 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__button:hover { 7889 transform: translateY(-2px); 7890 box-shadow: 0 8px 22px rgba(0, 0, 0, .12); 7891 } 7892 7893 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM 7894 .shop-category__button[aria-disabled="true"] { 7895 cursor: default; 7896 } 7897 7898 @media screen and (max-width: 1100px) { 7899 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__grid { 7900 grid-template-columns: repeat(2, minmax(0, 1fr)); 7901 } 7902 } 7903 7904 @media screen and (max-width: 749px) { 7905 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM { 7906 padding-top: calc(var(--sc-padding-top) * .65); 7907 padding-bottom: calc(var(--sc-padding-bottom) * .65); 7908 } 7909 7910 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__container { 7911 width: 100%; 7912 } 7913 7914 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__header { 7915 width: calc(100% - 40px); 7916 margin: 0 auto 40px; 7917 } 7918 7919 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__eyebrow { 7920 margin-bottom: 17px; 7921 font-size: 10px; 7922 line-height: 1.35; 7923 } 7924 7925 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__heading { 7926 font-size: clamp(36px, 10vw, 48px); 7927 } 7928 7929 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__subheading { 7930 margin-top: 16px; 7931 font-size: 14px; 7932 } 7933 7934 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__viewport { 7935 overflow-x: auto; 7936 overflow-y: hidden; 7937 padding: 0 20px 8px; 7938 scroll-snap-type: x mandatory; 7939 scroll-padding-left: 20px; 7940 scrollbar-width: none; 7941 overscroll-behavior-inline: contain; 7942 -webkit-overflow-scrolling: touch; 7943 } 7944 7945 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM 7946 .shop-category__viewport::-webkit-scrollbar {
7947 display: none; 7948 } 7949 7950 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__grid { 7951 width: max-content; 7952 display: flex; 7953 gap: 14px; 7954 } 7955 7956 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__card { 7957 width: min( 7958 var(--sc-mobile-card-width), 7959 82vw 7960 ); 7961 flex: 0 0 min( 7962 var(--sc-mobile-card-width), 7963 82vw 7964 ); 7965 scroll-snap-align: start; 7966 } 7967 7968 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__card:hover { 7969 transform: none; 7970 box-shadow: none; 7971 } 7972 7973 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__media { 7974 height: var(--sc-mobile-image-height); 7975 } 7976 7977 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM 7978 .shop-category__placeholder span { 7979 font-size: clamp(28px, 8vw, 40px); 7980 } 7981 7982 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__content { 7983 min-height: 60px; 7984 padding: 17px 18px; 7985 } 7986 7987 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__title { 7988 font-size: 15px; 7989 } 7990 7991 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__scrollbar { 7992 position: relative; 7993 width: calc(100% - 40px); 7994 height: 4px; 7995 margin: 14px auto 0; 7996 overflow: hidden; 7997 border-radius: 999px; 7998 display: block; 7999 background: #e6e6e6; 8000 } 8001 8002 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM 8003 .shop-category__scrollbar-thumb { 8004 position: absolute; 8005 top: 0; 8006 left: 0; 8007 width: 25%; 8008 height: 100%; 8009 border-radius: inherit; 8010 background: #71b7f5; 8011 transform: translateX(0); 8012 will-change: width, transform; 8013 } 8014 8015 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM 8016 .shop-category__button-wrapper { 8017 width: calc(100% - 40px); 8018 margin: 30px auto 0; 8019 } 8020 8021 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__button { 8022 min-width: 140px; 8023 min-height: 52px; 8024 padding: 14px 27px; 8025 } 8026 } 8027 8028 @media (prefers-reduced-motion: reduce) { 8029 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__card, 8030 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__image, 8031 #ShopByCategory-template--27511920361785__shop_by_category_QhkBVM .shop-category__button { 8032 transition: none; 8033 } 8034 } 8035</style> 8036
8037<script> 8038 (() => { 8039 const section = document.getElementById( 8040 'ShopByCategory-template--27511920361785__shop_by_category_QhkBVM' 8041 ); 8042 8043 if (!section || section.dataset.initialized === 'true') { 8044 return; 8045 } 8046 8047 const viewport = section.querySelector( 8048 '[data-shop-category-viewport]' 8049 ); 8050 8051 const cards = Array.from( 8052 section.querySelectorAll('[data-shop-category-card]') 8053 ); 8054 8055 const scrollbarThumb = section.querySelector( 8056 '[data-shop-category-scrollbar-thumb]' 8057 ); 8058 8059 if (!viewport || !cards.length) { 8060 return; 8061 } 8062 8063 section.dataset.initialized = 'true'; 8064 8065 let ticking = false; 8066 8067 const updateScrollbar = () => { 8068 if ( 8069 !scrollbarThumb || 8070 window.innerWidth > 749 8071 ) { 8072 return; 8073 } 8074 8075 const visibleWidth = viewport.clientWidth; 8076 const totalWidth = viewport.scrollWidth; 8077 const maximumScroll = totalWidth - visibleWidth; 8078 8079 if ( 8080 totalWidth <= visibleWidth || 8081 maximumScroll <= 0 8082 ) { 8083 scrollbarThumb.style.width = '100%'; 8084 scrollbarThumb.style.transform = 8085 'translateX(0)'; 8086 return; 8087 } 8088 8089 const thumbWidthPercentage = Math.max( 8090 12, 8091 (visibleWidth / totalWidth) * 100 8092 ); 8093 8094 const scrollProgress = 8095 viewport.scrollLeft / maximumScroll; 8096 8097 const maximumThumbMovement = 8098 100 - thumbWidthPercentage; 8099 8100 scrollbarThumb.style.width = 8101 `${thumbWidthPercentage}%`; 8102 8103 scrollbarThumb.style.transform = 8104 `translateX(${ 8105 scrollProgress * 8106 maximumThumbMovement * 8107 (100 / thumbWidthPercentage) 8108 }%)`; 8109 }; 8110 8111 const requestUpdate = () => { 8112 if (ticking) { 8113 return; 8114 } 8115 8116 ticking = true; 8117 8118 window.requestAnimationFrame(() => { 8119 updateScrollbar(); 8120 ticking = false; 8121 }); 8122 }; 8123 8124 viewport.addEventListener( 8125 'scroll', 8126 requestUpdate, 8127 { passive: true } 8128 ); 8129 8130 document.addEventListener( 8131 'shopify:block:select', 8132 (event) => { 8133 if (!section.contains(event.target)) { 8134 return; 8135 } 8136 8137 const selectedCard = event.target.closest( 8138 '[data-shop-category-card]' 8139 ); 8140 8141 if ( 8142 !selectedCard || 8143 window.innerWidth > 749 8144 ) { 8145 return; 8146 } 8147 8148 viewport.scrollTo({ 8149 left: selectedCard.offsetLeft - 20, 8150 behavior: 'smooth' 8151 }); 8152 } 8153 ); 8154 8155 if ('ResizeObserver' in window) { 8156 const resizeObserver = new ResizeObserver(() => { 8157 updateScrollbar(); 8158 }); 8159 8160 resizeObserver.observe(viewport); 8161 } else { 8162 window.addEventListener( 8163 'resize', 8164 updateScrollbar 8165 ); 8166 } 8167 8168 updateScrollbar(); 8169 })(); 8170</script>
8170 8171 8172</section><section id="shopify-section-template--27511920361785__money_back_guarantee_996pE8" class="shopify-section section-money-back-guarantee"> 8173 8174<section 8175 id="MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8" 8176 class="money-guarantee" 8177 style=" 8178 --mg-section-bg: #f0fbff; 8179 --mg-eyebrow-color: #3ab3e2; 8180 --mg-heading-color: #3f3f3f; 8181 --mg-text-color: #999999; 8182 8183 --mg-button-bg: #3ab3e2; 8184 --mg-button-text: #ffffff; 8185 --mg-button-border: #3ab3e2; 8186 8187 --mg-image-bg: #e5f4ff; 8188 --mg-image-width: 600px; 8189 --mg-image-height: 400px; 8190 --mg-mobile-image-height: 330px; 8191 --mg-image-radius: 8px; 8192 --mg-image-position: left center; 8193 8194 --mg-max-width: 1200px; 8195 --mg-content-width: 600px; 8196 --mg-column-gap: 30px; 8197 --mg-padding-top: 80px; 8198 --mg-padding-bottom: 80px; 8199 " 8200> 8201 <div class="money-guarantee__container"> 8202 <div class="money-guarantee__layout"> 8203 <div class="money-guarantee__content"> 8204 8205 <div class="money-guarantee__eyebrow"> 8206 1-YEAR GUARANTEE 8207 </div> 8208 8209 8210 8211 <h2 class="money-guarantee__heading"> 8212 1-Year Money-Back Guarantee 8213 </h2> 8214 8215 8216 8217 <div class="money-guarantee__text rte"> 8218 <p>Thousands have transformed with our delicious supplements. That's why every purchase is protected by our 1-Year Money-Back Guarantee.</p> 8219 </div> 8220 8221 8222 8223 <div class="money-guarantee__secondary-text rte"> 8224 <p>Love it, or send it back for a refund.</p> 8225 </div> 8226 8227 8228 8229 <div class="money-guarantee__button-wrapper"> 8230 <a 8231 class="money-guarantee__button" 8232 8233 href="https://transformhq.com/pages/returns-exchanges" 8234 8235 > 8236 View our guarantee 8237 </a> 8238 </div> 8239 8240 </div> 8241 8242 <div class="money-guarantee__media-wrapper"> 8243 <div class="money-guarantee__media"> 8244 8245 <img src="//transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=1800" srcset="//transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=500 500w, //transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=750 750w, //transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=1000 1000w, //transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=1200 1200w, //transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=1500 1500w, //transformhq.com/cdn/shop/files/HOW_TO_HYDRATION_3.jpg?v=1787951815&width=1800 1800w" width="1800" height="1800" loading="lazy" class="money-guarantee__image" sizes="(max-width: 749px) calc(100vw - 40px), 45vw"> 8246 8247 </div> 8248 </div> 8249 </div> 8250 </div> 8251</section> 8252 8253<style> 8254 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 { 8255 width: 100%; 8256 padding-top: var(--mg-padding-top); 8257 padding-bottom: var(--mg-padding-bottom); 8258 overflow: hidden; 8259 background: var(--mg-section-bg); 8260 } 8261 8262 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 * { 8263 box-sizing: border-box; 8264 } 8265 8266 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8267 .money-guarantee__container { 8268 width: min( 8269 calc(100% - 48px), 8270 var(--mg-max-width) 8271 ); 8272 margin: 0 auto; 8273 } 8274 8275 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8276 .money-guarantee__layout { 8277 display: grid; 8278 grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); 8279 align-items: center; 8280 gap: var(--mg-column-gap); 8281 } 8282 8283 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8284 .money-guarantee__content { 8285 width: min(100%, var(--mg-content-width)); 8286 min-width: 0; 8287 } 8288 8289 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8290 .money-guarantee__eyebrow { 8291 margin-bottom: 22px; 8292 color: var(--mg-eyebrow-color); 8293 font-size: 12px; 8294 line-height: 1; 8295 font-weight: 700; 8296 letter-spacing: .22em; 8297 text-transform: uppercase; 8298 } 8299 8300 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8301 .money-guarantee__heading { 8302 margin: 0; 8303 color: var(--mg-heading-color); 8304 font-size: clamp(38px, 3.15vw, 58px); 8305 line-height: 1; 8306 font-weight: 600; 8307 letter-spacing: -.035em; 8308 } 8309 8310 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8311 .money-guarantee__text { 8312 max-width: 670px; 8313 margin-top: 24px; 8314 color: var(--mg-text-color); 8315 font-size: 16px; 8316 line-height: 1.55; 8317 } 8318 8319 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8320 .money-guarantee__secondary-text { 8321 max-width: 670px; 8322 margin-top: 29px; 8323 color: var(--mg-text-color); 8324 font-size: 16px; 8325 line-height: 1.55; 8326 } 8327 8328 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8329 .money-guarantee__text p, 8330 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8331 .money-guarantee__secondary-text p { 8332 margin: 0; 8333 } 8334 8335 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8336 .money-guarantee__button-wrapper { 8337 margin-top: 31px; 8338 } 8339 8340 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8341 .money-guarantee__button { 8342 min-width: 205px; 8343 min-height: 57px; 8344 padding: 15px 30px; 8345 border: 1px solid var(--mg-button-border); 8346 border-radius: 999px; 8347 display: inline-flex; 8348 align-items: center; 8349 justify-content: center; 8350 color: var(--mg-button-text); 8351 background: var(--mg-button-bg); 8352 font-size: 14px; 8353 line-height: 1; 8354 font-weight: 700; 8355 text-decoration: none; 8356 transition: 8357 transform .2s ease, 8358 box-shadow .2s ease, 8359 opacity .2s ease; 8360 } 8361 8362 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8363 .money-guarantee__button:hover { 8364 transform: translateY(-2px); 8365 box-shadow: 0 9px 24px rgba(0, 0, 0, .12); 8366 } 8367 8368 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8369 .money-guarantee__button[aria-disabled="true"] { 8370 cursor: default; 8371 } 8372 8373 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8374 .money-guarantee__media-wrapper { 8375 min-width: 0; 8376 width: 100%; 8377 display: flex; 8378 justify-content: flex-start; 8379 } 8380 8381 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8382 .money-guarantee__media { 8383 position: relative; 8384 width: min( 8385 100%, 8386 var(--mg-image-width) 8387 ); 8388 height: var(--mg-image-height); 8389 overflow: hidden; 8390 border-radius: var(--mg-image-radius); 8391 background: var(--mg-image-bg); 8392 } 8393 8394 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8395 .money-guarantee__image { 8396 display: block; 8397 width: 100%; 8398 height: 100%; 8399 object-fit: cover; 8400 object-position: var(--mg-image-position); 8401 } 8402 8403 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8404 .money-guarantee__placeholder { 8405 width: 100%; 8406 height: 100%; 8407 padding: 35px; 8408 display: flex; 8409 align-items: center; 8410 justify-content: center; 8411 color: var(--mg-button-bg); 8412 background: var(--mg-image-bg); 8413 text-align: center; 8414 } 8415 8416 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8417 .money-guarantee__placeholder span { 8418 max-width: 320px; 8419 font-size: clamp(34px, 3vw, 52px); 8420 line-height: 1.05; 8421 font-weight: 700; 8422 } 8423 8424 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8425 .money-guarantee__placeholder-svg { 8426 display: block; 8427 width: 100%; 8428 height: 100%; 8429 } 8430 8431 @media screen and (max-width: 1100px) { 8432 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8433 .money-guarantee__layout { 8434 grid-template-columns: 8435 minmax(0, 1fr) 8436 minmax(360px, .9fr); 8437 gap: calc(var(--mg-column-gap) * .7); 8438 } 8439 8440 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8441 .money-guarantee__media { 8442 width: 100%; 8443 } 8444 } 8445 8446 @media screen and (max-width: 899px) { 8447 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8448 .money-guarantee__layout { 8449 grid-template-columns: 1fr 1fr; 8450 gap: 42px; 8451 } 8452 8453 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8454 .money-guarantee__heading { 8455 font-size: clamp(36px, 5vw, 48px); 8456 } 8457 8458 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8459 .money-guarantee__media { 8460 height: min( 8461 var(--mg-image-height),
8462 42vw 8463 ); 8464 } 8465 } 8466 8467 @media screen and (max-width: 749px) { 8468 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 { 8469 padding-top: calc(var(--mg-padding-top) * .65); 8470 padding-bottom: calc(var(--mg-padding-bottom) * .65); 8471 } 8472 8473 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8474 .money-guarantee__container { 8475 width: calc(100% - 40px); 8476 } 8477 8478 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8479 .money-guarantee__layout { 8480 display: flex; 8481 flex-direction: column; 8482 align-items: stretch; 8483 gap: 42px; 8484 } 8485 8486 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8487 .money-guarantee__content { 8488 width: 100%; 8489 } 8490 8491 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8492 .money-guarantee__eyebrow { 8493 margin-bottom: 17px; 8494 font-size: 10px; 8495 line-height: 1.35; 8496 } 8497 8498 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8499 .money-guarantee__heading { 8500 font-size: clamp(36px, 10vw, 48px); 8501 line-height: 1.02; 8502 } 8503 8504 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8505 .money-guarantee__text, 8506 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8507 .money-guarantee__secondary-text { 8508 font-size: 15px; 8509 line-height: 1.55; 8510 } 8511 8512 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8513 .money-guarantee__text { 8514 margin-top: 21px; 8515 } 8516 8517 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8518 .money-guarantee__secondary-text { 8519 margin-top: 23px; 8520 } 8521 8522 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8523 .money-guarantee__button-wrapper { 8524 margin-top: 27px; 8525 } 8526 8527 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8528 .money-guarantee__button { 8529 min-width: 190px; 8530 min-height: 54px; 8531 padding: 14px 27px; 8532 } 8533 8534 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8535 .money-guarantee__media-wrapper { 8536 justify-content: center; 8537 } 8538 8539 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8540 .money-guarantee__media { 8541 width: 100%; 8542 height: var(--mg-mobile-image-height); 8543 } 8544 8545 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8546 .money-guarantee__placeholder span { 8547 font-size: clamp(34px, 10vw, 48px); 8548 } 8549 } 8550 8551 @media (prefers-reduced-motion: reduce) { 8552 #MoneyBackGuarantee-template--27511920361785__money_back_guarantee_996pE8 8553 .money-guarantee__button { 8554 transition: none; 8555 } 8556 } 8557</style> 8558 8559</section> 8560 8561 8562 </main><div id="shopify-section-footer" class="shopify-section"> 8563<footer class="site-footer style1" role="contentinfo"> <div class="page-width"><div class="footer-top footer-block"><div id="nav_menu-775b71d0-d2ec-42e3-8bea-8c67abb6b355" class="footer-block__item medium-up--one-quarter custom-block"><h4 class="h4">NEWSLETTER</h4><div class="text custom-text"><div class="klaviyo-form-SLHmWe"></div></div> <h3 class="h4">Stay Connected</h3> <ul class="list--inline social-icons"><li><a class="social-icons__link" href="https://www.facebook.com/transformhq/" title="TransformHQ on Facebook" target="_blank"><i class="ad ad-facebook-f" aria-hidden="true"></i><span class="icon__fallback-text">Facebook</span> </a> </li><li><a class="social-icons__link" href="https://transformhq.com/" title="TransformHQ on Twitter" target="_blank"><i class="ad ad-twitter" aria-hidden="true"></i><span class="icon__fallback-text">Twitter</span> </a> </li><li><a class="social-icons__link" href="https://transformhq.com/" title="TransformHQ on Pinterest" target="_blank"><i class="ad ad-pinterest-p" aria-hidden="true"></i><span class="icon__fallback-text">Pinterest</span> </a> </li><li><a class="social-icons__link" href="https://www.instagram.com/transform.hq/?hl=en" title="TransformHQ on Instagram" target="_blank"><i class="ad ad-instagram" aria-hidden="true"></i><span class="icon__fallback-text">Instagram</span> </a> </li></ul> </div><div id="nav_menu-1558678570770" class="footer-block__item medium-up--one-quarter footer-links"><h4 class="h4">RESOURCES</h4><ul><li><a href="https://transformhq.com/pages/ambassadors">
8563Ambassador Team</a></li><li><a href="https://transform-hq.helpscoutdocs.com/">FAQs</a></li><li><a href="/pages/customer-support">Help & Support</a></li><li><a href="/pages/returns-exchanges">Returns & Exchanges</a></li><li><a href="/pages/contact">Contact</a></li><li><a href="https://HeidiPowell.net">HeidiPowell.net</a></li><li><a href="https://ChrisPowell.com">ChrisPowell.com</a></li><li><a href="/policies/privacy-policy">Privacy Policy</a></li><li><a href="/policies/terms-of-service">Terms of Use</a></li><li><a href="/pages/testimonial-disclaimer">*Testimonial Disclaimer</a></li></ul></div><div id="nav_menu-31d334cc-cea3-4f19-8ab1-2a299f27a839" class="footer-block__item medium-up--one-quarter footer-links"><h4 class="h4">RESOURCES</h4><ul><li><a href="/">Home</a></li><li><a href="/collections/all">Catalog</a></li><li><a href="/pages/contact">Contact</a></li></ul></div><div id="nav_menu-custom_tGNfBW" class="footer-block__item medium-up--one-fifth custom-block"><h4 class="h4">INTERESTED IN BECOMING A RESELLER?</h4><div class="text custom-text"><p>Contact our wholesale team at [email protected] or by visiting wholesale.nutricost.com</p><p><b>International Customer?</b></p><a href="https://www.iherb.com/c/transformhq"><img src="https://cdn.shopify.com/s/files/1/0712/9684/4089/files/iherb.png?v=1707340587"></a></div></div><div id="nav_menu-621bfd9f-e083-4588-b936-159843b7671c" class="footer-block__item one-whole custom-block text-center"><div class="text custom-text">Statements on this website have not been evaluated by the Food and Drug Administration. Products are not intended to diagnose, treat, cure or prevent any disease. If you are pregnant, nursing, taking medication, or have a medical condition, consult your physician before using our products. You should not stop taking any medication without first consulting your physician. The information provided on this site is for informational and educational purposes only and is not intended as a medical advice or a substitute for advice from your physician or other qualified healthcare professional. You should not use the information on this site for diagnosis or treatment of any health problem or for prescription of any medication or other treatment. ALWAYS consult with a healthcare professional before starting any diet, exercise program or dietary supplements.</div></div></div></div><div class="footer-bottom"><div class="flex page-width "><div class="text-center">© 2026 TransformHQ, LLC</div></div></div></footer> 8564</div> 8565 <div id="shopify-section-custom-colors" class="shopify-section"> 8566<style type="text/css">.swtred{background-color:#f05454 !important;}.swtemerald{background-color:#00646c !important;}.swtwhite-black{background-color: !important;}.swtsage{background-color:#8da29a !important;}.swtolive-green{background-color:#bab86c !important;}.swtblue{background-color:#77bff2 !important;}.swtgreen{background-color:#37b767 !important;}.swtcamel{background-color:#df974d !important;}.swtblack-pink{background-color: !important;}.swtblack-grey{background-color: !important;}.swtblue-red{background-color: !important;}.ad-sort:before{content:"\ea0a"}.ad-step-forward:before{content:"\ea11"}.ad-step-forward-r:before{content:"\eb33"}.ad-an-double-down:before{content:"\eb62"}.ad-an-double-left:before{content:"\eb63"}.ad-an-double-right:before{content:"\eb64"}.ad-an-double-up:before{content:"\eb65"}.ad-angle-down:before{content:"\e902"}.ad-angle-down-r:before{content:"\ea45"}.ad-angle-down-l:before{content:"\eb66"}.ad-angle-left:before{content:"\e903"}.ad{font-family:adorn-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ad-money-note:before{content:"\e91c"}
8566.ad-chat:before{content:"\e906"}.ad-credit-card1:before{content:"\e907"}.ad-customer-service:before{content:"\e908"}.ad-dollar:before{content:"\e909"}.ad-fire:before{content:"\e911"}.ad-fire-l:before{content:"\e912"}.ad-free-delivery:before{content:"\e913"}.ad-gift-box:before{content:"\e914"}.ad-like:before{content:"\e91a"}.ad-money:before{content:"\e91b"}.ad-payment-security:before{content:"\e91d"}.ad-phone-24:before{content:"\e923"}.ad-recommended:before{content:"\e924"}.ad-reliability:before{content:"\e925"}.ad-rule:before{content:"\e926"}.ad-ruler:before{content:"\e929"}.ad-dressmaker:before{content:"\e92e"}.ad-shield:before{content:"\e930"}.ad-bag-t:before{content:"\e933"}.ad-video2:before{content:"\e93b"}.ad-video-player1:before{content:"\e93e"}.ad-worldwide:before{content:"\e941"}.ad-telegram:before{content:"\ec30"}.ad-telegram-plane:before{content:"\ec31"}.ad-upload:before{content:"\ea33"}.ad-upload-r:before{content:"\eb51"}.ad-upload-l:before{content:"\ec1a"}.ad-window-restore-r:before{content:"\eb5e"}.ad-book-r:before{content:"\ea6a"}.ad-briefcase:before{content:"\e93c"}.ad-briefcase-r:before{content:"\ea6b"}.ad-calculator:before{content:"\e940"}.ad-calculator-r:before{content:"\ea6e"}.ad-calculator-l:before{content:"\eb83"}.ad-calendar:before{content:"\f073"}.ad-copy-l:before{content:"\eba5"}.ad-download:before{content:"\e976"}.ad-download-r:before{content:"\eaa6"}.ad-paper-r-plane:before{content:"\eaeb"}.ad-paper-l-plane:before{content:"\ebd7"}.ad-portrait-l:before{content:"\ebe4"}.ad-save:before{content:"\e9f4"}.ad-save-r:before{content:"\eb1b"}.ad-save-l:before{content:"\ebf2"}.ad-server:before{content:"\f233"}.ad-server-r:before{content:"\eb20"}.ad-server-l:before{content:"\ebf6"}.ad-id-badge:before{content:"\e9a2"}.ad-id-badge-r:before{content:"\eabc"}.ad-id-card:before{content:"\e9a3"}.ad-id-card-r:before{content:"\eabd"}.ad-id-card-l:before{content:"\ebbe"}.ad-image:before{content:"\e9a4"}.ad-image-r:before{content:"\eabe"}.ad-images-r:before{content:"\eabf"}.ad-inbox:before{content:"\e9a6"}.ad-inbox-in:before{content:"\e9a7"}.ad-inbox-in-r:before{content:"\eac0"}.ad-inbox-out:before{content:"\e9a8"}.ad-inbox-out-r:before{content:"\eac1"}.ad-tag:before{content:"\ea1e"}.ad-tags:before{content:"\ea1f"}.ad-tag-r:before{content:"\eb39"}.ad-tags-r:before{content:"\eb3a"}.ad-tag-l:before{content:"\ec08"}.ad-tags-l:before{content:"\ec09"}.ad-newspaper:before{content:"\eae4"}.ad-newspaper-r:before{content:"\ebd6"}.ad-clipboard:before{content:"\f0ea"}.ad-paste:before{content:"\f0ea"}.ad-address-book-o:before{content:"\f2ba"}.ad-address-book:before{content:"\e900"}.ad-address-card:before{content:"\e901"}.ad-address-book-r:before{content:"\ebbd"}.ad-folder:before{content:"\e999"}.ad-folder-open:before{content:"\e99a"}.ad-browser:before{content:"\ea6c"}.ad-folder-r:before{content:"\eab5"}.ad-folder-open-r:before{content:"\eab6"}.ad-folder-l:before{content:"\ebb7"}.ad-folder-open-l:before{content:"\ebb8"}.ad-file-text-o:before{content:"\f0f6"}.ad-copy-files-o:before{content:"\f0c5"}.ad-file-alt:before{content:"\e992"}.ad-file-check:before{content:"\e993"}.ad-file-code:before{content:"\e994"}.ad-file-pdf:before{content:"\e995"}.ad-file-ar:before{content:"\ebb5"}.ad-sliders-h-square:before{content:"\ea08"}.ad-sliders-hr-square:before{content:"\eb2d"}.ad-tuning:before{content:"\ec46"}.ad-ban:before{content:"\e938"}.ad-ban-r:before{content:"\ea65"}.ad-bars:before{content:"\e939"}.ad-bars-r:before{content:"\ea66"}.ad-bars-l:before{content:"\eb7f"}.ad-chain:before{content:"\f0c1"}.ad-link3:before{content:"\f0c1"}.ad-circle-notch:before{content:"\e968"}.ad-circle-notch-r:before{content:"\ea92"}.ad-clone:before{content:"\f24d"}.ad-cog:before{content:"\f013"}.ad-gear:before{content:"\f013"}.ad-cog-r:before{content:"\ea96"}.ad-cog-l:before{content:"\eba0"}.ad-cogs:before{content:"\f085"}.ad-gears:before{content:"\f085"}.ad-cogs-r:before{content:"\ea97"}.ad-cogs-l:before{content:"\eba1"}.ad-edit1:before{content:"\ec47"}.ad-edit:before{content:"\e977"}.ad-edit-l:before{content:"\eba9"}.ad-edit4:before{content:"\f044"}.ad-pencil-square-o:before{content:"\f044"}.ad-ellipsis-h:before{content:"\e978"}.ad-ellipsis-hl:before{content:"\eaa8"}.ad-ellipsis-h3:before{content:"\f141"}.ad-ellipsis-v:before{content:"\e979"}.ad-ellipsis-vl:before{content:"\eaa9"}.ad-ellipsis-v3:before{content:"\f142"}.ad-expand-alt:before{content:"\e982"}.ad-compress-alt:before{content:"\ea9c"}.ad-expand:before{content:"\e981"}.ad-expand-wide:before{content:"\e985"}.ad-external-link:before{content:"\e986"}.ad-external-link-square:before{content:"\e988"}.ad-link:before{content:"\e9b3"}.ad-link-r:before{content:"\eac9"}.ad-list:before{content:"\e9b4"}.ad-list-alt:before{content:"\e9b5"}.ad-list-alt-r:before{content:"\eacc"}.ad-list-ul:before{content:"\e9b6"}.ad-list-ulr:before{content:"\eace"}.ad-list-r:before{content:"\eacb"}.ad-list-l:before{content:"\ebc6"}.ad-list4:before{content:"\f03a"}.ad-minus:before{content:"\e9c7"}.ad-minus-circle:before{content:"\e9c8"}.ad-minus-circle-r:before{content:"\ead9"}.ad-minus-circle-l:before{content:"\ebd2"}.ad-minus-square:before{content:"\e9c9"}.ad-minus-square-r:before{content:"\eada"}.ad-minus-square-l:before{content:"\ebd3"}.ad-minus-r:before{content:"\ead8"}.ad-minus-l:before{content:"\ebd1"}.ad-pen-alt:before{content:"\eaf1"}.ad-pen-square:before{content:"\eaf4"}.ad-pen-square-l:before{content:"\ebdb"}.ad-pencil:before{content:"\eaf2"}.ad-pencil-alt:before{content:"\e9d1"}.ad-pencil-ar:before{content:"\eaf3"}.ad-pencil-al:before{content:"\ebda"}.ad-pencil-square:before{content:"\f14b"}.ad-pencil-l:before{content:"\ebd9"}.ad-plus:before{content:"\e9d6"}.ad-plus-circle:before{content:"\e9d7"}.ad-plus-cir:before{content:"\eafc"}.ad-plus-cil:before{content:"\ebe1"}.ad-plus-square:before{content:"\e9d8"}.ad-plus-sqr:before{content:"\eafd"}.ad-plus-sql:before{content:"\ebe2"}.ad-plus-r:before{content:"\eafb"}.ad-plus-l:before{content:"\ebe0"}.ad-power-off:before{content:"\e9dc"}.ad-power-off-r:before{content:"\eb02"}.ad-random:before{content:"\e9e4"}.ad-random-r:before{content:"\eb0c"}.ad-recycle:before{content:"\e9e5"}.ad-recycle-r:before{content:"\eb0d"}.ad-recycle-l:before{content:"\ebec"}.ad-redo:before{content:"\e9e6"}.ad-redo-alt:before{content:"\e9e7"}.ad-redo-ar:before{content:"\eb0f"}.ad-redo-r:before{content:"\eb0e"}.ad-redo-l:before{content:"\ebed"}.ad-refresh:before{content:"\f021"}.ad-repeat:before{content:"\e9e8"}.ad-repeat-alt:before{content:"\eb12"}.ad-repeat-r:before{content:"\eb11"}.ad-repeat3:before{content:"\f01e"}.ad-rotate-right:before{content:"\f01e"}.ad-reply:before{content:"\e9ec"}.ad-reply-all:before{content:"\e9ed"}.ad-reply-all-r:before{content:"\eb14"}.ad-reply-r:before{content:"\eb13"}.ad-retweet:before{content:"\e9ee"}.ad-retweet-r:before{content:"\eb15"}.ad-retweet3:before{content:"\f079"}.ad-rotate-left:before{content:"\f0e2"}.ad-undo4:before{content:"\f0e2"}.ad-share:before{content:"\e9f9"}.ad-share-all:before{content:"\e9fa"}.ad-share-all-r:before{content:"\eb22"}.ad-share-square:before{content:"\e9fd"}.ad-share-sqr:before{content:"\eb25"}.ad-share-r:before{content:"\eb21"}.ad-sign-in-alt:before{content:"\ea05"}.ad-sign-in-ar:before{content:"\eb29"}.ad-sign-in-al:before{content:"\ebfb"}.ad-sign-out-alt:before{content:"\ea06"}.ad-sign-out-ar:before{content:"\eb2a"}.ad-sign-out-al:before{content:"\ebfc"}.ad-sitemap-r:before{content:"\eb2b"}.ad-sitemap-l:before{content:"\ebfd"}.ad-sliders:before{content:"\f1de"}.ad-sliders-h:before{content:"\eb2c"}.ad-sliders-hr:before{content:"\ebfe"}.ad-sliders-v:before{content:"\eb2e"}.ad-sliders-v-square:before{content:"\ea09"}.ad-sliders-v-sqr:before{content:"\eb2f"}.ad-sliders-vr:before{content:"\ebff"}.ad-sort-amount-down:before{content:"\ea0b"}.ad-sort-amount-up:before{content:"\ea0c"}.ad-spinner:before{content:"\ea0d"}.ad-spinner-r:before{content:"\eb30"}.ad-spinner-l:before{content:"\ec00"}.ad-spinner4:before{content:"\f110"}.ad-sync:before{content:"\ea18"}.ad-sync-ar:before{content:"\eb34"}.ad-table:before{content:"\ea1a"}.ad-table-r:before{content:"\eb35"}.ad-table3:before{content:"\f0ce"}.ad-th:before{content:"\ea20"}.ad-th-large:before{content:"\ea21"}.ad-th-large-r:before{content:"\eb3d"}.ad-th-large-l:before{content:"\ec0b"}.ad-th-list:before{content:"\ea22"}.ad-th-list-r:before{content:"\eb3e"}.ad-th-list-l:before{content:"\ec0c"}.ad-th-r:before{content:"\eb3c"}.ad-th-l:before{content:"\ec0a"}.ad-times:before{content:"\ea25"}.ad-times-circle:before{content:"\ea26"}.ad-times-cir:before{content:"\eb42"}.ad-times-cil:before{content:"\ec10"}.ad-times-square:before{content:"\ea27"}.ad-times-sqr:before{content:"\eb43"}.ad-times-sql:before{content:"\ec11"}.ad-times-r:before{content:"\eb41"}.ad-times-l:before{content:"\ec0f"}.ad-toggle-off:before{content:"\ea28"}.ad-toggle-offr:before{content:"\eb44"}.ad-toggle-onr:before{content:"\eb45"}.ad-trash-alt:before{content:"\ea2b"}.ad-trash-ar:before{content:"\eb46"}.ad-trash-al:before{content:"\ec14"}.ad-undo:before{content:"\ea2f"}.ad-undo-alt:before{content:"\ea30"}.ad-undo-r:before{content:"\eb4a"}.ad-undo-l:before{content:"\ec16"}.ad-wrench:before{content:"\ea43"}.ad-wrench-r:before{content:"\ec21"}.ad-exclamation:before{content:"\e97d"}.ad-exclamation-circle:before{content:"\e97e"}.ad-exclamation-cir:before{content:"\eaac"}.ad-exclamation-cil:before{content:"\ebad"}.ad-exclamation-square:before{content:"\e97f"}.ad-exclamation-sqr:before{content:"\eaad"}.ad-exclamation-sql:before{content:"\ebae"}.ad-exclamation-triangle:before{content:"\e980"}.ad-exclamation-tr:before{content:"\eaae"}.ad-exclamation-tl:before{content:"\ebaf"}.ad-exclamation-r:before{content:"\ebac"}.ad-info:before{content:"\e9ac"}.ad-info-circle:before{content:"\e9ad"}.ad-info-cir:before{content:"\eac3"}.ad-info-cil:before{content:"\ebc0"}.ad-info-square:before{content:"\e9ae"}.ad-info-sqr:before{content:"\eac4"}.ad-info-sql:before{content:"\ebc1"}.ad-info-r:before{content:"\eac2"}.ad-info-l:before{content:"\ebbf"}.ad-question:before{content:"\e9df"}.ad-question-circle:before{content:"\e9e0"}.ad-question-cir:before{content:"\eb07"}.ad-question-cil:before{content:"\ebe8"}.ad-question-square:before{content:"\e9e1"}.ad-question-sqr:before{content:"\eb08"}.ad-question-sql:before{content:"\ebe9"}.ad-question-r:before{content:"\eb06"}.ad-question-l:before{content:"\ebe7"}.ad-quote-left:before{content:"\e9e2"}.ad-quote-r-left:before{content:"\eb0a"}.ad-quote-l-left:before{content:"\ebea"}.ad-quote-right:before{content:"\e9e3"}.ad-quote-r-right:before{content:"\eb0b"}.ad-quote-l-right:before{content:"\ebeb"}.ad-amazon:before{content:"\e90e"}.ad-android:before{content:"\e918"}.ad-apple:before{content:"\e922"}.ad-bar-chart:before{content:"\f080"}.ad-bar-chart-o:before{content:"\f080"}.ad-bell-o:before{content:"\f0a2"}.ad-bell2:before{content:"\eb80"}.ad-birthday-cake:before{content:"\e93a"}.ad-birthday-cake-r:before{content:"\ea69"}.ad-bug:before{content:"\e93d"}.ad-vh-bus:before{content:"\e93f"}.ad-vh-bus-r:before{content:"\ea6d"}.ad-vh-bus-l:before{content:"\eb82"}.ad-certificate:before{content:"\e953"}.ad-child:before{content:"\e967"}.ad-clock:before{content:"\ea93"}.ad-clock-r:before{content:"\eb9e"}.ad-code:before{content:"\e96a"}.ad-code-r:before{content:"\ea95"}.ad-comment:before{content:"\e96d"}.ad-comment-alt:before{content:"\e96e"}.ad-comment-ar:before{content:"\ea9a"}.ad-comment-al:before{content:"\eba3"}.ad-comment-r:before{content:"\ea99"}.ad-comment-l:before{content:"\eba2"}.ad-comments:before{content:"\e96f"}.ad-comments-o:before{content:"\f0e6"}.ad-comments-r:before{content:"\ea9b"}.ad-comments-l:before{content:"\eba4"}.ad-css3-alt:before{content:"\eab4"}.ad-dashboard:before{content:"\f0e4"}.ad-tachometer:before{content:"\f0e4"}.ad-database:before{content:"\eaa2"}.ad-desktop:before{content:"\eaa3"}.ad-desktop-alt:before{content:"\e974"}.ad-desktop-ar:before{content:"\eaa4"}.ad-envelope:before{content:"\e97a"}.ad-envelope-square:before{content:"\e97b"}.ad-envelope-r:before{content:"\eaaa"}.ad-envelope-l:before{content:"\ebaa"}.ad-envelope1:before{content:"\ec48"}.ad-expeditedssl:before{content:"\eaec"}.ad-eye:before{content:"\e98a"}.ad-eye-slash:before{content:"\e98b"}.ad-eye-slash2:before{content:"\f070"}.ad-eye-slash-l:before{content:"\ebb3"}.ad-eye-r:before{content:"\eab1"}.ad-eye-l:before{content:"\ebb2"}.ad-female:before{content:"\e98f"}.ad-filter:before{content:"\e996"}.ad-filter-r:before{content:"\eab3"}.ad-filter-l:before{content:"\ebb6"}.ad-flag:before{content:"\f024"}.ad-flag-o:before{content:"\f11d"}.ad-gift:before{content:"\e99c"}.ad-gift-r:before{content:"\eab7"}.ad-gift-l:before{content:"\ebb9"}.ad-handshake:before{content:"\e99e"}.ad-handshake-o:before{content:"\f2b5"}.ad-handshake-l:before{content:"\ebba"}.ad-heart:before{content:"\e99f"}.ad-heart-r:before{content:"\eaba"}.ad-heart-l:before{content:"\ebbb"}.ad-history:before{content:"\e9a0"}.ad-home:before{content:"\e9a1"}.ad-home-r:before{content:"\eabb"}.ad-home-l:before{content:"\ebbc"}.ad-html5:before{content:"\ebcc"}.ad-key:before{content:"\e9af"}.ad-key-r:before{content:"\eac5"}.ad-key-l:before{content:"\ebc2"}.ad-language:before{content:"\e9b1"}.ad-language2:before{content:"\f1ab"}.ad-laptop:before{content:"\e9b2"}.ad-laptop-r:before{content:"\ebc3"}.ad-life-ring:before{content:"\eac7"}.ad-lightbulb:before{content:"\eac8"}.ad-lightbulb-r:before{content:"\ebc4"}.ad-location:before{content:"\ec49"}.ad-lock:before{content:"\ead0"}.ad-lock-alt:before{content:"\e9b7"}.ad-lock-ar:before{content:"\ead1"}.ad-lock-al:before{content:"\ebc7"}.ad-lock-open-alt:before{content:"\e9b8"}.ad-lock-open-ar:before{content:"\ead3"}.ad-lock-open-al:before{content:"\ebc8"}.ad-map-marker-alt:before{content:"\e9c2"}.ad-map-marker-ar:before{content:"\ead5"}.ad-map-marker-al:before{content:"\ebcd"}.ad-map-signs:before{content:"\e9c4"}.ad-map-signs-r:before{content:"\ead7"}.ad-map-signs-l:before{content:"\ebd0"}.ad-medapps:before{content:"\ec04"}.ad-microsoft:before{content:"\ec12"}.ad-mobile:before{content:"\e9ca"}.ad-mobile-alt:before{content:"\e9cb"}.ad-mobile-ar:before{content:"\eadb"}.ad-mobile-android:before{content:"\e9cc"}.ad-mobile-android-alt:before{content:"\e9cd"}.ad-mobile-android-ar:before{content:"\eadc"}.ad-neuter:before{content:"\e9ce"}.ad-neuter-r:before{content:"\eae3"}.ad-neuter-l:before{content:"\ebcf"}.ad-pennant:before{content:"\e9d2"}.ad-qrcode:before{content:"\e9de"}.ad-qrcode2:before{content:"\eb05"}.ad-react:before{content:"\ec26"}.ad-shield1:before{content:"\f132"}.ad-shield-alt:before{content:"\e9ff"}.ad-shield-check:before{content:"\ea00"}.ad-shield-check-r:before{content:"\e921"}.ad-signal:before{content:"\ea04"}.ad-search-sistrix:before{content:"\ec28"}.ad-sitemap:before{content:"\ea07"}.ad-slideshare:before{content:"\ec2a"}.ad-star:before{content:"\f005"}.ad-star-half-empty:before{content:"\f123"}.ad-star-half-full:before{content:"\f123"}.ad-star-half-o:before{content:"\f123"}.ad-star-o:before{content:"\f006"}.ad-suitcase:before{content:"\ea16"}.ad-sun:before{content:"\ea17"}.ad-tablet-alt:before{content:"\ea1b"}.ad-tablet-ar:before{content:"\eb36"}.ad-tablet-android-alt:before{content:"\ea1c"}.ad-tablet-android-ar:before{content:"\eb37"}.ad-tachometer-alt:before{content:"\ea1d"}.ad-tachometer-ar:before{content:"\eb38"}.ad-tachometer-al:before{content:"\ec07"}.ad-thumbs-down:before{content:"\ea23"}.ad-thumbs-down-r:before{content:"\eb3f"}.ad-thumbs-down-l:before{content:"\ec0d"}.ad-thumbs-up:before{content:"\ea24"}.ad-thumbs-up-r:before{content:"\eb40"}.ad-thumbs-up-l:before{content:"\ec0e"}.ad-trophy:before{content:"\f091"}.ad-trophy-alt:before{content:"\ea2d"}.ad-trophy-ar:before{content:"\eb48"}.ad-truck:before{content:"\ea2e"}.ad-truck-front:before{content:"\e90c"}.ad-truck-line:before{content:"\e90d"}.ad-truck-r:before{content:"\eb49"}.ad-truck-l:before{content:"\ec15"}.ad-unlock-alt:before{content:"\ea32"}.ad-unlock-ar:before{content:"\eb50"}.ad-unlock-al:before{content:"\ec19"}.ad-wifi:before{content:"\ea3f"}.ad-wifi-r:before{content:"\eb5c"}.ad-wifi3:before{content:"\f1eb"}.ad-group:before{content:"\f0c0"}.ad-users4:before{content:"\f0c0"}.ad-user-circle-o:before{content:"\f2be"}.ad-user:before{content:"\ea36"}.ad-user-alt:before{content:"\ea37"}.ad-user-circle:before{content:"\ea38"}.ad-user-plus:before{content:"\ea39"}.ad-users:before{content:"\ea3a"}.ad-user-r:before{content:"\eb54"}.ad
8566-user-ar:before{content:"\eb55"}.ad-user-cir:before{content:"\eb56"}.ad-user-plus-r:before{content:"\eb58"}.ad-users-r:before{content:"\eb59"}.ad-user-times2:before{content:"\eb5a"}.ad-user-l:before{content:"\ec1b"}.ad-user-al:before{content:"\ec1c"}.ad-user-cil:before{content:"\ec1d"}.ad-users-l:before{content:"\ec1e"}.ad-bag4:before{content:"\f290"}.ad-basket4:before{content:"\f291"}.ad-cart-2-s:before{content:"\ec41"}.ad-cart-1-l:before{content:"\ec43"}.ad-shopping-cart4:before{content:"\ec45"}.ad-cart-arrow-down:before{content:"\e951"}.ad-cart-plus:before{content:"\e952"}.ad-bag:before{content:"\ea01"}.ad-basket:before{content:"\ea02"}.ad-cart-s:before{content:"\ea03"}.ad-cart-arrow-down-r:before{content:"\ea7d"}.ad-cart-plus-r:before{content:"\ea7e"}.ad-bag-r:before{content:"\eb26"}.ad-basket-r:before{content:"\eb27"}.ad-cart-r:before{content:"\eb28"}.ad-bag-l:before{content:"\ebf8"}.ad-sq-bag:before{content:"\e931"}.ad-basket-l:before{content:"\ebf9"}.ad-cart-l:before{content:"\ebfa"}.ad-camera-retro:before{content:"\e943"}.ad-camera-ar:before{content:"\ea70"}.ad-camera-al:before{content:"\eb84"}.ad-check-square-o:before{content:"\f046"}.ad-check-badge:before{content:"\e937"}.ad-check:before{content:"\e954"}.ad-check-circle:before{content:"\e955"}.ad-check-square:before{content:"\e956"}.ad-check-badge-r:before{content:"\ea64"}.ad-check-r:before{content:"\ea7f"}.ad-check-cir:before{content:"\ea80"}.ad-check-sqr:before{content:"\ea81"}.ad-check-cil:before{content:"\eb8c"}.ad-check-sql:before{content:"\eb8d"}.ad-search-s:before{content:"\ec44"}.ad-search-glass:before{content:"\ec4a"}.ad-search7:before{content:"\ec4b"}.ad-search:before{content:"\e9f5"}.ad-search-r:before{content:"\eb1d"}.ad-search-minus-r:before{content:"\eb1e"}.ad-search-plus-r:before{content:"\eb1f"}.ad-search-l:before{content:"\ebf3"}.ad-search-minus-l:before{content:"\ebf4"}.ad-search-plus-l:before{content:"\ebf5"}.ad-phone-tel:before{content:"\e920"}.ad-phone-call-r:before{content:"\e91e"}.ad-phone-call-l:before{content:"\e91f"}.ad-phone-old:before{content:"\e90b"}.ad-phone-s:before{content:"\e9d3"}.ad-phone-square:before{content:"\e9d4"}.ad-phone-volume:before{content:"\e9d5"}.ad-phone-r:before{content:"\eaf5"}.ad-phone-sqr:before{content:"\eaf6"}.ad-phone-l:before{content:"\ebdc"}.ad-phone-sql:before{content:"\ebdd"}.ad-phone:before{content:"\f095"}.ad-phone-square4:before{content:"\f098"}.ad-microphone:before{content:"\e9c5"}.ad-microphone-alt:before{content:"\e9c6"}.ad-bullhorn:before{content:"\f0a1"}.ad-mobile2:before{content:"\f10b"}.ad-fax:before{content:"\e98e"}.ad-fax-r:before{content:"\ebb4"}.ad-print:before{content:"\f02f"}.ad-print-r:before{content:"\eb03"}.ad-print-l:before{content:"\ebe6"}.ad-pay-security:before{content:"\e932"}.ad-ruble-sign:before{content:"\e9f2"}.ad-ruble-sign-r:before{content:"\eb19"}.ad-ruble-sign-l:before{content:"\ebf0"}.ad-dollar-sign:before{content:"\e975"}.ad-dollar-sign-r:before{content:"\eaa5"}.ad-dollar-sign-l:before{content:"\eba8"}.ad-aws:before{content:"\e96b"}.ad-btc:before{content:"\e9ea"}.ad-amazon-pay:before{content:"\e915"}.ad-apple-pay:before{content:"\e92f"}.ad-bitcoin:before{content:"\e991"}.ad-cc:before{content:"\f20a"}.ad-cc-amazon-pay:before{content:"\e9ef"}.ad-cc-amex:before{content:"\e9f8"}.ad-cc-apple-pay:before{content:"\ea0e"}.ad-cc-diners-club:before{content:"\ea0f"}.ad-cc-discover:before{content:"\ea19"}.ad-cc-jcb:before{content:"\ea2a"}.ad-cc-mastercard:before{content:"\ea2c"}.ad-cc-paypal:before{content:"\ea3e"}.ad-cc-stripe:before{content:"\ea42"}.ad-cc-visa:before{content:"\ea67"}.ad-credit-card:before{content:"\e972"}.ad-credit-card-blank:before{content:"\eaa0"}.ad-credit-card-front:before{content:"\e973"}.ad-credit-card-front-r:before{content:"\eaa1"}.ad-credit-card-r:before{content:"\ea9f"}.ad-credit-card-l:before{content:"\eba7"}.ad-euro-sign:before{content:"\e97c"}.ad-euro-sign-r:before{content:"\eaab"}.ad-euro-sign-l:before{content:"\ebab"}.ad-money-bill:before{content:"\eadd"}.ad-money-bill-alt:before{content:"\eade"}.ad-money-bill-ar:before{content:"\ebd5"}.ad-money-bill-r:before{content:"\ebd4"}.ad-paypal:before{content:"\ec20"}.ad-pound-sign:before{content:"\e9db"}.ad-pound-sign-r:before{content:"\eb01"}.ad-pound-sign-l:before{content:"\ebe5"}.ad-rupee-sign:before{content:"\e9f3"}.ad-rupee-sign-r:before{content:"\eb1a"}.ad-rupee-sign-l:before{content:"\ebf1"}.ad-stripe:before{content:"\ec2f"}.ad-yen-sign:before{content:"\ea44"}.ad-yen-sign-r:before{content:"\eb61"}.ad-yen-sign-l:before{content:"\ec22"}.ad-sort:before{content:"\ea0a"}.ad-step-forward:before{content:"\ea11"}.ad-step-forward-r:before{content:"\eb33"}.ad-an-double-down:before{content:"\eb62"}.ad-an-double-left:before{content:"\eb63"}.ad-an-double-right:before{content:"\eb64"}.ad-an-double-up:before{content:"\eb65"}.ad-angle-down:before{content:"\e902"}.ad-angle-down-r:before{content:"\ea45"}.ad-angle-down-l:before{content:"\eb66"}.ad-angle-left:before{content:"\e903"}.ad-angle-left-r:before{content:"\ea46"}.ad-angle-left-l:before{content:"\eb67"}.ad-angle-right:before{content:"\e904"}.ad-angle-right-r:before{content:"\ea47"}.ad-angle-right-l:before{content:"\eb68"}.ad-angle-up:before{content:"\e905"}.ad-angle-up-r:before{content:"\ea48"}.ad-angle-up-l:before{content:"\eb69"}.ad-arrow-alt-down:before{content:"\e90a"}.ad-arrow-ar-down:before{content:"\ea4d"}.ad-arrow-al-down:before{content:"\eb6e"}.ad-arrow-alt-left:before{content:"\e90f"}.ad-arrow-ar-left:before{content:"\ea4e"}.ad-arrow-al-left:before{content:"\eb6f"}.ad-arrow-alt-right:before{content:"\e910"}.ad-arrow-ar-right:before{content:"\ea4f"}.ad-arrow-al-right:before{content:"\eb70"}.ad-arrow-alt-to-left:before{content:"\e916"}.ad-arrow-alt-to-right:before{content:"\e917"}.ad-arrow-alt-up:before{content:"\e919"}.ad-arrow-ar-up:before{content:"\ea54"}.ad-arrow-al-up:before{content:"\eb72"}.ad-arw-down:before{content:"\ea59"}.ad-arrow-s-down:before{content:"\f063"}.ad-arw-left:before{content:"\ea5a"}.ad-arrow-s-left:before{content:"\f060"}.ad-arw-right:before{content:"\ea5b"}.ad-arrow-s-right:before{content:"\f061"}.ad-arrow-sq-down:before{content:"\e92a"}.ad-arrow-sql-down:before{content:"\eb79"}.ad-arrow-sq-left:before{content:"\e92b"}.ad-arrow-sql-left:before{content:"\eb7a"}.ad-arrow-sq-right:before{content:"\e92c"}.ad-arrow-sql-right:before{content:"\eb7b"}.ad-arrow-sq-up:before{content:"\e92d"}.ad-arrow-sql-up:before{content:"\eb7c"}.ad-arw-up:before{content:"\ea60"}.ad-arrow-s-up:before{content:"\f062"}.ad-arrows-alt-h:before{content:"\e927"}.ad-arrows-alt-v:before{content:"\e928"}.ad-caret-circle-down:before{content:"\e945"}.ad-caret-cir-down:before{content:"\ea71"}.ad-caret-circle-left:before{content:"\e946"}.ad-caret-cir-left:before{content:"\ea72"}.ad-caret-circle-right:before{content:"\e947"}.ad-caret-cir-right:before{content:"\ea73"}.ad-caret-circle-up:before{content:"\e948"}.ad-caret-cir-up:before{content:"\ea74"}.ad-caret-down:before{content:"\e949"}.ad-caret-r-down:before{content:"\ea75"}.ad-caret-l-down:before{content:"\eb85"}.ad-caret-left:before{content:"\e94a"}.ad-caret-r-left:before{content:"\ea76"}.ad-caret-l-left:before{content:"\eb86"}.ad-caret-right:before{content:"\e94b"}.ad-caret-r-right:before{content:"\ea77"}.ad-caret-l-right:before{content:"\eb87"}.ad-caret-sq-down:before{content:"\e94c"}.ad-caret-sqr-down:before{content:"\ea78"}.ad-caret-sq-left:before{content:"\e94d"}.ad-caret-sqr-left:before{content:"\ea79"}.ad-caret-sq-right:before{content:"\e94e"}
8566.ad-caret-sqr-right:before{content:"\ea7a"}.ad-caret-sq-up:before{content:"\e94f"}.ad-caret-sqr-up:before{content:"\ea7b"}.ad-caret-up:before{content:"\e950"}.ad-caret-r-up:before{content:"\ea7c"}.ad-caret-l-up:before{content:"\eb88"}.ad-chevron-circle-down:before{content:"\e957"}.ad-chevron-cir-down:before{content:"\ea82"}.ad-chevron-cil-down:before{content:"\eb8e"}.ad-chevron-circle-left:before{content:"\e958"}.ad-chevron-cir-left:before{content:"\ea83"}.ad-chevron-cil-left:before{content:"\eb8f"}.ad-chevron-circle-right:before{content:"\e959"}.ad-chevron-cir-right:before{content:"\ea84"}.ad-chevron-cil-right:before{content:"\eb90"}.ad-chevron-circle-up:before{content:"\e95a"}.ad-chevron-cir-up:before{content:"\ea85"}.ad-chevron-cil-up:before{content:"\eb91"}.ad-ch-double-down:before{content:"\e95b"}.ad-ch-doublel-down:before{content:"\eb92"}.ad-ch-double-left:before{content:"\e95c"}.ad-ch-doublel-left:before{content:"\eb93"}.ad-ch-double-right:before{content:"\e95d"}.ad-ch-doublel-right:before{content:"\eb94"}.ad-ch-double-up:before{content:"\e95e"}.ad-ch-doublel-up:before{content:"\eb95"}.ad-chevron-down:before{content:"\e95f"}.ad-chevron-r-down:before{content:"\ea8a"}.ad-chevron-l-down:before{content:"\eb96"}.ad-chevron-left:before{content:"\e960"}.ad-chevron-r-left:before{content:"\ea8b"}.ad-chevron-l-left:before{content:"\eb97"}.ad-chevron-right:before{content:"\e961"}.ad-chevron-r-right:before{content:"\ea8c"}.ad-chevron-l-right:before{content:"\eb98"}.ad-chevron-square-down:before{content:"\e962"}.ad-chevron-sqr-down:before{content:"\ea8d"}.ad-chevron-sql-down:before{content:"\eb99"}.ad-chevron-square-left:before{content:"\e963"}.ad-chevron-sqr-left:before{content:"\ea8e"}.ad-chevron-sql-left:before{content:"\eb9a"}.ad-chevron-square-right:before{content:"\e964"}.ad-chevron-sqr-right:before{content:"\ea8f"}.ad-chevron-sql-right:before{content:"\eb9b"}.ad-chevron-square-up:before{content:"\e965"}.ad-chevron-sqr-up:before{content:"\ea90"}.ad-chevron-sql-up:before{content:"\eb9c"}.ad-chevron-up:before{content:"\e966"}.ad-chevron-r-up:before{content:"\ea91"}.ad-chevron-l-up:before{content:"\eb9d"}.ad-expand-arrows-alt:before{content:"\e984"}.ad-expand-arwsr-alt:before{content:"\eab0"}.ad-expand-r-arrows:before{content:"\eaaf"}.ad-expand-l-arrows:before{content:"\ebb0"}.ad-arrows2:before{content:"\eb77"}.ad-viber:before{content:"\ec38"}.ad-globe:before{content:"\eab8"}.ad-rss:before{content:"\e9f0"}.ad-rss-square:before{content:"\e9f1"}.ad-rss-sqr:before{content:"\eb18"}.ad-rss-sql:before{content:"\ebef"}.ad-rss-r:before{content:"\eb17"}.ad-safari:before{content:"\ec27"}.ad-share-alt:before{content:"\e9fb"}.ad-share-alt-square:before{content:"\e9fc"}.ad-share-ar-square:before{content:"\eb24"}.ad-share-al-square:before{content:"\ebf7"}.ad-share-ar:before{content:"\eb23"}.ad-spotify:before{content:"\ec2e"}.ad-tripadvisor:before{content:"\ec32"}.ad-whatsapp:before{content:"\ec3d"}.ad-whatsapp-square:before{content:"\ec3e"}.ad-flickr:before{content:"\eb4e"}.ad-flipboard:before{content:"\eb57"}.ad-skype:before{content:"\ec29"}.ad-codepen:before{content:"\ea68"}.ad-behance:before{content:"\e96c"}.ad-behance-square:before{content:"\e990"}.ad-blogger:before{content:"\e997"}.ad-blogger-b:before{content:"\e998"}.ad-delicious:before{content:"\eab9"}.ad-deviantart:before{content:"\eac6"}.ad-digg:before{content:"\eacd"}.ad-dribbble:before{content:"\ead4"}.ad-dribbble-square:before{content:"\eae5"}.ad-dropbox:before{content:"\eae6"}.ad-facebook:before{content:"\eaed"}.ad-facebook-f:before{content:"\eafa"}.ad-facebook-messenger:before{content:"\eb31"}.ad-facebook-square:before{content:"\eb47"}.ad-google:before{content:"\eb8a"}.ad-google-drive:before{content:"\eb8b"}.ad-google-play:before{content:"\eba6"}.ad-google-plus:before{content:"\ebc5"}.ad-google-plus-g:before{content:"\ebc9"}.ad-google-plus-square:before{content:"\ebca"}.ad-google-wallet:before{content:"\ebcb"}.ad-instagram:before{content:"\ec01"}.ad-linkedin:before{content:"\ec02"}.ad-linkedin-in:before{content:"\ec03"}.ad-linkedin-square:before{content:"\f08c"}.ad-pinterest:before{content:"\ec23"}.ad-pinterest-p:before{content:"\ec24"}.ad-pinterest-square:before{content:"\ec25"}.ad-snapchat:before{content:"\ec2b"}.ad-snapchat-ghost:before{content:"\ec2c"}.ad-snapchat-square:before{content:"\ec2d"}.ad-tumblr:before{content:"\ec33"}.ad-tumblr-square:before{content:"\ec34"}.ad-twitter:before{content:"\ec36"}.ad-twitter-square:before{content:"\ec37"}.ad-vimeo:before{content:"\ec39"}.ad-vimeo-square:before{content:"\ec3a"}.ad-vimeo-v:before{content:"\ec3b"}.ad-youtube:before{content:"\ec3f"}.ad-youtube-square:before{content:"\ec40"}.ad-youtube-square2:before{content:"\f166"}.ad-youtube2:before{content:"\f167"}.ad-video-player:before{content:"\e934"}.ad-forward:before{content:"\e99b"}.ad-backward:before{content:"\e936"}.ad-backward-r:before{content:"\ea63"}.ad-backward-l:before{content:"\eb7e"}.ad-fast-backward:before{content:"\e98c"}.ad-fast-forward:before{content:"\e98d"}.ad-pause:before{content:"\eaee"}.ad-pause-circle:before{content:"\eaef"}.ad-pause-cil:before{content:"\ebd8"}.ad-play:before{content:"\eaf8"}.ad-play-circle:before{content:"\eaf9"}.ad-play-cir:before{content:"\ebdf"}.ad-play-r:before{content:"\ebde"}.ad-podcast:before{content:"\e9d9"}.ad-podcast-r:before{content:"\eafe"}.ad-podcast-l:before{content:"\ebe3"}.ad-step-backward:before{content:"\ea10"}.ad-step-backward-r:before{content:"\eb32"}.ad-stop:before{content:"\ea12"}.ad-stop-circle:before{content:"\ea13"}.ad-video:before{content:"\ea3c"}.ad-video-r:before{content:"\eb5b"}.ad-video1:before{content:"\e935"}.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042; overflow-x: hidden;overflow-y: auto; background:#000;opacity:.6}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;
8566left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}
8566@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}#simple-bundles-io-options select option[disabled]:not(:first-child) {display: none !important;}</style> 8567</div> 8568 <div id="shopify-section-exit-product-popup" class="shopify-section exitprPopup mfpbox mfp-hide mfp-with-anim"> 8569 8570<style> 8571 #shopify-section-exit-product-popup { border-radius:5px; max-width:900px;} 8572 #shopify-section-exit-product-popup .mfp-close {right:15px; top:15px;} 8573 .btnpop { margin-top:20px; } 8574</style> 8575</div> 8576
8576<script src="//transformhq.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" defer="defer"></script>
8576<script src="//transformhq.com/cdn/shop/t/35/assets/theme.js?v=99951384651328519441785876298" defer="defer"></script>
8576 8577<div class="loadingBox"><i class="ad ad-spinner4 ad-spin"></i></div><div class="modalOverly"></div><div id="errorDrawer" class="modal errorDrawer"><div class="modal-inner"><div class="error-title">Error</div><div class="error-message"></div></div></div><div id="searchPopup"><a class="closeSearch" href="#"><i class="ad ad-times-l" aria-hidden="true"></i></a><h4>What are you looking for?</h4><form action="/search" method="get" class="pr search-header search" role="search"><input type="hidden" name="options[unavailable_products]" value="last" id="unprod"><input type="hidden" name="options[prefix]" value="last"><div class="input-group"><input class="input-group__field search__input" type="search" name="q" placeholder="Search for products, brands and more" value="" autocomplete="off" /><input type="hidden" name="options[prefix]" value="last" aria-hidden="true" /><span class="input-group__btn"><button class="btn search__submit" type="submit"><i class="ad ad-search-l"></i> <span class="icon__fallback-text">Submit</span></button></span></div><div class="search-results" style="display:none;"><ul class="sprList"></ul><ul class="sArticles"></ul></div></form></div>
8577<script>window.addEventListener('DOMContentLoaded',function(){$(document).ready(function(){CartJS.init({"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":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},{"moneyFormat":"${{amount}}","moneyWithCurrencyFormat":"${{amount}} USD","requestBodyClass":"loading"});$(document).on('currency.changed', function(e, oldCurrency, newCurrency){CartJS.render(e, CartJS.cart);});$(".mcNewsletter").submit(function(e){var $form = $(this);e.preventDefault();$.ajax({type: 'GET',url: $(this).attr('action'),data: $(this).serialize(),cache: false,dataType: 'json',contentType: "application/json; charset=utf-8",error: function(err){ alert("Could not connect to the registration server. Please try again later."); },success: function(data){if (data.result == "success"){$($form).find(".form--success").html(data.msg).show();$($form).find(".errors").hide();}else{$($form).find(".errors").html(data.msg).show();}}});});});});</script>
8577<script src="//transformhq.com/cdn/shop/t/35/assets/script-loader.js?v=178288286106074372131785876298" defer></script>
8577 8578
8578<script src="https://www.dwin1.com/19293.js" type="text/javascript" defer="defer"></script>
8578 8579 8580 <!-- AOD_OrderLimit Start --> 8581 �
8581<script> 8582 localStorage.setItem("aodDisplayPopUp", "No"); 8583 localStorage.setItem("aodMSG", ""); 8584 8585 8586 document.addEventListener("DOMContentLoaded", function () { 8587 let aod_set_interval = setInterval(function () { 8588 if (window.aod_JQuery != undefined) { 8589 8590 8591 clearInterval(aod_set_interval); 8592 window.aod_JQuery('.Cart__Checkout, .aod_drawer_checkout').click(function (e) { 8593 if(window.aodTimerSet == false || window.aodTimerSet == undefined){ 8594 e.preventDefault(); 8595 window.aod_JQuery.getJSON("/cart.js", function (aodResponse) { 8596 window.aodValidate(aodResponse, true, false); 8597 }); 8598 } 8599 });� 8600 } 8601 }, 100); 8602 });if(window.aod_goto_checkout_if_valid){ 8603 document.addEventListener('DOMContentLoaded', function() { 8604 window.aod_JQuery(".aod_checkout, input[name='Checkout'], button[name='Checkout'],[href$='Checkout'],input[name='checkout'], button[name='checkout'], [href$='checkout'], input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc'], .additional-checkout-button, .google-wallet-button-holder, .amazon-payments-pay-button").click(function(){ 8605 e.stopPropagation(); 8606 e.preventDefault(); 8607 8608 var aod_check_limit='checking'; 8609 8610 var xhttp = new XMLHttpRequest(); 8611 xhttp.onreadystatechange = function() { 8612 if (this.readyState == 4 && this.status == 200) { 8613 8614 var aod_new_validate=JSON.parse(xhttp.responseText); 8615 8616 window.aodProductTagList = []; 8617 window.aodMinMaxLimit = []; 8618 window.aodCollectionData = []; 8619 window.aodGlobalProductMinMaxLimit = []; 8620 8621 aod_new_validate.aod_cart.forEach(function(data){ 8622 if(data.hasOwnProperty('aodProductTagList')){ 8623 window.aodProductTagList.push(data.aodProductTagList); 8624 8625 } 8626 8627 if(data.hasOwnProperty('aodMinMaxLimit')){ 8628 window.aodMinMaxLimit.push(data.aodMinMaxLimit); 8629 8630 } 8631 8632 if(data.hasOwnProperty('aodCollectionData')){ 8633 window.aodCollectionData.push(data.aodCollectionData); 8634 8635 } 8636 8637 if(data.hasOwnProperty('aodGlobalProductMinMaxLimit')){ 8638 window.aodGlobalProductMinMaxLimit.push(data.aodGlobalProductMinMaxLimit); 8639 8640 } 8641 8642 }) 8643 window.aod_JQuery.getJSON("/cart.js", function (aodResponse) { 8644 8645 aod_check_limit = window.aodValidate(aodResponse, true, false); 8646 let aod_check_response= setInterval(function(){ 8647 if(aod_check_limit != 'checking' && aod_check_limit != undefined ){ 8648 clearInterval(aod_check_response); 8649 if(aod_check_limit){ 8650 window.location = '/checkout'; 8651 }else{ 8652 window.location = '/cart'; 8653 } 8654 } 8655 },100); 8656 }); 8657 8658 }else{ 8659 window.aod_JQuery.getJSON("/cart.js", function (aodResponse) { 8660 8661 aod_check_limit = window.aodValidate(aodResponse, true, false); 8662 let aod_check_response= setInterval(function(){ 8663 if(aod_check_limit != 'checking' && aod_check_limit != undefined ){ 8664 clearInterval(aod_check_response); 8665 if(aod_check_limit){ 8666 window.location = '/checkout'; 8667 }else{ 8668 window.location = '/cart'; 8669 } 8670 } 8671 },100); 8672 }); 8673 8674 } 8675 }; 8676 xhttp.open("GET", "/cart?view=aod_cart", true); 8677 xhttp.send(); 8678 }); 8679 }); 8680 8681 }else{ 8682 document.addEventListener('DOMContentLoaded', function() { 8683 let checkoutbtninterval = setInterval(function(){ 8684 var aod_selector=document.querySelectorAll("input[name='checkout'], button[name='checkout'], input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc'], [href$='checkout']"); 8685 var aod_goto_cartpage = function(e) { 8686 e.stopPropagation(); 8687 e.preventDefault(); 8688 window.location = '/cart'; 8689 }; 8690 for (var i = 0; i < aod_selector.length; i++) { 8691 aod_selector[i].addEventListener('click', aod_goto_cartpage, false); 8692 } 8693 },500) 8694 }); 8695 }</script>
8695 8696 8697 8698 <style> 8699 .PrdMsgContainer { 8700 display: flex !important; 8701 align-items: center !important; 8702 justify-content: center !important; 8703 justify-items: center !important; 8704 padding: 10px 0px 10px 0px; 8705 } 8706 .PrdMsgContainer img { 8707 height: 30px !important; 8708 } 8709 .shopify-payment-button__button, .additional-checkout-buttons, .shopify-payment-button { 8710 display: none !important; 8711 } 8712 </style> 8713 8714
8714<script> 8715 8716 window.is_display_add_btn=false; 8717 8718 8719 window.aod_total_weight = "0.0"; 8720 window.aodMsg = {"error":"json not allowed for this object"}� 8721 window.aodMsg_json = {"total_min":"your cart total price must be at least {min}.","total_max":"your cart total price must be at most {max}.","weight_min":"your cart total weight must be at least {min}, your current cart weight is {weight}.","weight_max":"your cart total weight must be at most {max}, your current cart weight is {weight}.","qty_min":"your cart total quantity must be at least {min}, your current cart quantity is {quantity}.","qty_max":"your cart total quantity must be at most {max}, your current cart quantity is {quantity}.","product_min":"{productname} must be at least {min} quantity, your current quantity is {quantity}.","product_max":"{productname} must be at most {max} quantity, your current quantity is {quantity}.","product_step":"{productname} must be multiple of {step}.","HeaderMsg":"order limit","Add_Button":"Add","collection_min":"{collectionname} must be at least {min} quantity, your current quantity is {quantity}.","collection_max":"{collectionname} must be at most {max} quantity, your current quantity is {quantity}."} 8722 if(window.aodMsg.hasOwnProperty('error') && window.aodMsg_json != undefined){ 8723 window.aodMsg = window.aodMsg_json; 8724 } 8725 8726 8727 window.aod_cart_validate = null� 8728 8729 window.aod_cart_validate_json = {"id":1949,"ShopId":71296844089,"totalMin":"","totalMax":"","weightMin":"","weightMax":"","qtyMin":"","qtyMax":"","prdMin":"","prdMax":"","prdStep":""} 8730 if(window.aod_cart_validate == null && window.aod_cart_validate_json.hasOwnProperty('aod_cart_validate')){ 8731 window.aod_cart_validate = window.aod_cart_validate_json.aod_cart_validate; 8732 } 8733 8734 8735 8736 window.aod_tag_validate = {"error":"json not allowed for this object"} 8737 8738 � 8739 window.aod_tag_validate_json = {"id":969,"shopid":71296844089,"value":null} 8740 if(window.aod_tag_validate.hasOwnProperty('error') && window.aod_tag_validate_json != undefined){ 8741 window.aod_tag_validate = window.aod_tag_validate_json; 8742 } 8743 8744 8745 window.aodMoneyFormat = "${{amount}} USD" 8746 window.aodMinMaxLimit = []; 8747 window.aodCollectionData = []; 8748 window.aodGlobalProductMinMaxLimit = []; 8749 8750 if (!window.aodMsg.hasOwnProperty('collection_min')) { 8751 window.aodMsg.collection_min = '{collectionname} must be at least {min} quantity, your current quantity is {quantity}.'; 8752 } 8753 if (!window.aodMsg.hasOwnProperty('collection_max')) { 8754 window.aodMsg.collection_max = '{collectionname} must be at most {max} quantity, your current quantity is {quantity}.'; 8755 } 8756 8757 window.aodProductTagList = []; 8758 </script>
8758 8759
8759<script src="/apps/orderlimit/js/sweetalert2.all.min.js"></script>
8759 8760
8760<script src="/apps/orderlimit/js/AODLimit.js?v=2.5" defer="defer"></script>
8760 8761 <!-- AOD_OrderLimit End --> 8762 8763 8764
8765<script>(()=>{if(window.ZipifyPages??={},!window.ZipifyPages.isGlobalSectionScriptsLoaded)return;window.ZipifyPages.isGlobalSectionScriptsLoaded=!1;"https://cdn03.zipify.com/javascript/fr-page-published-scripts.min.js".split(",").map((i=>i.trim())).forEach((i=>{const e=document.createElement("script");Object.assign(e,{src:i,defer:!0,type:"module"}),document.body.appendChild(e)}))})();</script>
8765<script id="published-popup-template" type="text/template"><form class="zpa-crm-popup-form" id="zpa-crm-form" action="/subscribe" method="post" data-zpa-crm-form><header class="zpa-crm-popup-header"><button class="zpa-popup-btn-close" type="button"aria-label="Close Navigation" data-close-btn><svg class="zpa-popup-btn-close-icon" width="34" height="34" data-name="btn-close"><use href="#btn-close"></use></svg></button></header><div class="zpa-crm-popup-body" data-popup-content></div></form></script>
8765
8765<script id="crm-button-popup" type="text/template">{! if (progress_image_option == 1)!}<div class="zpa-crm-popup-progressbar-wrap"><img class="zpa-crm-popup-img-progress zpa-img-fluid zpa-center-block" src="{!= progress_image.src !}"></div>{! !}<h1 class="zpa-crm-popup-title" style="color:{!= form_name_color !}; font-family:{!= form_name_font_family !}; font-size:{!= form_name_font_size !};">{!= form_name !}</h1><div class="zpa-crm-popup-form-container">{! if (form_image_option == 1) !}<div class="zpa-crm-popup-image-box"><img class="zpa-crm-popup-img-asside zpa-img-fluid zpa-center-block" style="border-radius:{!= form_image_shape !};" src="{!= form_image.src !}"></div>{! !}<div class="zpa-crm-popup-form-box"><div class="zpa-crm-popup-field-wrap">{! if (first_name_option == 1) !}<label class="zpa-crm-popup-field-wrap zpa-crm-popup-field-first-name zpa-text-field zpa-offset-bottom-xs"><input class="zpa-text-field__input" type="text" name="first_name" data-user-fname data-zp-input><span class="zpa-text-field__label">First Name</span></label>{! !}{! if (last_name_option == 1) !}<label class="zpa-crm-popup-field-wrap zpa-crm-popup-field-last-name zpa-text-field zpa-offset-bottom-xs"><input class="zpa-text-field__input" type="text" name="last_name" data-user-lname data-zp-input><span class="zpa-text-field__label">Last Name</span></label>{! !}</div><label class="zpa-text-field"><input class="zpa-text-field__input" type="email" name="email" required data-user-email data-zp-input><span class="zpa-text-field__label">Email Address</span></label>{! if (phone_option == 1) !}<label class="zpa-text-field zpa-crm-popup-field-phone"><input class="zpa-text-field__input" name="phone" type="tel" data-user-phone data-zp-input><span class="zpa-text-field__label">Phone Number</span></label>{! !}</div></div>{! if (gdpr_status != 'disable') !}<div>{! if (gdpr_status == 'enable_with_checkbox') !}<label class="zpa-control zpa-control--top zpa-control-checkbox zpa-offset-bottom-xs hidden" data-gdpr-checkbox-section><input class="zpa-control__field" type="checkbox" name="gdpr" data-gdpr-checkbox><span class="zpa-control__indicator zpa-offset-right-xs"></span><span class="zpa-fsize-xs" data-gdpr-checkbox-text></span></label>{! !}{! if (gdpr_status == 'enable_without_checkbox') !}<p class="zpa-fsize-xs zpa-text-center zpa-offset-top-none zpa-offset-bottom-xs hidden" data-gdpr-message-section></p>{! !}</div>{! !}<button class="zpa-crm-button-checkout zpa-btn-custom" type="submit" style="color:{!= checkout_button_color !}; background-color: {!= checkout_button_background_color !}" data-checkout-btn data-zpa-submit-button>{!= checkout_button_caption !}</button>{! if (comment_text_status == 1) !}<p class="zpa-crm-popup-description" style="color: {!= comment_text_font_color !}" data-comment-text-status>{!= comment_text !}</p>{! !}{! if (banner_image_option == 1)!}<img class="zpa-crm-popup-img-footer zpa-img-fluid zpa-center-block" src="{!= banner_image.src !}">{! !}</script>
8765<div id="shopify-block-AQ29LMUJXejNTS0plW__8037605124156046748" class="shopify-block shopify-app-block"> 8766</div><div id="shopify-block-AdDRwVHp0N1J4OFFja__13070091535480640111" class="shopify-block shopify-app-block"><input type="hidden" class="aph_bars_app_embed" value="[{"id":"25003988_885096","type":"bar"}]" /> 8767<input type="hidden" class="aph_shop_plan" value="7118" /> 8768 8769<input type="hidden" class="aph_product_collection" value="" /> 8770 8771</div><div id="shopify-block-ARXcwSjY4SVZ5dmI0d__1206128725646818650" class="shopify-block shopify-app-block"> 8772 8773<div id="amp-theme-extension" data-initial-url="https://cdn.useamp.com" ></div> 8774<div id="amp-upsells-additional-checkout-buttons" style="display: none"></div> 8775
8776<script> 8777 window.AMP_SHOPIFY_BRIDGE = { 8778 productId: '', 8779 productHandle: '', 8780 moneyFormat: '${{amount}}', 8781 firstOrSelectedVariantId: '', 8782 }; 8783 8784 !(async function () { 8785 console.log("Loading amp conversion cart"); 8786 8787 let overrideUrl = document 8788 .getElementById("amp-theme-extension") 8789 .getAttribute("data-initial-url"); 8790 8791 let cssUrl, jsUrl; 8792 8793 if (overrideUrl && overrideUrl !== 'https://cdn.useamp.com') { 8794 cssUrl = `${overrideUrl}/assets/cart.css`; 8795 jsUrl = `${overrideUrl}/assets/cart.js`; 8796 } else { 8797 cssUrl = 'https://cdn.shopify.com/extensions/01a0eb2d-e73a-7aec-b7b7-a2a39b9567fa/post-purchase-1002/assets/cart.css' || `${overrideUrl}/assets/cart.css`; 8798 jsUrl = 'https://cdn.shopify.com/extensions/01a0eb2d-e73a-7aec-b7b7-a2a39b9567fa/post-purchase-1002/assets/cart.js' || `${overrideUrl}/assets/cart.js`; 8799 } 8800 8801 let t = document.createElement("link"); 8802 (t.type = "text/css"), 8803 (t.rel = "stylesheet"), 8804 (t.href = cssUrl), 8805 document.head.appendChild(t); 8806 8807 var s = document.createElement("script"); 8808 (s.type = "module"), 8809 (s.src = jsUrl), 8810 document.querySelector("body").appendChild(s); 8811 })(); 8812</script>
8812 8813</div><div id="shopify-block-AWXFqMDFtQTRGTUxNT__914574027208035924" class="shopify-block shopify-app-block camouflage-hide-oos"> 8814 8815 8816 8817<style data-script_priority="low"> 8818 8819 8820 8821 8822 .camouflage-grid-disable, input.camouflage-grid-disable + label { 8823 display: none; 8824 } 8825 8826</style> 8827 8828 8829<!-- BEGIN app snippet: camouflage-data -->
8829<script> 8830 (function() { 8831 if(!window.loaded_script_hoos_obj) { 8832 window.loaded_script_hoos_obj = {}; 8833 } 8834 window.hoosObj = null; // resetting value for quick views 8835 8836 window.hide_oos_enabled = "codecrux hide oos"; 8837 8838 window.current_date_time = "Wednesday, September 30, 2026 8:07 am -0600";const codecrux_settings = {"selector_type":"select","theme_name":"avone os 2.0","other_theme_name":"avone os 2.0","unavailable_class":"","hide_oos_variants":true,"strikethrough_oos_variants":false,"variant_action":"hide","hide_oos_check_qty":false,"quickview_enabled":"","product_grid_enabled":"","load_available_script":"","hsoi":"c","integrates_with":"","update_collection_links":"","collection_link_delay":0,"hide_if_no_image":"","hide_if_price_zero":"","custom_js":"{\n \"hide_oos_extras\": {\n \"disabled\": false,\n \"render_global_hide_script\": \"yes\",\n \"use_TA7\": true\n }\n}","render_global_hide_script":"yes","hide_in_safari":"hide","version":"v4","hide_specific_variants":"hide","always_hide_show_field":"variant_title","include_only_hide_show_field":""} || {}; 8839 const requested_page = { "design_mode": "false", "host": "transformhq.com", "locale": "en", "origin": "https://transformhq.com", "page_type": "index", "path": "/", "visual_preview_mode": "false"} 8840 8841 8842 const hide_variants_options_arr = [{"name":"variant.title","values":"Milk & Cookies, Milk & Cookies (Limited Edition), Chocolate Coconut, Chocolate Coconut (Limited Edition), Strawberry Cheesecake, Strawberry Cheesecake (Limited Edition), Chocolate Toffee, Chocolate Toffee (Limited Edition), Pina Colada, Pina Colada (Limited Edition), Cinnamon Roll, Cherry Limeade, S'mores, S'mores (Limited Edition), Tiger's Blood, Tiger's Blood (Limited Edition), Watermelon, Mocha, Mocha (Limited Edition), Root Beer Float, Root Beer Float (Limited Edition), Boysenberry, Boysenberry (Limited Edition), Cinnamon Roll (Limited Edition), Mango Smoothie, Mango Smoothie (Limited Edition), Coconut Lime, Coconut Lime (Limited Edition), Cake Batter, Cake Batter (Limited Edition), Dark Chocolate Raspberry, Dark Chocolate Raspberry (Limited Edition), Coconut Cream, Coconut Cream (Limited Edition), White Chocolate Peppermint, White Chocolate Peppermint (Limited Edition), ðªMilk & Cookies, ðª Milk & Cookies, ðª Milk & Cookies (Limited Edition), Cookie Butter, Cookie Butter (Limited Edition)"},{"name":"variant.title","values":"Salted Caramel, Salted Caramel (Limited Edition)","product_tags":"shake-tub"}]; 8843 let hide_oos_extras = window.hide_oos_extras || null; 8844 let hide_oos_query_selectors = window.hide_oos_query_selectors || null; 8845 let custom_js = {}; // custom_js is custom_json configuration 8846 if (codecrux_settings && codecrux_settings.custom_js) { 8847 custom_js = codecrux_settings.custom_js || ''; 8848 if (typeof custom_js === "string") { 8849 try { 8850 custom_js = JSON.parse(custom_js) || {}; 8851 } catch(error) { 8852 console.error(error); 8853 } 8854 } 8855 8856 // giving priority to window object 8857 if (typeof custom_js === "object") { 8858 custom_js.hide_oos_extras = window.hide_oos_extras || custom_js.hide_oos_extras; 8859 custom_js.hide_oos_query_selectors = window.hide_oos_query_selectors || custom_js.hide_oos_query_selectors; 8860 custom_js.product_grid = window.hide_oos_product_grid || custom_js.product_grid; 8861 custom_js.quick_view = window.hide_oos_quick_view || custom_js.quick_view; 8862 custom_js.featured_product = window.hide_oos_featured_product || custom_js.featured_product; 8863 custom_js.image_hide = window.hide_oos_image_hide || custom_js.image_hide; 8864 } 8865 } 8866 8867 window.hide_oos_t_settings = {"theme_name":"","selector_type":"","hide_oos_variants":false,"strikethrough_oos_variants":false,"other_file_name":"","reverse_options":false} || {}; 8868 8869 delete codecrux_settings.custom_css; 8870 delete codecrux_settings.custom_js; 8871 delete codecrux_settings.global_custom_css; 8872 8873 window.hide_oos_m_settings = { 8874 ...codecrux_settings, 8875 variant_action: "hide" 8876 } 8877 8878 window.camouflage_global_config = { 8879 hide_oos_m_settings: hide_oos_m_settings, 8880 hide_oos_t_settings: hide_oos_t_settings, 8881 hide_variants_options_arr: hide_variants_options_arr, 8882 key: "7ad70-1a285-dde81-bf31b-882c9-077de-25", 8883 request: requested_page, 8884 logLevel: "fakeLog", 8885 current_country: "US", 8886 money_format: "${{amount}}", 8887 collection_id: null, 8888 collection_handle: null, 8889 collection_product_count: null, 8890 collection_products: [], 8891 ...custom_js 8892 }; 8893 8894 console.fakeLog = () => {}; 8895 8896 8897})(); 8898 8899</script>
8899 8900 8901
8902<script id="camouflage_customer_tags"> 8903 window.camouflageCustomerTags = window.camouflageCustomerTags || [];</script>
8903<!-- END app snippet --><!-- BEGIN app snippet: swatch-snippet --><!-- END app snippet --> 8904
8904<script id="camouflage-custom-js-global"> 8905 // custom js here 8906 </script>
8906 8907 8908 8909 8910 8911 <!-- BEGIN app snippet: global-hide-variants -->
8911<script> 8912 const camouflageHideVariantOptionsGlobalArr = () => { 8913 const hide_variants_options_global_arr = window.camouflage_global_config.hide_variants_options_arr; 8914 const current_product_type = window.hide_oos_t_settings.product?.type; 8915 const current_product_tags = window.hide_oos_t_settings.product?.tags; 8916 const current_country = window.camouflage_global_config.current_country || window.Shopify?.country || ''; 8917 let current_customer_tags = window.camouflage_global_config.customer_tags || window.camouflageCustomerTags || []; 8918 const logLevel = window.location.search.includes('debug=camouflage') ? 'debug' : 'fakeLog'; 8919 const loggerPrefix = ['%cCamouflage-Global', 'color:orange; font-size: 16px; background-color: green;']; 8920 const currentPageType = window.camouflage_global_config.request.page_type; 8921 const collectionPageFilterContainer = document.querySelector('facet-filters-form, #FacetFiltersForm') || document.body; 8922 8923 if (Array.isArray(hide_variants_options_global_arr)) { 8924 let css_array = []; 8925 for (const option of hide_variants_options_global_arr) { 8926 const option_name = option.name; 8927 const option_values = Array.isArray(option.values) ? option.values.filter(value => value !== "") : typeof option.values === "string" ? option.values.split(",").map(value => value.trim()).filter(value => value !== "") : []; 8928 const countries = Array.isArray(option.countries) ? option.countries.filter(value => value !== "") : typeof option.countries === "string" ? option.countries.split(",").map(value => value.trim()).filter(value => value !== "") : []; 8929 const ex_countries = Array.isArray(option.ex_countries) ? option.ex_countries.filter(value => value !== "") : typeof option.ex_countries === "string" ? option.ex_countries.split(",").map(value => value.trim()).filter(value => value !== "") : []; 8930 const customer_tags = Array.isArray(option.customer_tags) ? option.customer_tags.filter(value => value !== "") : typeof option.customer_tags === "string" ? option.customer_tags.split(",").map(value => value.trim()).filter(value => value !== "") : []; 8931 const product_types = Array.isArray(option.product_types) ? option.product_types.filter(value => value !== "") : typeof option.product_types === "string" ? option.product_types.split(",").map(value => value.trim()).filter(value => value !== "") : []; 8932 const product_tags = Array.isArray(option.product_tags) ? option.product_tags.filter(value => value !== "") : typeof option.product_tags === "string" ? option.product_tags.split(",").map(value => value.trim()).filter(value => value !== "") : []; 8933 current_customer_tags = Array.isArray(current_customer_tags) ? current_customer_tags.filter(value => value !== "") : (typeof current_customer_tags === "string" ? current_customer_tags.split(",").map(value => value.trim()).filter(value => value !== "") : []); 8934 const excludedConfiguredTags = customer_tags.filter(tag => tag.charAt(0) === '-').map(tag => tag.slice(1)); 8935 const customerTaggedWithExcludedTag = excludedConfiguredTags.length ? current_customer_tags.some(tag => excludedConfiguredTags.includes(tag)) : false; 8936 8937 if (ex_countries.length && ex_countries.includes(current_country)) { 8938 console[logLevel](...loggerPrefix, `Not hiding due to ex_countries: ${ex_countries}, options: ${JSON.stringify(option)}`); 8939 continue; 8940 } 8941 8942 if (countries.length && !countries.includes(current_country)) { 8943 console[logLevel](...loggerPrefix, `Not hiding due to countries: ${countries}, options: ${JSON.stringify(option)}`); 8944 continue; 8945 } 8946 8947 if (customerTaggedWithExcludedTag) { 8948 console[logLevel](...loggerPrefix, `Not hiding due to customerTaggedWithExcludedTag: ${customerTaggedWithExcludedTag}, options: ${JSON.stringify(option)}`); 8949 continue; 8950 } 8951 8952 if (customer_tags.length && !excludedConfiguredTags.length && !customer_tags.some(tag => current_customer_tags.includes(tag))) { 8953 console[logLevel](...loggerPrefix, `Not hiding due to customer_tags: ${customer_tags}, options: ${JSON.stringify(option)}`); 8954 continue; 8955 } 8956 8957 if (product_types.length && !current_product_type) { 8958 console[logLevel](...loggerPrefix, `Not hiding due to current_product_type found: ${product_types}, options: ${JSON.stringify(option)}`); 8959 continue; 8960 } 8961 8962 if (product_types.length && !product_types.includes(current_product_type)) { 8963 console[logLevel](...loggerPrefix, `Not hiding due to product_types: ${product_types}, options: ${JSON.stringify(option)}`); 8964 continue; 8965 } 8966 8967 if (product_tags.length && !current_product_tags) { 8968 console[logLevel](...loggerPrefix, `Not hiding due to current_product_tags found: ${product_tags}, options: ${JSON.stringify(option)}`); 8969 continue; 8970 } 8971 8972 if (product_tags.length && !product_tags.some(tag => current_product_tags.includes(tag))) { 8973 console[logLevel](...loggerPrefix, `Not hiding due to product_tags: ${product_tags}, options: ${JSON.stringify(option)}`); 8974 continue; 8975 } 8976 8977 // hide from collection filters 8978 for (const option_value of option_values) { 8979 const cssEsapedValue = CSS.escape(option_value); 8980 if (typeof window.camouflageGlobalVariantHideFnPDP === 'function') { 8981 window.camouflageGlobalVariantHideFnPDP({ option_name, option_value, css_array }); 8982 } else { 8983 css_array.push(`input[name^="${option_name}"][value="${cssEsapedValue}"] + label { display: none !important; }`); 8984 } 8985 8986 // add collection page filter css 8987 if (currentPageType === 'collection') { 8988 if (typeof window.camouflageGlobalVariantHideFnPLP === 'function') { 8989 window.camouflageGlobalVariantHideFnPLP({ option_name, option_value, css_array }); 8990 } else { 8991 const filterQuery = collectionPageFilterContainer.querySelectorAll(`input[name="filter.v.option.${option_name}"][value="${cssEsapedValue}"], input[name="filter.v.option.${option_name.toLowerCase()}"][value="${cssEsapedValue}"], input[name="filter.v.option.${option_name.toLowerCase()}"][value="${cssEsapedValue.toLowerCase()}"]`);
8992 filterQuery.forEach(input => { 8993 if (input.id) { 8994 css_array.push(`input[id="${input.id}"] { display: none !important; }`); 8995 css_array.push(`label[for="${input.id}"] { display: none !important; }`); 8996 } 8997 }); 8998 } 8999 } 9000 } 9001 } 9002 9003 const css = css_array.join("\n"); 9004 console[logLevel](...loggerPrefix, 'css', css); 9005 // add css to style tag 9006 const style_tag = document.createElement("style"); 9007 style_tag.innerHTML = css; 9008 style_tag.id = "camouflage-custom-css-global"; 9009 document.head.appendChild(style_tag); 9010 } 9011 } 9012 9013 try { 9014 camouflageHideVariantOptionsGlobalArr(); 9015 } catch (error) { 9016 console.error(error); 9017 } 9018 9019 9020</script>
9020<!-- END app snippet --> 9021 9022 9023 9024</div>
9024<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9024 9025</body> 9026</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.