Indoor Window Security Camera
SafeView — Indoor Window Security Camera @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("//thesafetyview.com/cdn/fonts/poppin s/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), url("//thesafetyview.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("//thesafetyview.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), url("//thesafetyview.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: swap; src: url("//thesafetyview.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"), url("//thesafetyview.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: swap; src: url("//thesafetyview.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"), url("//thesafetyview.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff"); } :root { /* Page Layout */ --sidebar-width: 25rem; --narrow-content-width: 36rem; --normal-content-width: 42rem; --wide-content-width: 46rem; --narrow-page-width: 90rem; --normal-page-width: 120rem; --wide-page-width: 150rem; /* Section Heights */ --section-height-small: 15rem; --section-height-medium: 25rem; --section-height-large: 35rem; @media screen and (min-width: 40em) { --section-height-small: 40svh; --section-height-medium: 55svh; --section-height-large: 70svh; } @media screen and (min-width: 60em) { --section-height-small: 50svh; --section-height-medium: 65svh; --section-height-large: 80svh; } /* Letter spacing */ --letter-spacing-sm: 0.06em; --letter-spacing-md: 0.13em; /* Font families */ --font-body--family: Poppins, sans-serif; --font-body--style: normal; --font-body--weight: 400; --font-subheading--family: Poppins, sans-serif; --font-subheading--style: normal; --font-subheading--weight: 400; --font-heading--family: Poppins, sans-serif; --font-heading--style: normal; --font-heading--weight: 400; --font-accent--family: Poppins, sans-serif; --font-accent--style: normal; --font-accent--weight: 400; /* Margin sizes */ --font-heading--spacing: 0.25em; --font-h1--spacing: var(--font-heading--spacing); --font-h2--spacing: var(--font-heading--spacing); --font-h3--spacing: var(--font-heading--spacing); --font-h4--spacing: var(--font-heading--spacing); --font-h5--spacing: var(--font-heading--spacing); --font-h6--spacing: var(--font-heading--spacing); --font-paragraph--spacing: 0.5em; /* Heading colors */ --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); /** Z-Index / Layering */ --layer-section-background: -2; --layer-lowest: -1; --layer-base: 0; --layer-flat: 1; --layer-raised: 2; --layer-heightened: 4; --layer-sticky: 8; --layer-window-overlay: 10; --layer-header-menu: 12; --layer-overlay: 16; --layer-menu-drawer: 18; --layer-temporary: 20; /* Max-width / Measure */ --max-width--body-normal: 32.5em; --max-width--body-narrow: 22.75em; --max-width--heading-normal: 32.5em; --max-width--heading-narrow: 19.5em; --max-width--display-normal: 13em; --max-width--display-narrow: 9.75em; --max-width--display-tight: 3.25em; /* Letter-spacing / Tracking */ --letter-spacing--display-tight: -0.03em; --letter-spacing--display-normal: 0em; --letter-spacing--display-loose: 0.03em; --letter-spacing--heading-tight: -0.03em; --letter-spacing--heading-normal: 0em; --letter-spacing--heading-loose: 0.03em; --letter-spacing--body-tight: -0.03em; --letter-spacing--body-normal: 0em; --letter-spacing--body-loose: 0.03em; /* Line height / Leading */ --line-height: 1; --line-height--display-tight: 1; --line-height--display-normal: 1.1; --line-height--display-loose: 1.2; --line-height--heading-tight: 1.15; --line-height--heading-normal: 1.25; --line-height--heading-loose: 1.35; --line-height--body-tight: 1.2; --line-height--body-normal: 1.4; --line-height--body-loose: 1.6; /* Typography presets */ --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); /* Hardcoded font sizes */ --font-size--3xs: 0.625rem; --font-size--2xs: 0.75rem; --font-size--xs: 0.8125rem; --font-size--sm: 0.875rem; --font-size--md: 1rem; --font-size--lg: 1.125rem; --font-size--xl: 1.25rem; --font-size--2xl: 1.5rem; --font-size--3xl: 2rem; --font-size--4xl: 2.5rem; --font-size--5xl: 3rem; --font-size--6xl: 3.5rem; /* Menu font sizes */ --menu-font-sm--size: 0.875rem; --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); --menu-font-md--size: 1rem; --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); --menu-font-lg--size: 1.125rem; --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); --menu-font-xl--size: 1.25rem; --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); --menu-font-2xl--size: 1.75rem; --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); /* Colors */ --color-error: #8B0000; --color-success: #006400; --color-white: #FFFFFF; --color-white-rgb: 255 255 255; --color-black: #000000; --color-instock: #3ED660; --color-lowstock: #EE9441; --color-outofstock: #C8C8C8; /* Opacity */ --opacity-5: 0.05; --opacity-8: 0.08; --opacity-10: 0.1; --opacity-15: 0.15; --opacity-20: 0.2; --opacity-25: 0.25; --opacity-30: 0.3; --opacity-40: 0.4; --opacity-50: 0.5; --opacity-60: 0.6; --opacity-70: 0.7; --opacity-80: 0.8; --opacity-85: 0.85; --opacity-90: 0.9; --opacity-subdued-text: var(--opacity-70); --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); /* Spacing */ --margin-3xs: 0.125rem; --margin-2xs: 0.3rem; --margin-xs: 0.5rem; --margin-sm: 0.7rem; --margin-md: 0.8rem; --margin-lg: 1rem; --margin-xl: 1.25rem; --margin-2xl: 1.5rem; --margin-3xl: 1.75rem; --margin-4xl: 2rem; --margin-5xl: 3rem; --margin-6xl: 5rem; --scroll-margin: 50px; --padding-3xs: 0.125rem; --padding-2xs: 0.25rem; --padding-xs: 0.5rem; --padding-sm: 0.7rem; --padding-md: 0.8rem; --padding-lg: 1rem; --padding-xl: 1.25rem; --padding-2xl: 1.5rem; --padding-3xl: 1.75rem; --padding-4xl: 2rem; --padding-5xl: 3rem; --padding-6xl: 4rem; --gap-3xs: 0.125rem; --gap-2xs: 0.3rem; --gap-xs: 0.5rem; --gap-sm: 0.7rem; --gap-md: 0.9rem; --gap-lg: 1rem; --gap-xl: 1.25rem; --gap-2xl: 2rem; --gap-3xl: 3rem; --spacing-scale-sm: 0.6; --spacing-scale-md: 0.7; --spacing-scale-default: 1.0; /* Checkout buttons gap */ --checkout-button-gap: 10px; /* Borders */ --style-border-width: 1px; --style-border-radius-xs: 0.2rem; --style-border-radius-sm: 0.6rem; --style-border-radius-md: 0.8rem; --style-border-radius-50: 50%; --style-border-radius-lg: 1rem; --style-border-radius-pills: 40px; --style-border-radius-inputs: 4px; --style-border-radius-buttons-primary: 14px; --style-border-radius-buttons-secondary: 14px; --style-border-width-primary: 0px; --style-border-width-secondary: 1px; --style-border-width-inputs: 1px; --style-border-radius-popover: 14px; --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); --style-border-swatch-opacity: 10%; --style-border-swatch-width: 1px; --style-border-swatch-style: solid; /* Animation */ --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); --animation-speed-fast: 0.0625s; --animation-speed: 0.125s; --animation-speed-slow: 0.2s; --animation-speed-medium: 0.15s; --animation-easing: ease-in-out; --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); --drawer-animation-speed: 0.2s; --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); --animation-values: var(--animation-speed) var(--animation-easing); --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); /* Spring definitions suffixed with perceptual duration (d) 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: uppercase; /* 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); } :root, .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 115 194 / 1.0); --color-primary-button-border: rgb(0 115 194 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(0 115 194 / 1.0); --color-primary-button-hover-border: rgb(255 255 255 / 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(225 207 193 / 1.0); --color-secondary-button-hover-border: rgb(0 0 0 / 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)); } .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)); } .color-scheme-3 { --color-background: rgb(0 115 194 / 1.0); /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ --color-background-rgb: 0 115 194; --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(255 255 255 / 1.0); --color-foreground-rgb: 255 255 255; --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(255 255 255 / 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(255 255 255 / 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(255 255 255 / 1.0); --color-input-text-rgb: 255 255 255; --color-input-border: rgb(255 255 255 / 1.0); --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)); } .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)); } .color-scheme-5 { --color-background: rgb(51 51 51 / 1.0); /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ --color-background-rgb: 51 51 51; --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(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 / 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(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)); } .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)); } .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)); } body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { color: var(--color-foreground); background-color: var(--color-background); } #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } .Avada_Bundle__OuterWrapper{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999999999999999;scroll-behavior:smooth}.Avada_Bundle__Desktop{position:fixed;z-index:9999999;left:50%;top:50%;transform:translate(-50%, -50%)}.Avada_Bundle__Mobile{z-index:9999999;bottom:0px;width:100%}.Avada_Bundle__Footer{font-size:14px;height:37px;text-align:right;padding-right:8px;position:absolute;bottom:5px;right:20px}.Avada_Bundle__Footer p{font-weight:bold}.Avada_Bundle__Footer a{text-decoration:none;cursor:pointer;color:#2b72fd}.Avada_Bundle__Footer a:hover{color:#2b72fd} .Avada-Bundle-Volume__Container .Avada-Volume__Item{padding-top:12px;border-radius:13px;cursor:pointer;display:flex;flex-direction:column;position:relative;background:var(--aov-volume-item-background-color);border:1.5px solid var(--aov-volume-item-border-color)}.Avada-Bundle-Volume__Container .Avada-Volume__Item:not(:has(>.Avada-Volume__Gift)){padding-bottom:12px}.Avada-Bundle-Volume__Container .Avada-Volume__Item.Avada-Volume__Item--Selected{cursor:auto;border-color:var(--aov-volume-item-selected-border-checkbox-color);border-width:1.6px}.Avada-Bundle-Volume__Container .Avada-Volume__Item:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content{display:flex;justify-content:space-between;align-items:start;padding-left:12px;width:100%}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content .Avada-Offer__Price .Avada-Offer__PriceDiscount{color:var(--aov-volume-item-price-color)}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content .Avada-Offer__Price .Avada-Offer__PriceDefault{color:var(--aov-volume-secondary-text-color)}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content.Avada-Volume__Content--Horizontal{flex-direction:column;align-items:center;padding-left:0;gap:5px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content.Avada-Volume__Content--Horizontal .Avada-Volume__DiscountText{font-size:13px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content.Avada-Volume__Content--Horizontal .Avada-Offer__Price{justify-content:center;gap:5px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content.Avada-Volume__Content--Horizontal .Avada-Offer__Price .Avada-Offer__PriceDefault{opacity:.6}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content.Avada-Volume__Content--Horizontal .Avada-Offer__Price .Avada-Offer__PriceUnit{text-align:center}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Content.Avada-Volume__Content--Horizontal .Avada-Volume__Info--TriggerQty{display:flex;flex-direction:column}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-VolumeVariantSelection.-open{animation:openAnimation 1s ease-in-out}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-VolumeVariantSelection.-close{animation:closeAnimation .75s ease forwards}@keyframes openAnimation{from{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes closeAnimation{from{max-height:1000px;opacity:1}to{max-height:0;opacity:0}}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products{display:flex;flex-direction:column}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products .Avada-Volume__Product{display:flex;align-items:baseline;gap:8px;padding-left:12px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products .Avada-Volume__Product .Avada-Volume__Number{display:flex;font-size:13px;width:20px;height:20px;justify-content:center;align-items:center}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products .Avada-Volume__Product .Avada-VariantTitle{width:auto;font-size:13px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products .Avada-Volume__Product.Avada-Volume__Product--OutOfStock{color:#df2121}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products .Avada-Volume__Product.Avada-Volume__Product--OutOfStock .Avada-VariantSelection__Trigger{color:#df2121 !important}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Products .Avada-Volume__Product.Avada-Volume__Product--OutOfStock .Avada-VariantSelection__Icon svg{stroke:#df2121}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Selection__Section{width:100%}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Selection__Section .Avada-VariantSelection .Avada-VariantSelection__Trigger{color:var(--aov-volume-secondary-text-color)}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift{display:flex;gap:12px;flex-direction:column;padding:0 16px;border-top:solid 1.5px;border-radius:0 0 13px 13px;border-top-color:rgba(0,0,0,0);background:#f3f3f3}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift.Avada-Volume__Gift--Selected{background:#f3f3f3}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift.Avada-Volume__Gift--Selected .Avada-Volume__Gift-Header{display:none}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift.Avada-Volume__Gift--Selected .Avada-Volume__Gift-Body{margin-top:12px}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Header{display:flex;align-items:center;gap:8px;padding:6px 0}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Header .Avada-Volume__Gift-Desc{color:var(--aov-volume-secondary-text-color);font-weight:400;font-size:13px;width:100%}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body{display:flex;gap:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-VolumeItem__Gift{display:flex;flex-wrap:wrap;gap:8px;flex:1}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-VolumeItem__Gift .Avada-VolumeItem__Gift-Image{position:relative}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-VolumeItem__Gift .Avada-VolumeItem__Gift-Image img{width:40px;height:40px;object-fit:cover}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-VolumeItem__Gift .Avada-VolumeItem__Gift-Image .Avada-Volume__Gift-Quantity{width:16px;height:16px;padding:3px 0 2px 0;position:absolute;top:-8px;right:-8px;color:#fff;text-align:center;font-size:11px;font-weight:600;line-height:100%;border-radius:10px;background:#707070}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-VolumeItem__Gift .Avada-Offer__VariantPopupTrigger{margin-top:0}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-VolumeItem__Gift .Avada-Volume__Gift-Content{display:flex;font-size:13px;flex-direction:column;width:calc(100% - 50px)}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-Checkbox__Wrapper.Avada-Checkbox__Wrapper--Checked{border:unset !important;background:var(--aov-volume-item-selected-border-checkbox-color) !important}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-Offer__Price:last-child .Avada-Offer__PriceDiscount{color:var(--aov-volume-primary-text-color)}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-Offer__Price:last-child .Avada-Offer__PriceDefault{color:var(--aov-volume-secondary-text-color)}.Avada-Bundle-Volume__Container .Avada-Volume__Item .Avada-Volume__Gift .Avada-Volume__Gift-Body .Avada-Offer__Price:last-child .Avada-Volume__Number{display:none}.Avada-Bundle-Volume__Container .Avada-Offer__Footer{padding:0;margin-top:0}.Avada-Bundle-Volume__Container .Avada-Offer__Footer .Avada-Offer__ButtonAddToCart{width:100%;border-radius:10px;padding:16px 0;font-weight:600;border:none;background:var(--aov-volume-atc-button-bg-color);color:var(--aov-volume-atc-button-text-color)}.Avada-Bundle-Volume__Container .Avada-Offer__Footer .Avada-Offer__ButtonAddToCart .Avada-Offer__ButtonAddToCartLoading{width:25px;height:25px;border-radius:50%;border:2px solid var(--aov-volume-atc-button-text-color);border-top-color:rgba(0,0,0,0);animation:spin 1s infinite linear;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-Offer__Quantity{display:none !important}.Avada-Bundle-Volume__Container button:before{display:none}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop{display:flex;flex-direction:column;overflow:unset;gap:16px;scrollbar-width:none;border-radius:12px;width:100%}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VariantSelection__Container,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VariantSelection__Container{width:150px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Header,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Header{display:flex;flex-direction:column}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__HeaderTitle,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__HeaderTitle{display:flex;flex-direction:row}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__HeaderTitle .Avada-Volume__HeaderTitle-Text,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__HeaderTitle .Avada-Volume__HeaderTitle-Text{font-weight:600;color:var(--aov-volume-primary-text-color)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__HeaderTitle .Avada-Volume__HeaderTitle-Line,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__HeaderTitle .Avada-Volume__HeaderTitle-Line{display:flex;flex:1;height:1px;background:#e1e3e5;margin:auto 0 auto 16px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-ToggleText,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-ToggleText{color:#222;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;cursor:pointer;padding:8px 0 0 12px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-ToggleText:focus-visible,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-ToggleText:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Info .Avada-Volume__Info--TriggerQty,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Info .Avada-Volume__Info--TriggerQty{font-weight:600;gap:5px;display:flex;align-items:center;color:var(--aov-volume-primary-text-color)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Info .Avada-Volume__Info--TriggerQty .Avada-Volume__Info--Saving,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Info .Avada-Volume__Info--TriggerQty .Avada-Volume__Info--Saving{border-radius:4px;padding:2px 4px;justify-content:center;align-items:center;gap:8.95px;text-align:center;font-size:11px;font-weight:400;background:var(--aov-volume-tag-background-color);color:var(--aov-volume-tag-color)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Info .Avada-Volume__DiscountText,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Info .Avada-Volume__DiscountText{color:var(--aov-volume-secondary-text-color);font-weight:400;opacity:.8}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container{display:flex;flex-direction:column;gap:12px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal{display:grid;grid-template-columns:repeat(2, 1fr);text-align:center}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-ItemTier,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-ItemTier{padding:0 6px;flex-direction:column}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-ItemTier .Avada-Volume__ItemWrapper,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-ItemTier .Avada-Volume__ItemWrapper{width:100%}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-Volume__DiscountText,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-Volume__DiscountText{font-size:14px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-VolumeBadge.-preview.-desktop,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-VolumeBadge.-preview.-desktop{right:32px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-VolumeBadge.-preview,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-VolumeBadge.-preview{right:16px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-VolumeBadge,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-VolumeBadge{right:50px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(3):last-child),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(3):last-child){grid-template-columns:repeat(3, 1fr)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(3):last-child) .Avada-VolumeBadge,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(3):last-child) .Avada-VolumeBadge{right:14px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child){grid-template-columns:repeat(6, 1fr)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child) .Avada-VolumeBadge,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child) .Avada-VolumeBadge{right:14px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(1),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(1){grid-column:1/span 2;grid-row:1}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(2),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(2){grid-column:3/span 2;grid-row:1}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(3),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(3){grid-column:5/span 2;grid-row:1}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(4),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(4){grid-column:1/span 3;grid-row:2}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(5),.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal:has(>:nth-child(5):last-child)>:nth-child(5){grid-column:4/span 3;grid-row:2}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-Volume__Info--TriggerQty,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container.Avada-VolumeItem__Container--horizontal .Avada-Volume__Info--TriggerQty{justify-content:center}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal{position:relative;top:12px;margin-top:auto;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal{display:flex;align-items:center;gap:2px;padding:2px 2px 2px 10px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal svg,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal svg{position:relative;height:11px;top:-1.5px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal .Avada-Volume__Gift-Desc,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal .Avada-Volume__Gift-Desc{font-size:12px;text-wrap:nowrap}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal .Avada-Volume__Gift-Desc.Avada-Volume__Gift-Desc--Selected,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal .Avada-Volume__Gift-Desc.Avada-Volume__Gift-Desc--Selected{color:#fff}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeItem__Container .Avada-Volume__Item--Horizontal .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeItem__Container .Avada-Volume__Item--Horizontal .Avada-Volume__Gift--horizontal .Avada-Volume__Gift-Header--horizontal{justify-content:center;padding-left:2px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Bundle-Volume__StockValidation,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Bundle-Volume__StockValidation{background-color:rgba(255,45,45,.3019607843);border:1px solid #ff2c2c;color:#df2121;padding:8px 12px;margin:5px 0;font-size:14px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .AOV-Customize,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .AOV-Customize{display:flex;align-items:center;margin-left:8px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .AOV-Customize__Btn,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .AOV-Customize__Btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:13px;cursor:pointer;color:#333;text-decoration:underline;white-space:nowrap}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .AOV-Customize__Status,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .AOV-Customize__Status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#333;white-space:nowrap}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .AOV-Customize__Edit,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .AOV-Customize__Edit{background:none;border:none;padding:0;font-size:13px;color:#333;text-decoration:underline;cursor:pointer}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .AOV-Customize__Error,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .AOV-Customize__Error{color:#df2121;font-size:13px;padding:4px 12px;display:flex;align-items:center;gap:4px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .AOV-Customize__Error::before,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .AOV-Customize__Error::before{content:"⚠"}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__VariantPopupTrigger,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__VariantPopupTrigger{background:unset}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__ItemWrapper,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__ItemWrapper{width:94%;display:flex;flex-direction:column}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__Price,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__Price{display:flex;flex-direction:column;align-items:flex-end;gap:0}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__Price .Avada-Offer__PriceDiscount,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__Price .Avada-Offer__PriceDiscount{font-weight:600}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__Price .Avada-Offer__ButtonAddToCart,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__Price .Avada-Offer__ButtonAddToCart{text-decoration:line-through}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__HeaderDescription,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__HeaderDescription{font-size:13px;line-height:normal;color:var(--aov-volume-secondary-text-color)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-ItemTier,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-ItemTier{display:flex;padding:0 16px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-ItemRadioBtn,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-ItemRadioBtn{width:14px;height:14px;border-radius:50%;display:block;margin-top:4px;border:1px solid #8a8a8a}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-ItemRadioBtn.-selected,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-ItemRadioBtn.-selected{position:relative;border-color:var(--aov-volume-item-selected-border-checkbox-color);border-width:4px;background-color:#fff}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Item--Horizontal .Avada-VolumeBoxBadge,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Item--Horizontal .Avada-VolumeBoxBadge{right:50%;transform:translateX(50%)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeBoxBadge,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeBoxBadge{position:absolute;top:-10px;right:10%;transform:translateX(10%);border-radius:6px;background:var(--aov-volume-badge-background-color);color:var(--aov-volume-badge-color)}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-VolumeBoxBadge .Avada-BadgeText,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-VolumeBoxBadge .Avada-BadgeText{font-size:10px;height:20px;display:flex;justify-content:center;align-items:center}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Header,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Header{gap:0}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__Info--TriggerQty,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__PriceDiscount{font-size:14px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__DiscountText,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__ButtonAddToCart,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-ToggleText{font-size:12px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Volume__HeaderTitle{font-size:16px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__VariantPopupTrigger{width:130px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__VariantPopupTrigger{width:150px;margin-top:8px;max-width:150px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__HeaderTitle{font-size:20px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__Info--TriggerQty{font-size:16px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__PriceDiscount{font-size:14px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Volume__DiscountText,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__ButtonAddToCart,.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-ToggleText{font-size:13px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__ButtonAddToCart{font-size:16px}.Avada-Bundle-Volume__Container.Avada-Bundle-Volume__Container--ColorStyle-Basic .Avada-Volume__VariantSelection .Avada-Offer__VariantSection .Avada-VariantSelection .Avada-VariantSelection__Trigger{color:#080808}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell{border-color:#d6a35b}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__Item{border:1.5px solid #dfcfc4}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__Item.-selected{background:linear-gradient(95.71deg, rgba(249, 189, 130, 0.6) -0.98%, rgba(252, 211, 143, 0.6) 52.03%, rgba(255, 240, 187, 0.6) 100%);border:1.5px solid #e78a32}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__HeaderTitle{color:#e78a32}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__HeaderDescription{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-ToggleText{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__Products .Avada-Volume__Product .Avada-Volume__Number{background:#ffdfc9;backdrop-filter:blur(4px);border:none;color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__Info--TriggerQty{color:#e78a32}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-BadgeRoof{background:linear-gradient(90deg, #c35a26 0%, #f5b66b 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-BadgeText{background:linear-gradient(90deg, #c35a26 0%, #f5b66b 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Volume__Info .Avada-Volume__DiscountText{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Offer__PriceDiscount{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Offer__ButtonAddToCart{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Offer__VariantPopupTrigger{color:#181818;border-color:#181818 !important}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Offer__VariantPopupTrigger svg path{fill:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-Offer__ButtonAddToCart{background:linear-gradient(90deg, #b05e20 0%, #f5b66b 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-ItemRadioBtn{border:.66px solid #a29c9c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--new-year-up-sell .Avada-ItemRadioBtn.-selected{border:4px solid #e0713a;background:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell{border:1px solid #c87d3a}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__Item{border:1.5px solid #dfcfc4}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__Item.-selected{background:linear-gradient(95.71deg, rgba(249, 189, 130, 0.6) -0.98%, rgba(252, 211, 143, 0.6) 52.03%, rgba(255, 240, 187, 0.6) 100%);border:1.5px solid #e78a32}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__HeaderTitle{color:#e78a32}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__HeaderDescription{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-ToggleText{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__Products .Avada-Volume__Product .Avada-Volume__Number{background:#ffdfc9;backdrop-filter:blur(4px);border:none;color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__Info--TriggerQty{color:#e78a32}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-BadgeRoof{background:linear-gradient(90deg, #c35a26 0%, #f5b66b 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-BadgeText{background:linear-gradient(90deg, #c35a26 0%, #f5b66b 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Volume__Info .Avada-Volume__DiscountText{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Offer__PriceDiscount{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Offer__ButtonAddToCart{color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Offer__VariantPopupTrigger{color:#181818;border-color:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Offer__VariantPopupTrigger svg path{fill:#181818}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-Offer__ButtonAddToCart{background:linear-gradient(90deg, #b05e20 0%, #f5b66b 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-ItemRadioBtn{border:.66px solid #a29c9c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--thanksgiving-up-sell .Avada-ItemRadioBtn.-selected{border:4px solid #e0713a;background:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell{border:1px solid #811010}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__Item{border:1.5px solid #4a1311}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__Item.-selected{background:linear-gradient(95.45deg, rgba(126, 25, 20, 0.3) -1.01%, rgba(143, 37, 21, 0.3) 40.4%, rgba(90, 16, 7, 0.3) 77.86%);border:1.5px solid #a02307}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__HeaderTitle{color:#f93c3c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__HeaderDescription{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-ToggleText{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-VariantTitle{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__Products .Avada-Volume__Product .Avada-Volume__Number{background:#681517;backdrop-filter:blur(4px);border:none;color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__Info--TriggerQty{color:#ee2c2c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-BadgeRoof{background:linear-gradient(95.71deg, #7e1914 -0.98%, #8f2515 52.03%, #5a1007 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-BadgeText{background:linear-gradient(95.71deg, #7e1914 -0.98%, #8f2515 52.03%, #5a1007 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Volume__Info .Avada-Volume__DiscountText{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Offer__PriceDiscount{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Offer__ButtonAddToCart{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Offer__VariantPopupTrigger{color:#fff;border-color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Offer__VariantPopupTrigger svg path{fill:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-Offer__ButtonAddToCart{background:linear-gradient(95.71deg, #7e1914 -0.98%, #8f2515 52.03%, #5a1007 100%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-ItemRadioBtn{border:.66px solid #a29c9c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--black-friday-up-sell .Avada-ItemRadioBtn.-selected{border:4px solid #a02307;background:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell{border:1px solid #0a156c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__Item{border:1.5px solid #dfcfc4}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__Item.-selected{background:linear-gradient(95.49deg, rgba(244, 189, 110, 0.3) -1%, rgba(205, 181, 127, 0.3) 49.25%, rgba(48, 103, 165, 0.3) 94.72%);border:1.5px solid #ffd77c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__HeaderTitle{color:#fdc13b}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__HeaderDescription{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-ToggleText{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-VariantTitle{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__Products .Avada-Volume__Product .Avada-Volume__Number{background:#2e579a;backdrop-filter:blur(4px);border:none;color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__Info--TriggerQty{color:#fdc13b}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-BadgeRoof{background:linear-gradient(90.78deg, #bea05d 19.11%, #1658a3 101.19%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-BadgeText{background:linear-gradient(90.78deg, #bea05d 19.11%, #1658a3 101.19%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Volume__Info .Avada-Volume__DiscountText{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Offer__PriceDiscount{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Offer__ButtonAddToCart{color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Offer__VariantPopupTrigger{color:#fff;border-color:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Offer__VariantPopupTrigger svg path{fill:#fff}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-Offer__ButtonAddToCart{background:linear-gradient(90.78deg, #bea05d 19.11%, #1658a3 101.19%)}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-ItemRadioBtn{border:.66px solid #a29c9c}.Avada-Bundle-Volume__Container.Avada-Volume__Container--christmas-up-sell .Avada-ItemRadioBtn.-selected{border:4px solid #1a3b67;background:#fff}.Avada-Page__OfferEdit .Avada-CustomerEligibility .Polaris-BlockStack--listReset{flex-flow:column;gap:4px}.Avada-Volume--PreviewMobile{display:flex;flex-direction:column;align-items:center;gap:10.5px}.Avada-Template:hover{cursor:pointer}.Avada-Template.Avada-Template--selected{border-color:#005bd3;border-width:2px}.Avada-Template .Avada-Volume--PreviewMobile{padding:24px 16px}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Volume__Products .Avada-Volume__Product{gap:0}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Variant-Selections{gap:0}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Variant-Selections .Avada-VariantSelection__ColorSwatch{display:none}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Variant-Selections .Avada-VariantSelection__Trigger{padding:4px 6px}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Variant-Selections .Avada-VariantSelection__SelectedValue{font-weight:400}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Volume__Gift-Content .Avada-VariantSelection__Trigger{padding:0 2px}.Avada-Template .Avada-Volume--PreviewMobile .Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Img img{height:65px;object-fit:cover}.Avada-Volume--PreviewDesktop{display:flex;justify-content:space-around;width:100%;margin:0;gap:25px}.Avada-Volume--PreviewDesktop.Avada-Volume__PreviewDesktop--preview{width:90%;margin:20px auto 0}.Avada-Volume--PreviewDesktop .Avada-Volume__PreviewSkeleton{display:flex;gap:33px}.Avada-Volume--PreviewDesktop .Avada-Volume__PreviewSkeleton .Avada-Volume__PreviewSkeleton-preview{display:flex;flex-direction:column;gap:14px}.Avada-Volume--PreviewDesktop .Avada-Volume__WrapContent{width:100%;display:flex;flex-direction:column;gap:24px}.Avada-Volume--PreviewDesktop .Avada-Volume__WrapContent.Avada-Volume__WrapContent--preview{width:100%;display:flex;flex-direction:column;gap:14px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection{display:flex;justify-content:space-between;align-items:center;margin:0;position:relative}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-Selection__Section{display:flex;align-items:center;gap:11.241px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-Offer__Quantity{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:4px;background:#f7f7f7;font-size:10px;font-weight:500}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionMobile,.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionDesktop{height:100%}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionMobile .Avada-Offer__VariantPopupTrigger,.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionDesktop .Avada-Offer__VariantPopupTrigger{border-radius:4px;border:1px solid #ddd;max-width:110px;width:110px;height:25px;display:flex;padding:4px 8px;align-items:center;justify-content:space-between;flex-wrap:nowrap}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionMobile .Avada-Offer__VariantPopupTrigger .Avada-VariantTitle,.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionDesktop .Avada-Offer__VariantPopupTrigger .Avada-VariantTitle{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelectionMobile .Avada-Offer__VariantPopupTrigger{max-width:100px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelection__Container{padding:12px;width:200px;position:absolute;z-index:21;background:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.1);top:0;left:-10px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelection__Container.--Last-Element{bottom:30px;top:unset}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelection__Container .Avada-Variant__Container{display:flex;flex-direction:column;gap:4px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelection__Container .Avada-Variant__Container .Avada-OptionGroup .Avada-VariantOptionValues{display:flex;gap:4px;flex-wrap:wrap}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelection__Container .Avada-Variant__Container .Avada-OptionGroup .Avada-VariantOptionValues .Avada-VariantOptionValue{padding:2px 5px;height:fit-content;line-height:16px;white-space:wrap;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid #f7f7f7;border-radius:5px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantSection .Avada-VariantSelection__Container .Avada-ConfirmButton{width:100%;display:flex;align-items:center;justify-content:center;margin-top:10px;height:25px;cursor:pointer;border-radius:5px}.Avada-Bundle-Volume__Container .Avada-VariantLabel{font-size:14px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantPopup .Avada-Variant__Container{display:flex;flex-direction:column;gap:4px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantPopup .Avada-Variant__Container .Avada-OptionGroup .Avada-VariantOptionValues{display:flex;gap:4px;flex-wrap:wrap}.Avada-Bundle-Volume__Container .Avada-Offer__VariantPopup .Avada-Variant__Container .Avada-OptionGroup .Avada-VariantOptionValues .Avada-VariantOptionValue{padding:2px 5px;height:fit-content;line-height:16px;white-space:wrap;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid #f7f7f7;border-radius:5px}.Avada-Bundle-Volume__Container .Avada-Offer__VariantPopup .Avada-ConfirmButton{width:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;height:25px;cursor:pointer;font-size:14px}.Avada-Bundle-Volume__Container .Avada-ConfirmButton:hover{opacity:.8}@media(min-height: 130px){.Avada-Volume__VariantSelection .Avada-VariantSelection__Container{top:unset !important;bottom:0}}.Avada-Volume__Gift-Container--horizontal{width:100%;display:flex;flex-direction:column;gap:15px;padding:0 5px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal{display:flex;justify-content:space-between;gap:10px;width:100%;cursor:pointer}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Checkbox__Wrapper{margin-top:3px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information{flex:1;max-width:100%}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title{display:flex;align-items:start;gap:10px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title>div:first-child{position:relative}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title>div:first-child img{width:40px;height:40px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title>div:first-child>div{width:16px;height:16px;padding:3px 0 2px 0;position:absolute;top:-8px;right:-6px;color:#fff;text-align:center;font-size:11px;font-weight:600;line-height:100%;border-radius:10px;background:#707070}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title .Avada-Volume__Gift--Trigger{display:flex;flex-direction:column;gap:4px;max-width:100%}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title .Avada-Volume__Gift--Trigger>p{margin:0;font-weight:600;color:#080808;font-size:13px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Title .Avada-Volume__Gift--Trigger .Avada-VariantSelection__Container{top:unset;bottom:0;left:0}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift--Information .Avada-Volume__Gift--Information-Variant{display:flex;gap:4px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal-Price{width:fit-content}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal-Price>span{text-align:right;font-weight:600;color:#080808;font-size:14px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal-Price>p{text-align:right;margin:0}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal-Price>p:first-child{font-weight:600;color:#080808;font-size:14px}.Avada-Volume__Gift-Container--horizontal .Avada-Volume__Gift-Container-Item--horizontal-Price>p:last-child{text-decoration:line-through;font-size:13px}.Avada-Volume__Gift-Container--horizontal .Avada-Offer__VariantPopupTrigger{margin-top:0 !important;height:28px !important}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal{flex-direction:row;justify-content:center}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal{width:calc((100% - 32px)/3);flex-direction:column;text-align:center;align-items:center;position:relative;padding:4px;border:1px solid #c1c1c1;border-radius:4px;gap:0}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal:has(.Avada-Checkbox__Wrapper--Checked){border:1px solid #373737}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Checkbox__Wrapper{position:absolute;left:10px;top:10px;z-index:3;scale:1 !important}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information-Title{flex-direction:column;align-items:center;gap:8px}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information-Title>div:first-child{position:relative;width:100%}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information-Title>div:first-child img{width:100%;height:100px;object-fit:cover}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information-Title>div:first-child>div{top:-3px;right:-3px}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information-Title .Avada-Offer__VariantSection{justify-content:center;gap:5px}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift--Information-Title .Avada-VariantSelection__Trigger{padding:0}.Avada-Volume__Gift-Container--horizontal.Avada-Volume__Gift-Container--Layout-Horizontal .Avada-Volume__Gift-Container-Item--horizontal .Avada-Volume__Gift-Container-Item--horizontal-Price .Avada-Offer__Price{flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:3px;column-gap:5px}.Avada-Volume__Gift--divider{display:flex}.Avada-Volume__Gift--divider .Avada-Volume__Gift--divider-line{display:flex;flex:1;height:1px;margin:auto 0;background:var(--aov-volume-item-border-color)}.Avada-Volume__Gift--divider .Avada-Volume__Gift--divider-icon{width:fit-content;height:24px;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:34px;color:#1c1c1c;font-size:14px;font-style:normal;font-weight:600;line-height:normal;text-align:center;max-width:80%}.Avada-Volume__Gift-Variant-Select-Trigger .Avada-Offer__VariantSection .Avada-Selection__Section{max-width:100%}.Avada-Volume__WrapContent-preview{display:flex;flex-direction:column;gap:12px}.Avada-Volume__CountDown-Wrapper{width:100%}.Avada-Volume__CountDown-Wrapper .Avada-Volume__CountDown-Wrapper--above{order:-1}.Avada-Volume__CountDown-Wrapper .Avada-Volume__CountDown-Wrapper--below{order:1}.Avada-Volume__CountDown{display:flex;align-items:center;justify-content:center;padding:16px;border-radius:8px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout1{flex-direction:row;padding:12px 20px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout1 .Avada-Volume__CountDown-Title{color:#1c1c1c;font-size:13px;font-weight:500}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout1 .Avada-Volume__CountDown-Title .Avada-Volume__CountDown-Timer{font-size:16px;font-weight:600}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2{flex-direction:column;gap:8px;padding:12px 20px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Title{color:#1c1c1c;font-size:13px;font-weight:500}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Timer{display:flex;align-items:center}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Segment{display:flex;flex-direction:column;align-items:center;gap:4px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Value{color:#1c1c1c;min-width:48px;text-align:center;font-size:24px;font-weight:600;line-height:28px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Label{color:#1c1c1c;font-weight:400;text-align:center;font-size:12px;line-height:16px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Separator{font-size:28px;font-weight:700;color:#000;margin:0 4px;padding-bottom:20px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3{flex-direction:column;gap:8px;padding:0 16px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Title{color:#1c1c1c;font-size:13px;font-weight:500}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Timer{display:flex;align-items:center;gap:8px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Timer.Avada-Volume__CountDown-Timer--Preview{gap:4px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Timer.Avada-Volume__CountDown-Timer--Preview .Avada-Volume__CountDown-Box{min-width:50px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Box{display:flex;flex-direction:column;align-items:center;background-color:#f3f3f3;padding:10px 0;border-radius:6px;min-width:60px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Value{font-size:24px;font-weight:600;color:#1c1c1c;text-align:center;line-height:28px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Label{color:#1c1c1c;font-size:12px;font-weight:400;line-height:16px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Separator{font-size:24px;font-weight:600;color:#333;margin:0 2px;padding-bottom:10px}@media(max-width: 768px){.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2,.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3{padding:16px 12px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Title,.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Title{font-size:14px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Timer,.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Timer{gap:6px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Value{font-size:28px;min-width:40px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Label{font-size:11px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout2 .Avada-Volume__CountDown-Separator{font-size:24px;padding-bottom:16px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Box{padding:10px 12px;min-width:50px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Value{font-size:26px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Label{font-size:11px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout3 .Avada-Volume__CountDown-Separator{font-size:20px;padding-bottom:20px}.Avada-Volume__CountDown.Avada-Volume__CountDown--layout1 .Avada-Volume__CountDown-Title{font-size:14px}} .Avada-Checkbox__Wrapper{width:16px;height:16px;border-radius:4px;background:#fff;border:1px solid #000;display:flex;align-items:center;justify-content:center;position:relative}.Avada-Checkbox__Wrapper .Avada-Checkbox__Control{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.Avada-Checkbox__Wrapper .Avada-Checkbox__Control svg{width:100%;height:100%} .Avada-VariantSelection__Trigger{display:flex;align-items:center;gap:5px;padding:5px 10px;cursor:pointer;font-size:13px;color:#303030;flex:1;min-width:0;width:auto;overflow:visible}.Avada-VariantSelection__Trigger--singleOptions{cursor:default}.Avada-VariantSelection__Trigger--disabled{cursor:not-allowed;color:#999;background:#f5f5f5}.Avada-VariantSelection__SelectedValue{gap:5px;white-space:nowrap;overflow:visible;font-weight:500;width:auto;min-width:12px}.Avada-VariantSelection__Icon{display:flex;align-items:center;flex-shrink:0}.Avada-VariantSelection__ColorSwatch{display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:middle;border-radius:50%;box-shadow:rgba(50,50,93,.25) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;margin-top:-4.5px}.Avada-VariantSelection__Dropdown{position:relative;min-width:fit-content;width:auto;border:1px solid var(--border-selected-color, #e0e0e0);border-radius:4px;background-color:#fff;max-height:200px;overflow-y:auto;z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,.12);-ms-overflow-style:none;scrollbar-width:none}.Avada-VariantSelection__Dropdown::-webkit-scrollbar{display:none}.Avada-VariantSelection__Option{padding:8px 12px;cursor:pointer;font-size:13px;transition:all .2s ease;white-space:nowrap;overflow:visible;width:auto;min-width:fit-content;border-bottom:solid 1px #e1e1e1}.Avada-VariantSelection__Option.Avada-VariantSelection__Option--selected{font-weight:500;background-color:var(--background-selected-color)}.Avada-VariantSelection__Option.Avada-VariantSelection__Option--disabled{color:#d9d9d9;cursor:not-allowed}.Avada-VariantSelection__Option:hover:not(.disabled){background-color:#f5f5f5}.Avada-VariantSelection__Option:last-child{border-bottom:none}.Avada-Variant-Selections .Avada-VariantSelection{max-width:unset;position:relative;display:inline-flex;align-items:center;flex:0 0 calc(33.333% - 30px)}.Avada-Variant-Selections .Avada-VariantSelection__SelectedValue{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Avada-Volume__Gift--Information .Avada-VariantSelection__Trigger{padding:0 20px 0 0} .Avada-Offer__Price{display:flex;row-gap:4px;flex-direction:column;align-items:end}.Avada-Offer__Price .Avada-Offer__PriceDiscount{font-weight:500;max-width:100%}.Avada-Offer__Price .Avada-Offer__PriceDiscount span{font-weight:400 !important}.Avada-Offer__Price .Avada-Offer__PriceDefault{font-size:13px;font-weight:400;color:#222;opacity:.8;text-decoration:line-through;max-width:100%}.Avada-Offer__Price .Avada-Offer__PriceUnit{color:#222;font-size:13px;font-weight:400;max-width:100%}.Avada-Volume__Content--Horizontal .Avada-Offer__Price:has(.Avada-Offer__PriceUnit){flex-direction:row !important;flex-wrap:wrap;justify-content:end;column-gap:4px !important;align-items:baseline !important}.Avada-Volume__Content--Horizontal .Avada-Offer__Price:has(.Avada-Offer__PriceUnit) .Avada-Offer__PriceDiscount .AOV-Offer__UnitPriceLabel{display:none}.Avada-Volume__Content--Horizontal .Avada-Offer__Price:has(.Avada-Offer__PriceUnit) .Avada-Offer__PriceUnit{flex-basis:100%;text-align:right}.Avada-Offer__PriceDiscount--Gift{display:flex;padding:2px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px} .Avada-Bundle-Branding-Container{display:flex;justify-content:center;align-items:center;width:100%}.Avada-Bundle-Branding-Container span{text-align:center;margin-bottom:4px;margin-left:2px;font-weight:400;font-family:"Assistant"}.Avada-Bundle-Branding-Container span strong{font-family:"Assistant"} .AOV-SubscriptionsWidget{width:100%;margin:0 auto}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Title{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--aov-volume-header-text-color, #000000)}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Options{display:flex;flex-direction:column;width:100%;border-radius:8px;overflow:hidden}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Option{display:flex;flex-wrap:wrap;align-items:flex-start;padding:14px 12px;background-color:#fff;cursor:pointer;position:relative;min-height:40px;transition:all .3s ease;border:1px solid #e1e3e5;box-sizing:border-box}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Option:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__Option{padding:10px 8px;min-height:36px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Option--selected{border-color:#000}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Option--selected .AOV-SubscriptionsWidget__RadioOuter{border-color:#000;border-width:4px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Radio{margin-top:3px;margin-right:12px;display:flex;align-items:center;justify-content:center}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__RadioOuter{width:14px;height:14px;border-radius:50%;border:1px solid #8a8a8a;transition:all .2s ease;display:block}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__OptionContent{flex:1;width:100%}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__OptionHeader{display:flex;justify-content:space-between;align-items:flex-start;width:100%;flex-wrap:nowrap;overflow:hidden}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__OptionTitleWrapper{display:flex;align-items:center;flex-wrap:wrap;max-width:calc(100% - 80px);min-width:0}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__OptionTitle{font-weight:600;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__OptionSubtitle{color:#637381;font-size:12px;margin-top:2px;width:100%}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__OptionPrice{text-align:right;font-weight:600;min-width:70px;margin-left:5px;flex-shrink:0;flex-grow:0;color:#121212}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__DiscountPrice{font-weight:600;font-size:16px;white-space:nowrap;line-height:16px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__RegularPrice{color:#637381;text-decoration:line-through;font-size:13px;white-space:nowrap;font-weight:400;line-height:16px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__FrequencySelector{padding:.5rem 0;transition:all .3s ease;max-height:0;overflow:hidden;opacity:0;animation:frequencyExpand .3s forwards;width:100%;display:block;box-sizing:border-box}@keyframes frequencyExpand{0%{max-height:0;opacity:0}100%{max-height:100px;opacity:1}}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__FrequencyLabel{font-size:13px;font-weight:500}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__SelectWrapper{position:relative;width:100%}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Select{width:100%;padding:8px 12px;border:1px solid #e1e3e5;border-radius:4px;background-color:#fff;font-family:"Poppins",sans-serif;font-size:14px;appearance:none;padding-right:30px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Select:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__Select:focus{outline:none;border-color:#000}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__SelectArrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #637381;pointer-events:none}.AOV-SubscriptionsWidget .AOV-SubscriptionsWidget__DiscountBadge{display:inline-flex;background-color:var(--aov-volume-badge-background-color, #fbe9e7);color:var(--aov-volume-badge-color, #d84315);padding:2px 8px;border-radius:12px;font-size:12px;margin-left:8px;font-weight:500;white-space:normal;align-items:center;justify-content:center;margin-top:2px;flex-wrap:wrap}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__OptionPrice{min-width:60px;font-size:14px}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__DiscountPrice{font-size:14px}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__RegularPrice{font-size:11px}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__DiscountBadge{margin-left:4px;padding:1px 6px;font-size:11px}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__FrequencyLabel{font-size:12px;margin-bottom:6px}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--mobile .AOV-SubscriptionsWidget__Select{font-size:13px;padding:6px 10px}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--layout1 .AOV-SubscriptionsWidget__Options{border-radius:13px;border:1px solid #e1e3e5}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--layout1 .AOV-SubscriptionsWidget__Option{border:none}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--layout1 .AOV-SubscriptionsWidget__Option--oneTime{border-bottom:1px solid #e1e3e5}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--layout1 .AOV-SubscriptionsWidget__Option--selected{background-color:#f7f7f7}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__Title{display:none}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__Option{border-radius:13px;border:2px dashed #e1e3e5;padding:16px 14px;cursor:default}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__Option--selected{border-color:#1c1c1c;border-style:dashed;border-width:2px;background-color:#fff}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__Checkbox{margin-right:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:center}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__CheckboxOuter{width:20px;height:20px;min-width:20px;min-height:20px;border-radius:4px;border:1.5px dashed #8a8a8a;position:relative;transition:all .2s ease;box-sizing:border-box;display:block}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__Option--selected .AOV-SubscriptionsWidget__CheckboxOuter{background-color:#000;border-color:#000;border-style:solid}.AOV-SubscriptionsWidget.AOV-SubscriptionsWidget--modern .AOV-SubscriptionsWidget__Option--selected .AOV-SubscriptionsWidget__CheckboxOuter::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} .section-template--20265687646298__featured_on_RqyxTP-padding { padding-top: 12px; padding-bottom: 12px; } @media screen and (min-width: 750px) { .section-template--20265687646298__featured_on_RqyxTP-padding { padding-top: 12px; padding-bottom: 36px; } .logo-list-template--20265687646298__featured_on_RqyxTP .logo-list__item svg, .logo-list-template--20265687646298__featured_on_RqyxTP .logo-list__item, .logo-list-template--20265687646298__featured_on_RqyxTP .logo-list__item img { height: 32px; } } @media screen and (max-width: 750px) { .logo-list-template--20265687646298__featured_on_RqyxTP .logo-list__item svg, .logo-list-template--20265687646298__featured_on_RqyxTP .logo-list__item, .logo-list-template--20265687646298__featured_on_RqyxTP .logo-list__item img { height: 32px; } } .color-scheme-template--20265687646298__featured_on_RqyxTP.color-custom { --color-background: 227, 207, 191; --gradient-background: rgb(227, 207, 191); --color-foreground: 18, 18, 18; } Featured on (function () { function mobileSlider_template__20265687646298__featured_on_RqyxTP() { if (typeof jQuery === 'undefined') return; jQuery('.logo-list-template--20265687646298__featured_on_RqyxTP').slick({ slidesToShow: 2, slidesToScroll: 1, mobileFirst: true, autoplay: true, autoplaySpeed: 5000, dots: false, arrows: false, responsive: [ { breakpoint: 750, settings: 'unslick' } ] }); } document.addEventListener('DOMContentLoaded', mobileSlider_template__20265687646298__featured_on_RqyxTP); window.addEventListener('resize', mobileSlider_template__20265687646298__featured_on_RqyxTP); })(); .trustpilot-marquee-template--20265687646298__trustpilot_marquee_atHw6Q { padding-top: 36px; padding-bottom: 36px; background-color: #ffffff; overflow: hidden; width: 100%; } .tp-header-template--20265687646298__trustpilot_marquee_atHw6Q { text-align: center; margin-bottom: 30px; } .tp-trustpilot-row-template--20265687646298__trustpilot_marquee_atHw6Q { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 15px; } .tp-trustpilot-row-template--20265687646298__trustpilot_marquee_atHw6Q span { font-size: 15px; color: #000; } .tp-heading-template--20265687646298__trustpilot_marquee_atHw6Q { font-size: 24px; font-weight: bold; color: #000; margin: 0; padding: 0 15px; line-height: 1.2; } @media(min-width: 768px) { .tp-heading-template--20265687646298__trustpilot_marquee_atHw6Q { font-size: 34px; } } /* Marquee Slider CSS */ .tp-marquee-wrapper-template--20265687646298__trustpilot_marquee_atHw6Q { display: flex; overflow: hidden; width: 100%; gap: 10px; /* Space between the two tracks */ } .tp-marquee-track-template--20265687646298__trustpilot_marquee_atHw6Q { display: flex; flex-shrink: 0; align-items: center; gap: 10px; /* Space between images */ animation: scrollLefttemplate20265687646298__trustpilot_marquee_atHw6Q 24s linear infinite; } .tp-marquee-item-template--20265687646298__trustpilot_marquee_atHw6Q { flex-shrink: 0; height: 100px; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Subtle shadow for images */ } @media(min-width: 768px) { .tp-marquee-item-template--20265687646298__trustpilot_marquee_atHw6Q { height: 150px; } } .tp-marquee-item-template--20265687646298__trustpilot_marquee_atHw6Q img { height: 100%; width: auto; object-fit: cover; display: block; } /* Fallback placeholder style if no image */ .tp-marquee-item-template--20265687646298__trustpilot_marquee_atHw6Q .placeholder { height: 100%; aspect-ratio: 1; background-color: #eee; display: flex; align-items: center; justify-content: center; color: #999; } @keyframes scrollLefttemplate20265687646298__trustpilot_marquee_atHw6Q { 0% { transform: translateX(0); } /* -100% moves the track perfectly out of view, -10px accounts for the wrapper gap */ 100% { transform: translateX(calc(-100% - 10px)); } } /* Hover to pause */ .tp-marquee-wrapper-template--20265687646298__trustpilot_marquee_atHw6Q:hover .tp-marquee-track-template--20265687646298__trustpilot_marquee_atHw6Q { animation-play-state: paused; } Excellent 1,784 reviews The Smarter Way To Protect Your Home Tired of Unwanted Visitors & Late Knocks? You’re winding down for the night when — ding-dong . It’s nearly 11pm. You weren’t expecting anyone. You peek outside… but there’s no package. No voice. Just someone standing there. With SafeView , you don’t have to guess who’s outside ever again. Our window camera gives you instant HD video from inside your home — so you can see everything without opening the door or risking your safety. AI Motion Detection alerts you the moment someone approaches — not cars, not shadows, not pets. And that’s just the beginning — here’s how SafeView transforms your peace of mind… Your Home’s First Line of Defence — Day or Night A camera that only works when it’s bright outside? Not anymore. SafeView’s infrared night vision gives you clear, detailed footage even in complete darkness — all from the safety of inside your window. Why You Need SafeView: ✅ Instantly check who’s outside — even when you’re not home. ✅ Reduce the risk of break-ins, car theft, and doorstep snooping ✅ Protected placement — sits inside your window, so it can’t be stolen or tampered with ✅ Keep every recording safe with the free memory card and easy app access — no subscriptions needed And we’re just getting started — there’s even more to love about SafeView… Designed for Safety — Without the Monthly Fees Wide-Angle View – See your driveway, doorway, and garden path with no blind spots. Protected Placement – SafeView sits inside your window, so it can’t be stolen, damaged, or tampered with. Simple Setup – Connect to Wi-Fi, open the app, and you’re ready in minutes. And here’s the best part: You buy SafeView once — and that’s it. - No subscriptions. - No yearly renewals. Every recording is saved on the free memory card included , ready to view anytime. Real home security, upgraded — without the endless monthly costs. .vt-section-template--20265687646298__video_testimonials_rCxBK6 { background-color: #1c2a3a; padding-top: 30px; padding-bottom: 30px; overflow: hidden; } .vt-container-template--20265687646298__video_testimonials_rCxBK6 { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .vt-heading-template--20265687646298__video_testimonials_rCxBK6 { text-align: center; margin-bottom: 30px; } .vt-heading-template--20265687646298__video_testimonials_rCxBK6 h2 { color: #ffffff; font-size: 28px; font-weight: 700; margin: 0; line-height: 1.3; } /* Slider CSS */ .vt-slider-wrapper-template--20265687646298__video_testimonials_rCxBK6 { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 20px; /* Space for scrollbar */ -ms-overflow-style: none; /* IE/Edge */ scrollbar-width: none; /* Firefox */ } .vt-slider-wrapper-template--20265687646298__video_testimonials_rCxBK6::-webkit-scrollbar { display: none; /* Chrome/Safari */ } .vt-slide-template--20265687646298__video_testimonials_rCxBK6 { flex: 0 0 calc(85% - 16px); scroll-snap-align: start; position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 9 / 16; background-color: #000; cursor: pointer; } /* Desktop sizing */ @media(min-width: 768px) { .vt-section-template--20265687646298__video_testimonials_rCxBK6 { padding-top: 60px; padding-bottom: 60px; } .vt-heading-template--20265687646298__video_testimonials_rCxBK6 { margin-bottom: 40px; } .vt-heading-template--20265687646298__video_testimonials_rCxBK6 h2 { font-size: 42px; } .vt-slide-template--20265687646298__video_testimonials_rCxBK6 { /* Show 4 cards on desktop */ flex: 0 0 calc(25% - 12px); } } .vt-slide-template--20265687646298__video_testimonials_rCxBK6 video, .vt-slide-template--20265687646298__video_testimonials_rCxBK6 img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; /* Prevents video controls from intercepting clicks */ } /* Play Icon Overlay */ .vt-play-icon-template--20265687646298__video_testimonials_rCxBK6 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 54px; height: 54px; background-color: rgba(255, 255, 255, 0.25); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 2; transition: transform 0.2s ease, opacity 0.3s ease; } .vt-slide-template--20265687646298__video_testimonials_rCxBK6:hover .vt-play-icon-template--20265687646298__video_testimonials_rCxBK6 { transform: translate(-50%, -50%) scale(1.1); } .vt-play-icon-template--20265687646298__video_testimonials_rCxBK6 svg { width: 24px; height: 24px; fill: currentColor; margin-left: 3px; /* visual center for play button */ } /* Bottom Author Overlay */ .vt-bottom-overlay-template--20265687646298__video_testimonials_rCxBK6 { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 15px 15px 15px; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent); z-index: 2; color: #fff; pointer-events: none; } .vt-stars-template--20265687646298__video_testimonials_rCxBK6 { color: #FFD700; font-size: 14px; margin-bottom: 4px; letter-spacing: 2px; } .vt-author-template--20265687646298__video_testimonials_rCxBK6 { font-size: 15px; font-weight: 600; margin: 0; color: #fff; } /* Modal Styles */ .vt-modal-template--20265687646298__video_testimonials_rCxBK6 { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); display: flex; align-items: center; justify-content: center; z-index: 999999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; padding: 20px; } .vt-modal-template--20265687646298__video_testimonials_rCxBK6.active { opacity: 1; pointer-events: all; } .vt-modal-content-template--20265687646298__video_testimonials_rCxBK6 { position: relative; width: 100%; max-width: 450px; aspect-ratio: 9 / 16; max-height: 90vh; background: #000; border-radius: 16px; overflow: hidden; } .vt-modal-content-template--20265687646298__video_testimonials_rCxBK6 video { width: 100%; height: 100%; object-fit: cover; outline: none; } .vt-modal-close-template--20265687646298__video_testimonials_rCxBK6 { position: absolute; top: 15px; right: 15px; width: 42px; height: 42px; background: rgba(255,255,255,0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 99; border: none; padding: 8px; color: #fff; } .vt-modal-close-template--20265687646298__video_testimonials_rCxBK6 svg { width: 100%; height: 100%; fill: currentColor; } Hear What People Like You Say About It... ★★★★★ John D. ★★★★★ John D. function openVTModaltemplate20265687646298__video_testimonials_rCxBK6(videoUrl) { if (!videoUrl) return; // Ignore if no video attached var modal = document.getElementById('vt-modal-template--20265687646298__video_testimonials_rCxBK6'); var video = document.getElementById('vt-modal-video-template--20265687646298__video_testimonials_rCxBK6'); // Append to body to prevent containing block issues (z-index traps) if (modal.parentNode !== document.body) { document.body.appendChild(modal); } video.src = videoUrl; modal.classList.add('active'); document.body.style.overflow = 'hidden'; video.play(); } function closeVTModaltemplate20265687646298__video_testimonials_rCxBK6() { var modal = document.getElementById('vt-modal-template--20265687646298__video_testimonials_rCxBK6'); var video = document.getElementById('vt-modal-video-template--20265687646298__video_testimonials_rCxBK6'); modal.classList.remove('active'); document.body.style.overflow = ''; video.pause(); video.src = ''; } .hiw-section-template--20265687646298__how_it_works_9jj9yb { background-color: #ffffff; padding-top: 40px; padding-bottom: 40px; } .hiw-container-template--20265687646298__how_it_works_9jj9yb { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .hiw-heading-template--20265687646298__how_it_works_9jj9yb { text-align: center; margin-bottom: 50px; } .hiw-heading-template--20265687646298__how_it_works_9jj9yb h2 { font-size: 32px; font-weight: 700; color: #000000; margin: 0; line-height: 1.2; } /* Grid Layout (Mobile: Scroll Snap, Desktop: CSS Grid) */ .hiw-grid-template--20265687646298__how_it_works_9jj9yb { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 20px; padding-bottom: 20px; /* Space for hidden scrollbar */ padding-top: 20px; /* Space for the top numbers */ -ms-overflow-style: none; /* IE/Edge */ scrollbar-width: none; /* Firefox */ } .hiw-grid-template--20265687646298__how_it_works_9jj9yb::-webkit-scrollbar { display: none; /* Chrome/Safari */ } .hiw-item-template--20265687646298__how_it_works_9jj9yb { flex: 0 0 calc(85% - 20px); scroll-snap-align: center; } /* Image Wrapper */ .hiw-image-wrapper-template--20265687646298__how_it_works_9jj9yb { position: relative; width: 100%; margin-bottom: 24px; } .hiw-image-template--20265687646298__how_it_works_9jj9yb { aspect-ratio: 1; /* Perfect Square */ border-radius: 12px; overflow: hidden; background-color: #f5f5f5; } .hiw-image-template--20265687646298__how_it_works_9jj9yb img { width: 100%; height: 100%; object-fit: cover; display: block; } .hiw-placeholder-template--20265687646298__how_it_works_9jj9yb { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; background-color: #eaeaea; } /* Number Badge */ .hiw-number-template--20265687646298__how_it_works_9jj9yb { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background-color: #000000; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; z-index: 2; box-shadow: 0 2px 6px rgba(0,0,0,0.15); } /* Text */ .hiw-text-template--20265687646298__how_it_works_9jj9yb { text-align: center; padding: 0 10px; } .hiw-text-template--20265687646298__how_it_works_9jj9yb p { font-size: 18px; color: #000000; line-height: 1.4; margin: 0; font-weight: 500; } /* Button */ .hiw-button-wrapper-template--20265687646298__how_it_works_9jj9yb { text-align: center; margin-top: 40px; } .hiw-button-template--20265687646298__how_it_works_9jj9yb { display: inline-block; background-color: #0073c2; color: #ffffff; padding: 18px 40px; font-size: 20px; font-weight: 700; text-decoration: none; border-radius: 8px; transition: background-color 0.3s ease, opacity 0.3s ease; } .hiw-button-template--20265687646298__how_it_works_9jj9yb:hover { opacity: 0.9; } /* Desktop layout */ @media(min-width: 768px) { .hiw-section-template--20265687646298__how_it_works_9jj9yb { padding-top: 80px; padding-bottom: 80px; } .hiw-heading-template--20265687646298__how_it_works_9jj9yb { margin-bottom: 70px; } .hiw-heading-template--20265687646298__how_it_works_9jj9yb h2 { font-size: 44px; } .hiw-grid-template--20265687646298__how_it_works_9jj9yb { display: grid; /* Dynamic columns based on block count */ grid-template-columns: repeat(3, 1fr); gap: 40px; overflow-x: visible; /* Disable scroll snap on desktop */ padding-bottom: 0; } .hiw-item-template--20265687646298__how_it_works_9jj9yb { flex: none; /* Let grid handle sizing */ } } How it Works: 1 Peel and stick on any window 2 Connect to WIFI and the free mobile app 3 Enjoy peace of mind knowing your home is protected .content-and-comparison-table{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;column-gap:5rem}.content-and-comparison-table--no-content{grid-template-columns:repeat(1,1fr)}@media screen and (max-width:899px){.content-and-comparison-table{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:900px){.content-and-comparison-table--table-first .comparison-table-container{order:-1}}.content-and-comparison-table .content-container .title{margin-top:0}.comparison-table-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:50rem}.comparison-table{flex-grow:1;border-spacing:0}.comparison-table tbody{box-shadow:.5rem .5rem .9rem rgba(0, 0, 0, .02), 0 0 0 .2rem rgba(0, 0, 0, .02)}.comparison-table td{padding:1rem 1.5rem;text-align:center;box-shadow:inset 0 -.1rem rgba(0,0,0,.05),inset 0 .1rem rgba(0,0,0,.05)}.comparison-table img{vertical-align:middle}.comparison-table th{padding:.5rem .75rem;line-height:1.3}.comparison-table tbody td:not(.comparison-table__row-name){padding:1rem 2rem}.comparison-table__x{width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center;margin:auto}.comparison-table__checkmark{width:2rem;height:2rem;vertical-align:middle;margin:auto;display:inline-block}.comparison-table__x span{display:block;height:.3rem;width:1.8rem;background:#121212;border-radius:1rem;transform:rotate(45deg);flex-shrink:0;flex-grow:0}.comparison-table__x span:nth-child(2){position:absolute;transform:rotate(-45deg)}.comparison-table .comparison-table__row-name h3{font-size:1.0rem;margin:0}@media screen and (max-width:750px){.comparison-table .comparison-table__row-name h3,.comparison-table th{font-size:calc(1.0rem * .85)}.comparison-table__checkmark,.comparison-table__x{width:1.8rem;height:1.8rem}}@media screen and (max-width:500px){.comparison-table__logo img,.comparison-table__others img{max-width:50px;height:auto}} .section-template--20265687646298__section_comparison_table_gMn6xN-padding{padding-top:27px;padding-bottom:51px} @media screen and (min-width:750px){.section-template--20265687646298__section_comparison_table_gMn6xN-padding{padding-top:12px;padding-bottom:36px}} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN td.row-name-cell{background-color:#0073c2;color:#fdfbf7} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN td.us-cell,.comparison-table-template--20265687646298__section_comparison_table_gMn6xN td.others-cell{background-color:#ffffff} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN tbody{border-radius:1rem} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN tbody tr:first-of-type td.row-name-cell{border-radius:1rem 0 0 0} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN tbody tr:last-of-type td.row-name-cell{border-radius:0 0 0 1rem} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN tbody tr:first-of-type td:last-child{border-radius:0 1rem 0 0} .comparison-table-template--20265687646298__section_comparison_table_gMn6xN tbody tr:last-of-type td:last-child{border-radius:0 0 1rem 0} .section-width-template--20265687646298__section_comparison_table_gMn6xN{margin:0 auto;padding:0 1.5rem}.section-width-template--20265687646298__section_comparison_table_gMn6xN{max-width:var(--page-width)}@media screen and (min-width:750px){.section-width-template--20265687646298__section_comparison_table_gMn6xN{padding:0 5rem}} Why Choose SafeView? Us Others Instant Alerts Advanced AI Security HD Night Vision Setup In Minutes 30-Day Money Back Guarantee .section-template--20265687646298__section_testimonials_homeowners_wXFBfV-padding{padding-top:27px;padding-bottom:27px} @media screen and (min-width:750px){.section-template--20265687646298__section_testimonials_homeowners_wXFBfV-padding{padding-top:36px;padding-bottom:36px}} .tcard-grid-template--20265687646298__section_testimonials_homeowners_wXFBfV{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style:none} .tcard-grid-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard-item{flex:1 1 280px;min-width:0} @media screen and (max-width:749px){.tcard-grid-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard-item{flex:0 0 calc(100% - 3rem);min-width:calc(100% - 3rem)}} ul li { list-style-type: none; } .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV{background-color:#f5f5f5;border-radius:8px;overflow:hidden;height:100%;box-shadow:0px 0px 0px #ffffff} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__media{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:rgba(0,0,0,.05)} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__body{padding:20px} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__stars{font-size: 1.4rem;text-align:center;line-height:1;margin:0 0 .6rem;color:#ffd700} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__title{font-size:calc(var(--font-heading-scale, 1) * 1.2rem);font-weight:var(--font-heading-weight, 700);margin:0 0 1rem;line-height:1.3} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__review{margin:0 0 1rem;font-size:0.9rem;line-height:1.6} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__review p{margin:0} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__author-row{display:flex;align-items:center;padding-top:1rem;border-top:1px solid #e5e5e5} .tcard-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard__author{font-style:italic;font-weight:600;font-size:1rem;margin:0} .section-template--20265687646298__section_testimonials_homeowners_wXFBfV-wrapper{background-color:#ffffff;overflow:hidden} .section-template--20265687646298__section_testimonials_homeowners_wXFBfV-heading{margin:0 0 2.4rem} @media screen and (max-width:749px){ .tcard-scroll-template--20265687646298__section_testimonials_homeowners_wXFBfV{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:.4rem} .tcard-scroll-template--20265687646298__section_testimonials_homeowners_wXFBfV::-webkit-scrollbar{display:none} .tcard-scroll-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard-item{flex:0 0 calc(85vw);scroll-snap-align:start;min-width:0} .tcard-scroll-buttons{display:flex;align-items:center;justify-content:center;margin-top:1.6rem;gap:.8rem} .tcard-scroll-btn{background:transparent;border:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#121212;opacity:.6} .tcard-scroll-btn:hover{opacity:1} .tcard-scroll-btn .icon{height:.6rem;width:auto} .tcard-counter{font-size:1.4rem;color:#121212;opacity:.6} } @media screen and (min-width:750px){ .tcard-scroll-buttons{display:none} .tcard-scroll-template--20265687646298__section_testimonials_homeowners_wXFBfV{display:flex;flex-wrap:wrap;gap:20px} .tcard-scroll-template--20265687646298__section_testimonials_homeowners_wXFBfV .tcard-item{flex:1 1 280px;min-width:0} } .section-width-template--20265687646298__section_testimonials_homeowners_wXFBfV{margin:0 auto;padding:0 1.5rem}.section-width-template--20265687646298__section_testimonials_homeowners_wXFBfV{max-width:var(--page-width)}@media screen and (min-width:750px){.section-width-template--20265687646298__section_testimonials_homeowners_wXFBfV{padding:0 5rem}} What Home Owners Are Saying... ★★★★★ Best home upgrade I've made "I travel often and used to worry about package theft. Now, I can monitor my home 24/7 and see delivery drivers instantly. Highly recommend!" Jason ★★★★★ Crystal-clear video & reliable alerts "The night vision is super clear, and I only get alerts for real visitors – no annoying false alarms! This camera is a game-changer." Sophia ★★★★★ Setup was ridiculously easy "I had this installed and running in under 5 minutes. No complicated wiring, just plug and play. Works perfectly!" Janet 1 / 3 (function() { var current_template__20265687646298__section_testimonials_homeowners_wXFBfV = 0; window.tcardScroll = window.tcardScroll || function(id, dir) { var list = document.getElementById('tcard-list-' + id); if (!list) return; var items = list.querySelectorAll('.tcard-item'); var total = items.length; var idx = (window['_tcardIdx_' + id] || 0) + dir; if (idx < 0) idx = 0; if (idx >= total) idx = total - 1; window['_tcardIdx_' + id] = idx; var item = items[idx]; if (item) list.scrollTo({ left: item.offsetLeft - list.offsetLeft, behavior: 'smooth' }); var counter = document.getElementById('tcard-counter-' + id); if (counter) counter.textContent = (idx + 1) + ' / ' + total; }; })(); .section-template--20265687646298__customer_results_3DThFV-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--20265687646298__customer_results_3DThFV-padding { padding-top: 36px; padding-bottom: 36px; } } /* Custom Color Overrides */ .color-scheme-template--20265687646298__customer_results_3DThFV.color-custom { background-color: #ffffff; color: #2e2a39; } /* Bulletproof Flexbox Layout */ .content-and-results-template--20265687646298__customer_results_3DThFV { display: flex; flex-direction: column; /*gap: 3rem;*/ align-items: center; } .content-container-template--20265687646298__customer_results_3DThFV, .results-container-template--20265687646298__customer_results_3DThFV { width: 100%; } /* Image styling to match the reference site */ .content-and-results__image img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,0.08); object-fit: cover; } /* Side-by-side on desktop */ @media screen and (min-width: 990px) { .content-and-results-template--20265687646298__customer_results_3DThFV { flex-direction: row; justify-content: space-between; gap: 5rem; } .content-and-results--results-first { flex-direction: row-reverse; } .content-container-template--20265687646298__customer_results_3DThFV, .results-container-template--20265687646298__customer_results_3DThFV { width: 50%; } } /* Result Rows */ .results__row { display: flex; align-items: center; padding: .3rem 0 ; } /* SVG Ring Styling */ .results__percentage { position: relative; width: 80px; height: 80px; flex-shrink: 0; } .results__percentage svg { width: 100%; height: 100%; display: block; } .results__percentage p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-size: 1.2rem; font-weight: 700; line-height: 1; } .results__text p { margin: 0; font-size: 16px; line-height: 1.4; } /* Width Controls */ .section-width-template--20265687646298__customer_results_3DThFV { margin: 0 auto; padding: 0 1.5rem; }.section-width-template--20265687646298__customer_results_3DThFV{max-width:var(--page-width, 140rem);} Our Customers Said... 96% said they feel safer after installing SafeView 94% found it easier to install than other smart doorbells 98% reported fewer missed deliveries and package thefts *Results are based on a sample of 150 customers over 60 days of use.* 30-Day Money Back Guarantee We stand behind every SafeDoorbell with a 30-day money-back guarantee . If you’re not completely satisfied, your item is unopened and unused, simply return it for a full refund — no hassle, no stress. FREE SHIPPING EASY RETURNS 30-DAY GUARANTEE FREE SHIPPING EASY RETURNS 30-DAY GUARANTEE FAQs Is it easy to install? Yes! Just peel the adhesive sticker and press it onto your window . No drilling, no tools, no wiring needed. Does it work on all types of windows? Yes, SafeView works through double glazing, single glazing, and most modern window types . Just install it on a clean, flat surface for best results. Do I need a subscription to view recordings? No. SafeView includes FREE local storage using the included memory card. You can view and replay recordings anytime inside the app at no extra cost . Is there an app for mobile? Yes, you can connect using our free mobile app on iOS and Android to view live footage, receive alerts, and access recordings. Does it need Wi-Fi? Yes our camera is designed to work with 2.4GHz Wi-Fi networks, ensuring a fast and stable connection. If you have 5.0GHz then this will not work. Can someone steal the camera? No — SafeView sits inside your home , safely behind the glass. It cannot be stolen or pulled off the wall like outdoor doorbell cameras. Does it work at night? Yes, SafeView has infrared night vision that gives you clear footage in low light and complete darkness. Will it still detect motion through glass? Yes. SafeView uses AI motion detection that works effectively through windows, even with reflections or glare. What’s included? Camera, adhesive mount, charging cable, and user guide. /* --- BASE STYLES --- */ :root { --color-foreground: 18, 18, 18; --color-background: 255, 255, 255; --star-color: #F7D047; /* Exact Vitals Yellow */ --star-bg: #cecece; --border-color: #eaeaea; --text-muted: #666666; --btn-bg: #121212; --btn-text: #ffffff; --btn-hover: #333333; } .vitals-review-widget-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1.4rem; /* Reduced base font size */ color: rgb(var(--color-foreground)); background: rgb(var(--color-background)); padding: 4rem 2rem; /* Reduced padding */ margin: 0; overflow-x: hidden !important; } /* --- VITALS REVIEW WIDGET WRAPPER --- */ .vitals-review-widget { max-width: 1200px; margin: 0 auto; } /* --- SUMMARY HEADER --- */ .vtl-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 2rem; /* Tighter gap */ margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid var(--border-color); } .vtl-score-block { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; } .vtl-score-number { font-size: 3.6rem; /* Reduced from 4.8rem */ font-weight: 700; line-height: 1; color: #111; } .vtl-stars { display: flex; gap: 0.2rem; } .vtl-stars svg { width: 1.4rem; /* Reduced from 1.8rem */ height: 1.4rem; fill: var(--star-color); } .vtl-stars svg.empty { fill: var(--star-bg); } .vtl-reviews-count { font-size: 1.2rem; /* Reduced from 1.4rem */ color: var(--text-muted); } .vtl-bars-block { flex-grow: 1; max-width: 320px; /* Narrower bars block */ display: flex; flex-direction: column; gap: 0.6rem; /* Tighter rows */ } .vtl-bar-row { display: flex; align-items: center; gap: 0.8rem; font-size: 1.2rem; /* Reduced */ color: #444; } .vtl-bar-row svg { width: 1.1rem; /* Reduced */ height: 1.1rem; fill: var(--star-color); } .vtl-progress-bg { flex-grow: 1; height: 0.6rem; /* Thinner bars */ background-color: #f1f1f1; border-radius: 3px; overflow: hidden; } .vtl-progress-fill { height: 100%; background-color: var(--star-color); border-radius: 3px; } .vtl-percent { width: 2.2rem; text-align: right; color: var(--text-muted); } .vtl-actions-block { display: flex; flex-direction: column; align-items: flex-end; gap: 1rem; } .vtl-btn { background-color: var(--btn-bg); color: var(--btn-text); padding: 1rem 2rem; /* Sleeker button padding */ border: 1px solid var(--btn-bg); border-radius: 4px; font-size: 1.3rem; /* Reduced font size */ font-weight: 600; cursor: pointer; transition: all 0.2s ease; } .vtl-btn:hover { background-color: var(--btn-hover); } .vtl-btn--outline { background-color: transparent; color: var(--btn-bg); } .vtl-btn--outline:hover { background-color: #f9f9f9; } /* --- REVIEW FORM (HIDDEN BY DEFAULT) --- */ .vtl-review-form { display: none; background-color: #fcfcfc; border: 1px solid var(--border-color); border-radius: 8px; padding: 2.5rem; /* Reduced padding */ margin-bottom: 3rem; animation: slideDown 0.3s ease-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .vtl-review-form h3 { margin-top: 0; font-size: 1.6rem; /* Reduced */ margin-bottom: 1.5rem; } .vtl-form-group { margin-bottom: 1.5rem; } .vtl-form-group label { display: block; font-weight: 600; margin-bottom: 0.6rem; font-size: 1.3rem; /* Reduced */ } .vtl-form-group label span.req { color: #d9534f; margin-left: 0.3rem; } .vtl-input { width: 100%; padding: 1rem; /* Reduced padding */ border: 1px solid #ccc; border-radius: 4px; font-family: inherit; font-size: 1.3rem; /* Reduced */ box-sizing: border-box; } .vtl-input:focus { outline: none; border-color: var(--btn-bg); } .vtl-interactive-stars { display: flex; gap: 0.4rem; cursor: pointer; } .vtl-interactive-stars svg { width: 2rem; /* Reduced */ height: 2rem; fill: var(--star-bg); transition: fill 0.2s; } .vtl-interactive-stars svg.active { fill: var(--star-color); } .vtl-file-upload { border: 2px dashed #ccc; border-radius: 8px; padding: 2rem; /* Reduced */ text-align: center; cursor: pointer; background-color: #fff; transition: border-color 0.2s; } .vtl-file-upload:hover { border-color: var(--btn-bg); } .vtl-file-upload svg { width: 3rem; /* Reduced */ height: 3rem; fill: #999; margin-bottom: 0.8rem; } .vtl-form-actions { display: flex; gap: 1rem; margin-top: 2rem; } /* --- MASONRY REVIEWS GRID --- */ .vtl-masonry { column-count: 3; column-gap: 2rem; /* Tighter gap between columns */ } .vtl-card { background: #fff; border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; margin-bottom: 2rem; /* Tighter gap between rows */ break-inside: avoid; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .vtl-card__image { width: 100%; display: block; border-bottom: 1px solid var(--border-color); object-fit: cover; } .vtl-card__content { padding: 1.5rem; /* Reduced padding */ } .vtl-card__header { margin-bottom: 1rem; } .vtl-card__author { font-weight: 700; font-size: 1.35rem; /* Reduced */ color: #111; margin-bottom: 0.4rem; display: block; } .vtl-card__stars-date { display: flex; align-items: center; gap: 0.8rem; } .vtl-card__date { font-size: 1.15rem; /* Reduced */ color: var(--text-muted); } .vtl-card__text { font-size: 1.3rem; /* Reduced */ line-height: 1.5; color: #333; margin: 0; } /* Responsive Layout */ @media screen and (max-width: 990px) { .vtl-masonry { column-count: 2; } .vtl-header { flex-direction: column; align-items: center; text-align: center; } .vtl-actions-block { align-items: center; width: 100%; } } @media screen and (max-width: 600px) { .vtl-masonry { column-count: 1; } .vtl-bars-block { display: none; /* Hide bars on very small screens */ } .vtl-form-actions { flex-direction: column; } .vtl-btn { width: 100%; } } 4.88 8 reviews 5 (7) 4 (1) 3 (0) 2 (0) 1 (0) Write a Review Share your experience Rating * Name * E-mail Review * We'd love to see a picture Click to upload photos Submit Review Cancel Chris L. 2026-04-06 Didn’t want a doorbell outside where it could be tampered with, so this was perfect. Stuck it on the window in seconds and the picture is surprisingly clear. Getting alerts instantly has made me feel a lot safer. Richard S. 2025-08-22 Used to worry at night with the news being what it is. Now if anything moves outside, I know instantly. Simple, reliable, and no subscriptions. Angela R. 2026-03-19 I usually avoid tech because it stresses me out, but this was genuinely easy. Peel, stick, plug in. Works through the glass perfectly. The free memory card was a bonus! Diane H. 2025-04-14 The wide-angle view covers my whole front garden. Daytime footage is crisp and the night mode is surprisingly strong. For the cost, it’s brilliant. Mark J. 2026-03-11 Didn’t want to pay for those pricey monthly plans. This does the job brilliantly without forcing subscriptions. Picks up everything on my driveway. Sheila T. 2026-02-26 We had someone snooping around a while back and I hated not knowing what was going on. Now I can check the app anytime. The night vision is way better than I expected. Paul W. 2025-10-28 I can’t drill or change anything in my flat, so this is ideal. Sits inside the window and can’t be stolen. Alerts are instant and the recordings look sharp. Olivia M. 2025-07-17 I’ve tried cameras before that lag or miss motion — this one doesn’t. It catches everything, even delivery drivers approaching. Very pleased with it so far. document.addEventListener('DOMContentLoaded', function() { // Form Toggle Logic const openBtn = document.getElementById('open-review-btn'); const cancelBtn = document.getElementById('cancel-review-btn'); const formContainer = document.getElementById('review-form-container'); openBtn.addEventListener('click', function() { formContainer.style.display = 'block'; openBtn.style.display = 'none'; }); cancelBtn.addEventListener('click', function() { formContainer.style.display = 'none'; openBtn.style.display = 'block'; }); // Interactive Stars Logic const stars = document.querySelectorAll('#interactive-stars svg'); stars.forEach(star => { // Click to set rating star.addEventListener('click', function() { const rating = this.getAttribute('data-val'); stars.forEach(s => { if (s.getAttribute('data-val') { if (s.getAttribute('data-val') s.style.fill = ''); // remove inline style to fallback to classes }); });
