) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: 0.4980s;
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: 0.4648s;
--spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
--spring-d260-b0-duration: 0.4316s;
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: 0.3818s;
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: 0.2988s;
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
--quick-add-modal-width: min(54rem, 96vw);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
#vstd-lp-531-try-luvie, #vstd-lp-531-try-luvie .vy-color-scheme-1{
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.06);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 0.78);
--color-input-text: rgb(51 51 51 / 1.0);
--color-input-text-rgb: 51 51 51;
--color-input-border: rgb(223 223 223 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.01);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(0 0 0 / 0.13);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie .vy-color-scheme-2{
--color-background: rgb(245 245 245 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 245 245 245;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(223 223 223 / 1.0);
--color-border-rgb: 223 223 223;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie .vy-color-scheme-3{
--color-background: rgb(238 241 234 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 238 241 234;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.81);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie .vy-color-scheme-4{
--color-background: rgb(225 237 245 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 225 237 245;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 0.81);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 0.81);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(29 54 134 / 0.5);
--color-border-rgb: 29 54 134;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(29 54 134 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
--color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 0.81);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.81);
--color-input-hover-background: rgb(255 255 255 / 0.36);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie .vy-color-scheme-5{
--color-background: rgb(26 26 27 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 26 26 27;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(255 255 255 / 0.69);
--color-border-rgb: 255 255 255;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(181 40 42 / 1.0);
--color-primary-button-border: rgb(181 40 42 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(139 30 32 / 1.0);
--color-primary-button-hover-border: rgb(139 30 32 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 0.69);
--color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
--color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
--color-input-background: rgb(51 51 51 / 1.0);
--color-input-text: rgb(255 255 255 / 0.93);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 0.69);
--color-input-hover-background: rgb(255 255 255 / 0.04);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(181 40 42 / 1.0);
--color-selected-variant-border: rgb(181 40 42 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(139 30 32 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(139 30 32 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie .vy-color-scheme-6{
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 0.69);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie .vy-color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7{
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 0.53);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
--color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
--color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(250 250 250 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
#vstd-lp-531-try-luvie, #vstd-lp-531-try-luvie .vy-color-scheme-1, #vstd-lp-531-try-luvie .vy-color-scheme-2, #vstd-lp-531-try-luvie .vy-color-scheme-3, #vstd-lp-531-try-luvie .vy-color-scheme-4, #vstd-lp-531-try-luvie .vy-color-scheme-5, #vstd-lp-531-try-luvie .vy-color-scheme-6, #vstd-lp-531-try-luvie .vy-color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7{
color: var(--color-foreground);
background-color: var(--color-background);
}
#vstd-lp-531-try-luvie #shopify-buyer-consent{
margin-top: 1em;
display: inline-block;
width: 100%;
}
#vstd-lp-531-try-luvie #shopify-buyer-consent.vy-hidden{
display: none;
}
#vstd-lp-531-try-luvie #shopify-subscription-policy-button{
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#vstd-lp-531-try-luvie #shopify-subscription-policy-button::before{
box-shadow: none;
}
/* https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-7.ttf") format('truetype');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-8.ttf") format('truetype');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-9.ttf") format('truetype');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-10.ttf") format('truetype');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-11.ttf") format('truetype');
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-12.ttf") format('truetype');
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-13.ttf") format('truetype');
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-14.ttf") format('truetype');
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("https://storage.googleapis.com/vysta/lp-531-try-luvie/fonts/font-15.ttf") format('truetype');
}
/* ===== CSS VARIABLES ===== */
#vstd-lp-531-try-luvie{
--dark: #14110c;
--dark-2: #1c1811;
--dark-3: #262017;
--dark-4: #2f2819;
--white: #ffffff;
--off-white: #ffffff;
--cream: #fdfaf4;
--border: #e8ddcc;
--border-dark: #3a3126;
--green: #4a7a55;
--green-light: #5d9169;
--green-bg: #f1f6f1;
--green-text: #3d6647;
--red-cta: #9c6638;
--red-cta-hover: #8a5931;
--gold: #d9b28d;
--gold-light: #e9d1b7;
--text-primary: #1c1811;
--text-secondary: #5b5044;
--text-muted: #6b5f4f;
--accent-red: #a84a37;
--winner-green: #4a7a55;
--loser-red: #a84a37; --gold-deep: #8a5a2e; --gold-mid: #c08a55;}
/* ===== RESET & BASE ===== */
#vstd-lp-531-try-luvie *, #vstd-lp-531-try-luvie *::before, #vstd-lp-531-try-luvie *::after{ box-sizing: border-box; margin: 0; padding: 0; }
#vstd-lp-531-try-luvie{ scroll-behavior: smooth; font-size: 16px; overflow-x: clip; background: #ffffff; }
#vstd-lp-531-try-luvie{
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background: var(--off-white);
color: var(--text-primary);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
overflow-x: clip;
max-width:100%;
}
#vstd-lp-531-try-luvie img{ max-width: 100%; height: auto; display: block; }
#vstd-lp-531-try-luvie a{ text-decoration: none; color: inherit; }
/* ===== STICKY NAV ===== */
#vstd-lp-531-try-luvie .vy-site-nav{
position: sticky;
top: 0;
z-index: 100;
background: #ffffff;
border-bottom: 1px solid var(--border-dark); border-bottom: 1px solid #e8ddcc;}
#vstd-lp-531-try-luvie .vy-nav-inner{
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
}
#vstd-lp-531-try-luvie .vy-nav-logo{
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 700;
color: var(--text-primary);
letter-spacing: -0.02em;
}
#vstd-lp-531-try-luvie .vy-nav-logo span{ color: var(--gold-deep); }
#vstd-lp-531-try-luvie .vy-nav-cta{
background: var(--red-cta);
color: #ffffff;
padding: 8px 20px;
border-radius: 4px;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.02em;
white-space: nowrap;
flex-shrink: 0;
transition: background 0.2s;
}
#vstd-lp-531-try-luvie .vy-nav-cta:hover{ background: var(--red-cta-hover); }
@media (max-width: 480px) {
#vstd-lp-531-try-luvie .vy-nav-cta{ padding: 7px 12px; font-size: 0.72rem; }
#vstd-lp-531-try-luvie .vy-nav-logo{ font-size: 0.95rem; }
}
/* ===== ANNOUNCEMENT BAR ===== */
#vstd-lp-531-try-luvie .vy-announcement-bar{
background: #ffffff;
border-bottom: 1px solid #ece4d8;
padding: 10px 24px;
text-align: center;
}
#vstd-lp-531-try-luvie .vy-announcement-bar p{
font-size: 0.8rem;
color: #5b5044;
letter-spacing: 0.05em;
text-transform: uppercase;
}
#vstd-lp-531-try-luvie .vy-announcement-bar a{
color: var(--gold-deep);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
/* ===== HERO SECTION ===== */
#vstd-lp-531-try-luvie .vy-hero{
background: #f7efe3;
color: var(--text-primary);
padding: 64px 24px 72px;
text-align: center;
}
#vstd-lp-531-try-luvie .vy-hero-eyebrow{
font-size: 0.75rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6b5f4f;
margin-bottom: 8px;
}
#vstd-lp-531-try-luvie .vy-hero-eyebrow a{ color: var(--gold-deep); text-decoration: underline; text-underline-offset: 2px; }
#vstd-lp-531-try-luvie .vy-hero-subline{
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #6b5f4f;
margin-bottom: 28px;
}
#vstd-lp-531-try-luvie .vy-hero h1{
font-family: 'Playfair Display', serif;
font-size: clamp(1.8rem, 4vw, 3rem);
font-weight: 700;
line-height: 1.2;
max-width: 780px;
margin: 0 auto 24px;
letter-spacing: -0.02em;
}
#vstd-lp-531-try-luvie .vy-hero-intro{
font-size: 1rem;
color: #453d33;
max-width: 680px;
margin: 0 auto 28px;
line-height: 1.7;
}
#vstd-lp-531-try-luvie .vy-hero-author{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 40px;
}
#vstd-lp-531-try-luvie .vy-author-avatar{
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--gold);
}
#vstd-lp-531-try-luvie .vy-author-text{
font-size: 0.85rem;
color: #5b5044;
}
#vstd-lp-531-try-luvie .vy-author-text strong{ color: var(--text-primary); }
/* Product Cards */
#vstd-lp-531-try-luvie .vy-hero-products{
display: flex;
gap: 20px;
justify-content: center;
max-width: 700px;
margin: 0 auto 36px;
}
#vstd-lp-531-try-luvie .vy-product-card{
background: #ffffff;
border: 1px solid #e8ddcc;
border-radius: 8px;
padding: 20px;
flex: 1;
text-align: center;
transition: border-color 0.2s;
}
#vstd-lp-531-try-luvie .vy-product-card.vy-winner{ border-color: var(--gold-mid); position: relative; }
#vstd-lp-531-try-luvie .vy-winner-badge{
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: var(--gold);
color: #111;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
white-space: nowrap;
}
#vstd-lp-531-try-luvie .vy-product-card img{
width: 100%;
max-width: 200px;
height: 180px;
object-fit: contain;
margin: 0 auto 12px;
border-radius: 4px;
}
#vstd-lp-531-try-luvie .vy-product-card-name{
font-size: 0.9rem;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 6px;
}
#vstd-lp-531-try-luvie .vy-product-card-price{
font-size: 1.1rem;
font-weight: 700;
color: var(--green);
}
#vstd-lp-531-try-luvie .vy-product-card.vy-loser .vy-product-card-price{ color: #5b5044; }
#vstd-lp-531-try-luvie .vy-product-card-sub{
font-size: 0.75rem;
color: #6b5f4f;
margin-top: 4px;
}
#vstd-lp-531-try-luvie .vy-product-card.vy-loser .vy-product-card-sub{ color: var(--accent-red); }
#vstd-lp-531-try-luvie .vy-hero-cta{
display: inline-block;
background: var(--red-cta);
color: #ffffff;
padding: 16px 40px;
border-radius: 6px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.02em;
transition: background 0.2s, transform 0.1s;
border: 2px solid transparent;
}
#vstd-lp-531-try-luvie .vy-hero-cta:hover{ background: var(--red-cta-hover); transform: translateY(-1px); }
/* ===== LAYOUT: CONTENT + STICKY SIDEBAR ===== */
#vstd-lp-531-try-luvie .vy-page-layout{
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
align-items: start;
}
#vstd-lp-531-try-luvie .vy-main-content{ min-width: 0; }
/* ===== STICKY SIDEBAR ===== */
#vstd-lp-531-try-luvie .vy-sidebar{
position: sticky;
top: 72px;
}
#vstd-lp-531-try-luvie .vy-sidebar-card{
background: var(--white);
border: 1px solid var(--border);
border-radius: 10px;
padding: 24px;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
#vstd-lp-531-try-luvie .vy-sidebar-label{
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--text-muted);
margin-bottom: 8px;
}
#vstd-lp-531-try-luvie .vy-sidebar-title{
font-family: 'Playfair Display', serif;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.3;
margin-bottom: 16px;
}
#vstd-lp-531-try-luvie .vy-sidebar-img{
width: 100%;
max-height: 160px;
object-fit: contain;
margin-bottom: 14px;
border-radius: 6px;
}
#vstd-lp-531-try-luvie .vy-sidebar-badges{
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 14px;
}
#vstd-lp-531-try-luvie .vy-sidebar-badge{
display: flex;
align-items: center;
gap: 8px;
font-size: 0.82rem;
color: var(--text-secondary);
}
#vstd-lp-531-try-luvie .vy-sidebar-badge::before{
content: '✓';
color: var(--green);
font-weight: 700;
font-size: 0.9rem;
}
#vstd-lp-531-try-luvie .vy-sidebar-stars{
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px; color: #9e6828;}
#vstd-lp-531-try-luvie .vy-stars{ color: #9e6828; font-size: 0.9rem; letter-spacing: 1px; }
#vstd-lp-531-try-luvie .vy-rating-score{ font-weight: 700; font-size: 0.9rem; }
#vstd-lp-531-try-luvie .vy-review-count{ font-size: 0.78rem; color: var(--text-muted); margin-bottom: 12px; }
#vstd-lp-531-try-luvie .vy-sidebar-desc{ font-size: 0.82rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px; }
#vstd-lp-531-try-luvie .vy-sidebar-sale{
background: #f9f1e6;
border: 1px solid #d9b28d;
border-radius: 6px;
padding: 10px 12px;
margin-bottom: 14px;
}
#vstd-lp-531-try-luvie .vy-sidebar-sale-title{ font-size: 0.78rem; font-weight: 700; color: #8a5a2e; margin-bottom: 2px; }
#vstd-lp-531-try-luvie .vy-sidebar-sale-desc{ font-size: 0.75rem; color: #7a5230; }
#vstd-lp-531-try-luvie .vy-sidebar-cta{
display: block;
background: var(--red-cta);
color: #ffffff;
text-align: center;
padding: 14px 10px;
border-radius: 6px;
font-weight: 700;
font-size: 0.82rem;
white-space: nowrap;
letter-spacing: 0.2px;
transition: background 0.2s;
}
#vstd-lp-531-try-luvie .vy-sidebar-cta:hover{ background: var(--red-cta-hover); }
/* ===== SECTION STYLES ===== */
#vstd-lp-531-try-luvie section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-section-divider{ border: none; border-top: 1px solid var(--border); margin: 0; }
/* Why This Comparison Matters */
#vstd-lp-531-try-luvie .vy-why-section{ padding: 48px 0 40px; }
#vstd-lp-531-try-luvie .vy-section-icon{
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--green-bg);
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0;
}
#vstd-lp-531-try-luvie .vy-section-icon svg{ width: 18px; height: 18px; fill: var(--green); }
/* Row layout: icon + heading sit on a baseline-centered row */
#vstd-lp-531-try-luvie .vy-comparison-section:has(> .vy-section-icon + .vy-section-h2), #vstd-lp-531-try-luvie .vy-comparison-section:has(> .vy-section-icon + h2), #vstd-lp-531-try-luvie .vy-why-section:has(> .vy-section-icon + .vy-section-h2), #vstd-lp-531-try-luvie .vy-why-section:has(> .vy-section-icon + h2), #vstd-lp-531-try-luvie section:has(> .vy-section-icon + .vy-section-h2), #vstd-lp-531-try-luvie section:has(> .vy-section-icon + h2){
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 14px;
row-gap: 24px;
}
#vstd-lp-531-try-luvie .vy-comparison-section > .vy-section-icon + .vy-section-h2, #vstd-lp-531-try-luvie .vy-comparison-section > .vy-section-icon + h2, #vstd-lp-531-try-luvie .vy-why-section > .vy-section-icon + .vy-section-h2, #vstd-lp-531-try-luvie .vy-why-section > .vy-section-icon + h2, #vstd-lp-531-try-luvie section > .vy-section-icon + .vy-section-h2, #vstd-lp-531-try-luvie section > .vy-section-icon + h2{
margin: 0 !important;
flex: 1;
min-width: 0;
}
/* Other siblings inside the section break onto a new line */
#vstd-lp-531-try-luvie .vy-comparison-section:has(> .vy-section-icon) > :not(.vy-section-icon):not(.vy-section-h2):not(h2), #vstd-lp-531-try-luvie .vy-why-section:has(> .vy-section-icon) > :not(.vy-section-icon):not(.vy-section-h2):not(h2), #vstd-lp-531-try-luvie section:has(> .vy-section-icon) > :not(.vy-section-icon):not(.vy-section-h2):not(h2){
flex-basis: 100%;
}
#vstd-lp-531-try-luvie .vy-section-h2{
font-family: 'Playfair Display', serif;
font-size: clamp(1.4rem, 2.5vw, 1.9rem);
font-weight: 700;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
#vstd-lp-531-try-luvie .vy-section-body p{
font-size: 0.95rem;
color: var(--text-secondary);
line-height: 1.75;
margin-bottom: 16px;
}
#vstd-lp-531-try-luvie .vy-section-body p:last-child{ margin-bottom: 0; }
/* ===== VIDEO TESTIMONIALS ===== */
#vstd-lp-531-try-luvie .vy-video-section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-video-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-bottom: 28px;
}
#vstd-lp-531-try-luvie .vy-video-card{
position: relative;
border-radius: 8px;
overflow: hidden;
background: #ffffff;
cursor: pointer;
aspect-ratio: 9/16;
}
#vstd-lp-531-try-luvie .vy-video-thumb{
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.7;
}
#vstd-lp-531-try-luvie .vy-video-play{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
background: rgba(255,255,255,0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
#vstd-lp-531-try-luvie .vy-video-play svg{ width: 16px; height: 16px; fill: #111; margin-left: 2px; }
#vstd-lp-531-try-luvie .vy-video-info{
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: linear-gradient(transparent, rgba(0,0,0,0.85));
}
#vstd-lp-531-try-luvie .vy-video-name{ font-size: 0.75rem; font-weight: 600; color: #fff; }
#vstd-lp-531-try-luvie .vy-video-caption{ font-size: 0.68rem; color: #453d33; line-height: 1.3; margin-top: 2px; }
#vstd-lp-531-try-luvie .vy-featured-quote-block{
background: var(--white);
border: 1px solid var(--border);
border-radius: 10px;
padding: 28px;
margin-bottom: 20px;
}
#vstd-lp-531-try-luvie .vy-featured-quote-avatar{
width: 52px;
height: 52px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 14px;
border: 2px solid var(--gold);
}
#vstd-lp-531-try-luvie .vy-featured-quote-text{
font-size: 1rem;
font-style: italic;
color: var(--text-primary);
line-height: 1.7;
margin-bottom: 14px;
}
#vstd-lp-531-try-luvie .vy-featured-quote-author{
font-size: 0.82rem;
font-weight: 600;
color: var(--text-secondary);
}
#vstd-lp-531-try-luvie .vy-featured-quote-stars{ color: #d9b28d; font-size: 0.85rem; margin-bottom: 8px; }
#vstd-lp-531-try-luvie .vy-social-links{
display: flex;
gap: 12px;
}
#vstd-lp-531-try-luvie .vy-social-link{
display: flex;
align-items: center;
gap: 6px;
background: var(--white);
border: 1px solid var(--border);
border-radius: 6px;
padding: 8px 14px;
font-size: 0.8rem;
font-weight: 500;
color: var(--text-secondary);
transition: border-color 0.2s;
}
#vstd-lp-531-try-luvie .vy-social-link:hover{ border-color: var(--text-muted); }
/* ===== SPEC TABLE ===== */
#vstd-lp-531-try-luvie .vy-spec-table-section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-section-subline{
font-size: 0.85rem;
color: var(--text-muted);
margin-bottom: 24px;
}
#vstd-lp-531-try-luvie .vy-spec-table{
width: 100%;
border-collapse: collapse;
background: var(--white);
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--border);
font-size: 0.88rem;
}
#vstd-lp-531-try-luvie .vy-spec-table thead tr{
background: #e8d9c6;
color: var(--text-primary);
}
#vstd-lp-531-try-luvie .vy-spec-table th{
padding: 14px 18px;
text-align: left;
font-weight: 600;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}
#vstd-lp-531-try-luvie .vy-spec-table th:first-child{ width: 35%; }
#vstd-lp-531-try-luvie .vy-spec-table th:nth-child(2), #vstd-lp-531-try-luvie .vy-spec-table th:nth-child(3){ width: 32.5%; text-align: center; }
#vstd-lp-531-try-luvie .vy-spec-table td{
padding: 13px 18px;
border-bottom: 1px solid var(--border);
vertical-align: middle;
}
#vstd-lp-531-try-luvie .vy-spec-table td:nth-child(2), #vstd-lp-531-try-luvie .vy-spec-table td:nth-child(3){ text-align: center; }
#vstd-lp-531-try-luvie .vy-spec-table tr:last-child td{ border-bottom: none; }
#vstd-lp-531-try-luvie .vy-spec-table tr:nth-child(even){ background: #fdfaf4; }
#vstd-lp-531-try-luvie .vy-spec-winner{ color: var(--green-text); font-weight: 600; }
#vstd-lp-531-try-luvie .vy-spec-note{
font-size: 0.75rem;
color: var(--text-muted);
margin-top: 10px;
font-style: italic;
}
/* ===== DETAILED COMPARISON SECTIONS ===== */
#vstd-lp-531-try-luvie .vy-comparison-section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-comparison-section-intro{
font-size: 0.95rem;
color: var(--text-secondary);
line-height: 1.7;
margin-bottom: 28px;
}
#vstd-lp-531-try-luvie .vy-comparison-cards{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
#vstd-lp-531-try-luvie .vy-comp-card{
background: var(--white);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
}
#vstd-lp-531-try-luvie .vy-comp-card-header{
padding: 14px 18px;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid var(--border);
}
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-winner .vy-comp-card-header{ background: var(--green-bg); }
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-rival .vy-comp-card-header{ background: #fdf6f2; }
#vstd-lp-531-try-luvie .vy-comp-card-logo{
height: 28px;
width: auto;
object-fit: contain;
}
#vstd-lp-531-try-luvie .vy-comp-card-brand{
font-weight: 700;
font-size: 0.9rem;
}
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-winner .vy-comp-card-brand{ color: var(--green-text); }
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-rival .vy-comp-card-brand{ color: var(--accent-red); }
#vstd-lp-531-try-luvie .vy-comp-card-img{
width: 100%;
height: 160px;
object-fit: contain;
padding: 16px;
background: #faf6ef;
}
#vstd-lp-531-try-luvie .vy-comp-card-body{ padding: 16px 18px; }
#vstd-lp-531-try-luvie .vy-comp-card-list{
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
#vstd-lp-531-try-luvie .vy-comp-card-list li{
font-size: 0.84rem;
color: var(--text-secondary);
line-height: 1.5;
padding-left: 20px;
position: relative;
}
#vstd-lp-531-try-luvie .vy-comp-card-list li::before{
position: absolute;
left: 0;
top: 0;
}
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-winner .vy-comp-card-list li::before{ content: '✓'; color: var(--green); font-weight: 700; }
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-rival .vy-comp-card-list li::before{ content: '✗'; color: var(--accent-red); font-weight: 700; }
#vstd-lp-531-try-luvie .vy-comp-card.vy-pick-rival .vy-comp-card-list li.vy-neutral::before{ content: '–'; color: #5b5044; }
#vstd-lp-531-try-luvie .vy-our-take{
background: #fdf8f0;
border: 1px solid #e8ddcc;
border-left: 4px solid var(--gold);
border-radius: 0 8px 8px 0;
padding: 16px 20px;
}
#vstd-lp-531-try-luvie .vy-our-take-label{
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #8a5a2e;
margin-bottom: 6px;
}
#vstd-lp-531-try-luvie .vy-our-take p{
font-size: 0.88rem;
color: var(--text-secondary);
line-height: 1.7;
}
/* ===== LARGE QUOTE BLOCK ===== */
#vstd-lp-531-try-luvie .vy-large-quote-section{
padding: 56px 0;
background: #f4ebdf;
margin: 0 -24px;
padding-left: 24px;
padding-right: 24px;
}
#vstd-lp-531-try-luvie .vy-large-quote-inner{
max-width: 800px;
margin: 0 auto;
text-align: center;
}
#vstd-lp-531-try-luvie .vy-large-quote-mark{
font-size: 5rem;
line-height: 0.5;
color: #9e6828;
font-family: 'Playfair Display', serif;
margin-bottom: 20px;
display: block;
}
#vstd-lp-531-try-luvie .vy-large-quote-text{
font-family: 'Playfair Display', serif;
font-size: clamp(1.1rem, 2vw, 1.4rem);
color: var(--text-primary);
line-height: 1.7;
font-style: italic;
margin-bottom: 24px;
}
#vstd-lp-531-try-luvie .vy-large-quote-author{
font-size: 0.85rem;
color: #5b5044;
font-weight: 500;
}
#vstd-lp-531-try-luvie .vy-large-quote-author strong{ color: var(--gold-deep); }
/* ===== FEATURE COMPARISON TABLE ===== */
#vstd-lp-531-try-luvie .vy-feature-table-section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-feature-table{
width: 100%;
border-collapse: collapse;
background: var(--white);
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--border);
font-size: 0.88rem;
}
#vstd-lp-531-try-luvie .vy-feature-table thead tr{ background: #e8d9c6; color: var(--text-primary); }
#vstd-lp-531-try-luvie .vy-feature-table th{
padding: 14px 18px;
text-align: center;
font-weight: 600;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}
#vstd-lp-531-try-luvie .vy-feature-table th:first-child{ text-align: left; width: 50%; }
#vstd-lp-531-try-luvie .vy-feature-table td{
padding: 12px 18px;
border-bottom: 1px solid var(--border);
text-align: center;
}
#vstd-lp-531-try-luvie .vy-feature-table td:first-child{ text-align: left; font-size: 0.85rem; color: var(--text-secondary); }
#vstd-lp-531-try-luvie .vy-feature-table tr:last-child td{ border-bottom: none; font-weight: 700; }
#vstd-lp-531-try-luvie .vy-feature-table tr:nth-child(even){ background: #fdfaf4; }
#vstd-lp-531-try-luvie .vy-check, #vstd-lp-531-try-luvie .vy-cross{
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
}
#vstd-lp-531-try-luvie .vy-check{ color: var(--green); background: var(--green-bg); }
#vstd-lp-531-try-luvie .vy-cross{ color: var(--accent-red); background: #fbeee9; }
#vstd-lp-531-try-luvie .vy-cell-note{
display: block;
margin-top: 6px;
font-size: 0.72rem;
color: #6b5f4f;
font-style: italic;
line-height: 1.4;
}
#vstd-lp-531-try-luvie .vy-score-winner{ color: var(--green-text); font-size: 1rem; font-weight: 800; }
#vstd-lp-531-try-luvie .vy-score-loser{ color: var(--accent-red); font-size: 1rem; font-weight: 800; }
/* ===== TESTIMONIAL CAROUSEL ===== */
#vstd-lp-531-try-luvie .vy-testimonials-section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-testimonials-grid{
display: flex;
flex-direction: column;
gap: 20px;
}
#vstd-lp-531-try-luvie .vy-testimonial-card{
background: var(--white);
border: 1px solid var(--border);
border-radius: 10px;
padding: 24px;
}
#vstd-lp-531-try-luvie .vy-testimonial-stars{ color: #9e6828; font-size: 0.85rem; margin-bottom: 10px; }
#vstd-lp-531-try-luvie .vy-testimonial-text{
font-size: 0.9rem;
color: var(--text-secondary);
line-height: 1.7;
font-style: italic;
margin-bottom: 14px;
}
#vstd-lp-531-try-luvie .vy-testimonial-author{
font-size: 0.82rem;
font-weight: 600;
color: var(--text-primary);
}
#vstd-lp-531-try-luvie .vy-testimonial-detail{ font-size: 0.75rem; color: var(--text-muted); margin-top: 2px; }
/* ===== VERDICT SECTION ===== */
#vstd-lp-531-try-luvie .vy-verdict-section{
padding: 56px 0;
background: #f7efe3;
margin: 0 -24px;
padding-left: 24px;
padding-right: 24px;
}
#vstd-lp-531-try-luvie .vy-verdict-inner{ max-width: 800px; margin: 0 auto; }
#vstd-lp-531-try-luvie .vy-verdict-label{
font-size: 0.72rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #6b5f4f;
margin-bottom: 8px;
}
#vstd-lp-531-try-luvie .vy-verdict-headline{
font-family: 'Playfair Display', serif;
font-size: clamp(1.6rem, 3vw, 2.4rem);
font-weight: 700;
color: var(--text-primary);
margin-bottom: 12px;
letter-spacing: -0.02em;
}
#vstd-lp-531-try-luvie .vy-verdict-subheadline{
font-size: 1.1rem;
color: var(--gold-deep);
font-weight: 600;
margin-bottom: 28px;
}
#vstd-lp-531-try-luvie .vy-verdict-body p{
font-size: 0.95rem;
color: #453d33;
line-height: 1.75;
margin-bottom: 16px;
}
#vstd-lp-531-try-luvie .vy-verdict-winner-card{
background: #ffffff;
border: 2px solid var(--gold-mid);
border-radius: 12px;
padding: 28px;
margin: 36px 0;
text-align: center;
}
#vstd-lp-531-try-luvie .vy-verdict-winner-label{
font-size: 0.72rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold-deep);
margin-bottom: 8px;
}
#vstd-lp-531-try-luvie .vy-verdict-winner-name{
font-family: 'Playfair Display', serif;
font-size: 1.6rem;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 16px;
}
#vstd-lp-531-try-luvie .vy-verdict-winner-img{
width: 180px;
height: 160px;
object-fit: contain;
margin: 0 auto 16px;
}
#vstd-lp-531-try-luvie .vy-verdict-winner-stars{ color: #9e6828; font-size: 1rem; margin-bottom: 4px; }
#vstd-lp-531-try-luvie .vy-verdict-winner-rating{ font-size: 1.1rem; font-weight: 700; color: var(--text-primary); margin-bottom: 4px; }
#vstd-lp-531-try-luvie .vy-verdict-winner-reviews{ font-size: 0.82rem; color: #6b5f4f; margin-bottom: 16px; }
#vstd-lp-531-try-luvie .vy-verdict-winner-desc{ font-size: 0.88rem; color: #453d33; line-height: 1.6; margin-bottom: 20px; max-width: 500px; margin-left: auto; margin-right: auto; }
#vstd-lp-531-try-luvie .vy-verdict-badges{
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 24px;
}
#vstd-lp-531-try-luvie .vy-verdict-badge{
background: rgba(28,24,17,0.05);
border: 1px solid rgba(28,24,17,0.12);
border-radius: 20px;
padding: 6px 14px;
font-size: 0.78rem;
color: #5b5044;
}
#vstd-lp-531-try-luvie .vy-verdict-cta{
display: inline-block;
background: var(--red-cta);
color: #ffffff;
padding: 16px 40px;
border-radius: 6px;
font-size: 1rem;
font-weight: 700;
white-space: nowrap;
transition: background 0.2s;
margin-bottom: 12px;
}
@media (max-width: 480px) {
#vstd-lp-531-try-luvie .vy-verdict-cta{ padding: 14px 18px; font-size: 0.88rem; max-width: 100%; }
}
#vstd-lp-531-try-luvie .vy-verdict-cta:hover{ background: var(--red-cta-hover); }
#vstd-lp-531-try-luvie .vy-verdict-guarantee{
font-size: 0.78rem;
color: #6b5f4f;
}
#vstd-lp-531-try-luvie .vy-verdict-stats{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 36px;
}
#vstd-lp-531-try-luvie .vy-stat-box{
background: #ffffff;
border: 1px solid #e8ddcc;
border-radius: 8px;
padding: 20px 16px;
text-align: center;
}
#vstd-lp-531-try-luvie .vy-stat-number{
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
font-weight: 700;
color: var(--gold-deep);
line-height: 1;
margin-bottom: 6px;
}
#vstd-lp-531-try-luvie .vy-stat-label{ font-size: 0.78rem; color: #6b5f4f; line-height: 1.4; }
/* ===== PRICE & VALUE SECTION ===== */
#vstd-lp-531-try-luvie .vy-price-cards{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
#vstd-lp-531-try-luvie .vy-price-card{
background: var(--white);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
}
#vstd-lp-531-try-luvie .vy-price-card.vy-winner-card{ border-color: var(--green); }
#vstd-lp-531-try-luvie .vy-price-card-header{
padding: 16px 18px;
border-bottom: 1px solid var(--border);
}
#vstd-lp-531-try-luvie .vy-price-card.vy-winner-card .vy-price-card-header{ background: var(--green-bg); }
#vstd-lp-531-try-luvie .vy-price-card.vy-loser-card .vy-price-card-header{ background: #fdf6f2; }
#vstd-lp-531-try-luvie .vy-price-card-name{ font-weight: 700; font-size: 0.95rem; margin-bottom: 4px; }
#vstd-lp-531-try-luvie .vy-price-card-price{ font-size: 1.2rem; font-weight: 800; }
#vstd-lp-531-try-luvie .vy-price-card.vy-winner-card .vy-price-card-price{ color: var(--green-text); }
#vstd-lp-531-try-luvie .vy-price-card.vy-loser-card .vy-price-card-price{ color: var(--accent-red); }
#vstd-lp-531-try-luvie .vy-price-card-body{ padding: 16px 18px; }
#vstd-lp-531-try-luvie .vy-price-list{
list-style: none;
display: flex;
flex-direction: column;
gap: 7px;
}
#vstd-lp-531-try-luvie .vy-price-list li{
font-size: 0.82rem;
color: var(--text-secondary);
line-height: 1.4;
}
#vstd-lp-531-try-luvie .vy-price-list li .vy-yes{ color: var(--green); font-weight: 700; }
#vstd-lp-531-try-luvie .vy-price-list li .vy-no{ color: var(--accent-red); font-weight: 700; }
/* ===== FAQ SECTION ===== */
#vstd-lp-531-try-luvie .vy-faq-section{ padding: 48px 0; }
#vstd-lp-531-try-luvie .vy-faq-list{ display: flex; flex-direction: column; gap: 0; }
#vstd-lp-531-try-luvie .vy-faq-item{
border-bottom: 1px solid var(--border);
}
#vstd-lp-531-try-luvie .vy-faq-question{
width: 100%;
background: none;
border: none;
text-align: left;
padding: 18px 0;
font-size: 0.92rem;
font-weight: 600;
color: var(--text-primary);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
font-family: 'Inter', sans-serif;
}
#vstd-lp-531-try-luvie .vy-faq-question:hover{ color: var(--green-text); }
#vstd-lp-531-try-luvie .vy-faq-icon{
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--border);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 0.9rem;
color: var(--text-muted);
transition: transform 0.2s, background 0.2s;
}
#vstd-lp-531-try-luvie .vy-faq-item.vy-open .vy-faq-icon{ transform: rotate(45deg); background: var(--green-bg); color: var(--green-text); }
#vstd-lp-531-try-luvie .vy-faq-answer{
display: none;
padding: 0 0 18px;
font-size: 0.88rem;
color: var(--text-secondary);
line-height: 1.7;
}
#vstd-lp-531-try-luvie .vy-faq-item.vy-open .vy-faq-answer{ display: block; }
/* ===== FLOATING BOTTOM BAR ===== */
#vstd-lp-531-try-luvie .vy-floating-bar{
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99;
background: #ffffff;
border-top: 1px solid #ece4d8;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
transform: translateY(100%);
transition: transform 0.3s ease;
box-sizing: border-box; border-top: 1px solid #e8ddcc;}
#vstd-lp-531-try-luvie .vy-floating-bar.vy-visible{ transform: translateY(0); }
#vstd-lp-531-try-luvie .vy-floating-bar-text{
font-size: 0.85rem;
color: #453d33;
flex: 1;
}
#vstd-lp-531-try-luvie .vy-floating-bar-text strong{ color: var(--text-primary); }
#vstd-lp-531-try-luvie .vy-floating-bar-cta{
background: var(--red-cta);
color: #ffffff;
padding: 10px 24px;
border-radius: 4px;
font-size: 0.85rem;
font-weight: 700;
white-space: nowrap;
transition: background 0.2s;
flex-shrink: 0;
}
#vstd-lp-531-try-luvie .vy-floating-bar-cta:hover{ background: var(--red-cta-hover); }
/* ===== FOOTER ===== */
#vstd-lp-531-try-luvie .vy-site-footer{
background: #ffffff;
border-top: 1px solid #ece4d8;
color: #6b5f4f;
padding: 40px 24px;
margin-top: 0;
}
#vstd-lp-531-try-luvie .vy-footer-inner{
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
#vstd-lp-531-try-luvie .vy-footer-logo{
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 12px;
}
#vstd-lp-531-try-luvie .vy-footer-logo span{ color: var(--gold-deep); }
#vstd-lp-531-try-luvie .vy-footer-desc{ font-size: 0.82rem; line-height: 1.7; }
#vstd-lp-531-try-luvie .vy-footer-disclaimer{ font-size: 0.75rem; color: #6b5f4f; line-height: 1.6; }
#vstd-lp-531-try-luvie .vy-footer-copy{ font-size: 0.75rem; color: #6b5f4f; margin-top: 8px; }
/* ===== UTILITIES ===== */
#vstd-lp-531-try-luvie .vy-text-green{ color: var(--green-text); }
#vstd-lp-531-try-luvie .vy-text-red{ color: var(--accent-red); }
#vstd-lp-531-try-luvie .vy-font-bold{ font-weight: 700; }
#vstd-lp-531-try-luvie .vy-mt-8{ margin-top: 8px; }
#vstd-lp-531-try-luvie .vy-mt-16{ margin-top: 16px; }
#vstd-lp-531-try-luvie .vy-mt-24{ margin-top: 24px; }
#vstd-lp-531-try-luvie .vy-mb-8{ margin-bottom: 8px; }
#vstd-lp-531-try-luvie .vy-mb-16{ margin-bottom: 16px; }
#vstd-lp-531-try-luvie .vy-mb-24{ margin-bottom: 24px; }
/* ===== SECTION ICON COLORS ===== */
#vstd-lp-531-try-luvie .vy-icon-orange{ background: #f7ece0; }
#vstd-lp-531-try-luvie .vy-icon-orange svg{ fill: #a9673a; }
#vstd-lp-531-try-luvie .vy-icon-blue{ background: #f0e9df; }
#vstd-lp-531-try-luvie .vy-icon-blue svg{ fill: #7c6349; }
#vstd-lp-531-try-luvie .vy-icon-purple{ background: #f3eae5; }
#vstd-lp-531-try-luvie .vy-icon-purple svg{ fill: #8a5a55; }
#vstd-lp-531-try-luvie .vy-icon-red{ background: #fbeae4; }
#vstd-lp-531-try-luvie .vy-icon-red svg{ fill: #a84a37; }
#vstd-lp-531-try-luvie .vy-icon-teal{ background: #e9efe7; }
#vstd-lp-531-try-luvie .vy-icon-teal svg{ fill: #4a7a55; }
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
#vstd-lp-531-try-luvie .vy-page-layout{
grid-template-columns: 1fr;
}
#vstd-lp-531-try-luvie .vy-sidebar{
position: static;
order: -1;
}
}
@media (max-width: 680px) {
#vstd-lp-531-try-luvie .vy-hero-products{ flex-direction: row; gap: 10px; max-width: 100%; }
#vstd-lp-531-try-luvie .vy-hero-products .vy-product-card{ flex: 1 1 0; min-width: 0; padding: 12px; }
#vstd-lp-531-try-luvie .vy-hero-products .vy-product-card .vy-product-name{ font-size: 0.85rem; }
#vstd-lp-531-try-luvie .vy-hero-products .vy-product-card .vy-product-price{ font-size: 1.1rem; }
#vstd-lp-531-try-luvie .vy-hero-products .vy-product-card .vy-winner-badge{ font-size: 0.62rem; padding: 4px 10px; }
#vstd-lp-531-try-luvie .vy-video-grid{ grid-template-columns: repeat(2, 1fr); }
#vstd-lp-531-try-luvie .vy-comparison-cards{ grid-template-columns: 1fr; }
#vstd-lp-531-try-luvie .vy-price-cards{ grid-template-columns: 1fr; }
#vstd-lp-531-try-luvie .vy-verdict-stats{ grid-template-columns: 1fr; }
#vstd-lp-531-try-luvie .vy-footer-inner{ grid-template-columns: 1fr; }
#vstd-lp-531-try-luvie .vy-floating-bar{ flex-direction: row; gap: 10px; text-align: left; padding: 10px 14px; align-items: center; }
#vstd-lp-531-try-luvie .vy-floating-bar-text{ font-size: 0.72rem; line-height: 1.35; flex: 1; min-width: 0; }
#vstd-lp-531-try-luvie .vy-floating-bar-cta{ padding: 9px 14px; font-size: 0.78rem; flex-shrink: 0; white-space: nowrap; }
#vstd-lp-531-try-luvie .vy-spec-table{ font-size: 0.7rem; min-width: 0; width: 100%; table-layout: fixed; word-wrap: break-word; }
#vstd-lp-531-try-luvie .vy-spec-table th, #vstd-lp-531-try-luvie .vy-spec-table td{ padding: 8px 6px; vertical-align: top; }
#vstd-lp-531-try-luvie .vy-spec-table th:first-child, #vstd-lp-531-try-luvie .vy-spec-table td:first-child{ width: 30%; }
#vstd-lp-531-try-luvie .vy-spec-table th:nth-child(2), #vstd-lp-531-try-luvie .vy-spec-table th:nth-child(3), #vstd-lp-531-try-luvie .vy-spec-table td:nth-child(2), #vstd-lp-531-try-luvie .vy-spec-table td:nth-child(3){ width: 35%; }
#vstd-lp-531-try-luvie .vy-spec-table-section{ overflow-x: visible; padding-left: 8px; padding-right: 8px; }
}
@media (max-width: 480px) {
#vstd-lp-531-try-luvie .vy-hero h1{ font-size: 1.5rem; }
#vstd-lp-531-try-luvie .vy-page-layout{ padding-left: 16px; padding-right: 16px; }
#vstd-lp-531-try-luvie .vy-hero{ padding-left: 16px; padding-right: 16px; }
#vstd-lp-531-try-luvie .vy-announcement-bar{ padding-left: 12px; padding-right: 12px; }
#vstd-lp-531-try-luvie .vy-nav-inner{ padding: 0 16px; }
#vstd-lp-531-try-luvie .vy-comparison-section-intro{ font-size: 0.88rem; }
#vstd-lp-531-try-luvie canvas{ max-width: 100%; }
}
/* Extra horizontal padding for verdict/FAQ/footer sections on mobile */
@media (max-width: 900px) {
#vstd-lp-531-try-luvie .vy-verdict-section{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box; max-width:100%; overflow-x: hidden; }
#vstd-lp-531-try-luvie .vy-faq-section{ padding-left: 16px; padding-right: 16px; }
#vstd-lp-531-try-luvie .vy-site-footer{ padding-left: 0; }
#vstd-lp-531-try-luvie .vy-footer-inner{ padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
#vstd-lp-531-try-luvie .vy-large-quote-section{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box; max-width:100%; overflow-x: hidden; }
#vstd-lp-531-try-luvie .vy-large-quote-text{ font-size: 0.95rem; line-height: 1.55; }
}
/* Vystodian font overrides — loaded after content, beats theme cascade */
#vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie *, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h1, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h2, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h3, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h4, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h5, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h6, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie p, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie a, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie span, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie li, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie td, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie th, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie button, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie input, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie div{ font-family: inherit !important; }
/* Specific font assignments matching the source page */
#vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie{
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
}
#vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h1, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h2, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie h3, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-verdict-headline, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-section-h2, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-hero h1, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-verdict-winner-name, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-large-quote-text, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-sidebar-title, #vstd-lp-531-try-luvie .vy-vstd-lp-531-try-luvie .vy-footer-logo{
font-family: 'Playfair Display', Georgia, serif !important;
}
/* p:empty spacer fix SKIPPED: source CSS already hides empty (margins provide spacing) */
/* Growtype: undo flex-induced height:100% blowup on custom-css blocks */
#vstd-lp-531-try-luvie [class*="growtype-customcss-"],
#vstd-lp-531-try-luvie [class*="growtype-customcss-"] > div {
height: auto !important;
}
/* Shopify Horizon: neutralize app-shell inner-scroll so the embed flows in the host page */
#vstd-lp-531-try-luvie:has(.vy-page-wrapper),
#vstd-lp-531-try-luvie:has(.vy-page-wrapper) .vy-page-wrapper,
#vstd-lp-531-try-luvie[scroll-lock],
#vstd-lp-531-try-luvie[scroll-lock] .vy-page-wrapper {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}