/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 14 2026 | 04:57:30 */
:root {
    --hb-turquoise: #00acc5;
    --hb-aqua-light: #e5fcff;
    --hb-aqua-lighter: #d4f9fd;
    --hb-charcoal: #282828;
    --hb-dark-1: #242424;
    --hb-dark-2: #212121;
    --hb-dark-3: #333;
    --hb-white: #fff;
    --hb-gray-1: #f3f3f3;
    --hb-gray-2: #f7f7f7;
    --hb-gray-3: #f1f1f1;
    --hb-medium-1: #686868;
    --hb-medium-2: #767676;
    --hb-medium-3: #9e9e9e;
    --hb-soft-1: #d2d2d2;
    --hb-soft-2: #e0e0e0;
    --hb-gold: #ffbc27;
    --hb-red: #d62432;
    --hb-red-2: #e01020;
    --hb-pink: #df0486;
    --hb-pink-light: #ffe8f6;
    --fg-1: var(--hb-charcoal);
    --fg-2: var(--hb-medium-1);
    --fg-3: var(--hb-medium-3);
    --fg-on-dark: var(--hb-white);
    --fg-on-dark-2: #c9c9c9;
    --bg-1: var(--hb-white);
    --bg-2: var(--hb-gray-1);
    --bg-3: var(--hb-aqua-light);
    --bg-inverse: var(--hb-charcoal);
    --line-1: var(--hb-soft-2);
    --line-2: var(--hb-soft-1);
    --line-on-dark: #ffffff2e;
    --accent: var(--hb-turquoise);
    --accent-bg: var(--hb-aqua-light);
    --font-display: "Futura PT", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    --font-sans: "Futura PT", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
    --fs-display-xl: clamp(56px, 9vw, 120px);
    --fs-display-l: clamp(44px, 6vw, 80px);
    --fs-display-m: clamp(36px, 4.5vw, 56px);
    --fs-h1: 48px;
    --fs-h2: 36px;
    --fs-h3: 28px;
    --fs-h4: 22px;
    --fs-body-l: 20px;
    --fs-body: 18px;
    --fs-body-s: 14px;
    --fs-subtitle: 22px;
    --fs-eyebrow: 12px;
    --fs-caption: 11px;
    --tr-display: -.01em;
    --tr-tight: -.005em;
    --tr-normal: 0;
    --tr-wide: .06em;
    --tr-eyebrow: .18em;
    --lh-display: 1.05;
    --lh-heading: 1.15;
    --lh-body: 1.55;
    --lh-tight: 1.25;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;
    --sp-9: 96px;
    --sp-10: 128px;
    --r-0: 0px;
    --r-1: 4px;
    --r-2: 8px;
    --r-3: 12px;
    --r-pill: 999px;
    --sh-1: 0 1px 2px #2828280d;
    --sh-2: 0 4px 14px #28282812;
    --sh-3: 0 10px 30px #2828281a;
    --sh-card: 0 2px 8px #2828280f, 0 18px 48px #2828280d;
    --sh-cta: 0 6px 18px #00acc547;
    --ease-out: cubic-bezier(.22, .61, .36, 1);
    --ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --dur-fast: .16s;
    --dur-base: .28s;
    --dur-slow: .52s;
}
.hbn-hq-card {
    position: relative;
	margin-top: 80px;
    border: 1px solid #ffffff2e !important;
    border-radius: 12px !important;
    padding: 32px !important;
    background: #ffffff0a !important;
}
.hbn-hq-progress {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 100%;
	height: 3px !important;
	background: #4F4F4F !important;
}
.hbn-hq-step-meta {
    font-family: var(--font-display);
    font-size: var(--fs-caption);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--hb-turquoise) !important;
    margin-bottom: var(--sp-3);
    font-weight: 600;
}
.hbn-hq-question-title,
.hbn-hq-result-topbar h3{
    font-family: var(--font-display);
    font-size: var(--fs-h4);
    color: var(--fg-on-dark);
    margin-bottom: var(--sp-4);
    font-weight: 600;
}
.hbn-hq-question-description {
	color: var(--fg-on-dark) !important;
}
.hbn-hq-option {
    padding: var(--sp-3) var(--sp-4) !important;
    border: 1px solid var(--line-on-dark) !important;
    font-family: var(--font-sans) !important;
    font-size: 16px !important;
    color: var(--fg-on-dark-2) !important;
    transition: all var(--dur-fast) var(--ease-out) !important;
    cursor: pointer !important;
    text-align: left !important;
    background: #ffffff0d !important;
    border-radius: 2px !important;
}
.hbn-hq-option strong {
	font-weight: 400;
}
.hbn-hq-progress span {
    background: var(--hb-turquoise) !important;
}
button.hbn-hq-btn.hbn-hq-btn-secondary,
button.hbn-hq-btn.hbn-hq-btn-primary {
    background: #fff;
    border-radius: 2px;
	color: #111 !important;
}
button.hbn-hq-btn.hbn-hq-btn-secondary:hover,
button.hbn-hq-btn.hbn-hq-btn-secondary:focus,
button.hbn-hq-btn.hbn-hq-btn-primary:hover,
button.hbn-hq-btn.hbn-hq-btn-primary:focus {
	background: var(--hb-turquoise) !important;
}
.hbn-hq-card h4 {
	color: var(--fg-on-dark-2) !important;
}
.hbn-hq-form-grid label {
	color: var(--fg-on-dark-2) !important;
	font-weight: 600;
	margin-bottom: 10px;
}
.hbn-hq-empty {
    border: 1px solid #ddd;
    background: #565656 !important;
    border-radius: 4px !important;
    color: #fff !important;
}
.hbn-hq-lead-form input,
.hbn-hq-lead-form textarea {
	background: #565656 !important;
    border-radius: 4px !important;
    color: #fff !important;
}
.hbn-hq-card hr {
    margin: 20px 0;
    color: transparent;
    border: transparent;
}

.ha-product-carousel-item-inner {
    background: var(--hb-white);
    border-radius: var(--r-3);
    transition: box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
    overflow: hidden;
    box-shadow: 0 2px 8px #2828280f, 0 18px 48px #2828280d;
	padding: 0 !important;
}
.ha-product-carousel-title a {
    min-height: 68px;
    font-family: var(--font-display);
    font-size: var(--fs-h4);
    font-weight: 500;
    line-height: var(--lh-tight);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
    color: var(--fg-1) !important;
    text-decoration: none;
    letter-spacing: var(--tr-display);
}
.ha-product-carousel-title a:hover {
    color: var(--hb-turquoise) !important;
}

.ha-product-carousel .ha-product-carousel-price {
	color: var(--fg-2);
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    font-weight: 400;
	padding-left: 10px;
    padding-right: 10px;
}
.ha-product-carousel-price ins bdi {
    font-weight: 500;
}
.ha-product-carousel-item.slick-slide bdi.price-pref {
    margin-right: 5px !important;
}
.yith-wcbm-badge.yith-wcbm-badge-52892 {
    width: unset !important;
    height: unset !important;
    padding: 3px 10px !important;
    left: 10px !important;
    top: 10px !important;
    border-radius: 15px !important;
}
.ha-product-carousel-on-sale {
    text-transform: uppercase;
}
.ha-product-carousel-add-to-cart a {
    background: var(--hb-charcoal) !important;
    width: calc(100% - 20px);
    min-height: 42px;
    color: var(--hb-white) !important;
    font-family: var(--font-display);
    font-size: var(--fs-caption);
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: background var(--dur-fast) var(--ease-out), transform 80ms ease !important;
    border-radius: 2px !important;
    font-weight: 600;
    margin: 0 auto 10px !important;
    margin-left: 10px !important;
    border: none !important;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
}
.ha-product-carousel-add-to-cart a:hover {
    background: var(--hb-turquoise) !important;
}
.slick-list.draggable {
    padding-top: 30px;
    padding-bottom: 50px;
}
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	top: -15px;
    border: 1px solid var(--line-1);
    background: var(--hb-white);
    width: 44px;
    height: 44px;
    color: var(--fg-1);
    box-shadow: var(--sh-1);
    transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform 80ms ease;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
button.slick-next.slick-arrow:hover,
button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:focus,
button.slick-prev.slick-arrow:focus {
    background: var(--hb-turquoise) !important;
	border: 1px solid var(--hb-turquoise) !important;
}
button.slick-prev.slick-arrow {
    left: unset;
    right: 50px;
}
.slick-dots li button {
    border-radius: var(--r-pill);
    background: var(--line-2);
    width: 8px;
    height: 8px;
    transition: width var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}
.slick-dots li button:hover {
    background: var(--hb-charcoal) !important;
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:focus {
    background: var(--hb-charcoal) !important;
    width: 24px;
}
.slick-dots li button:before {
	display: none;
}
.slick-dots li {
	width: unset !important;
}
.ha-product-carousel-item-inner:hover {
    transform: scale(1.03);
}
.ha-product-carousel .ha-product-carousel-on-sale span {
    background-color: var(--hb-turquoise) !important;
}