/* overrides */
html body .grid-container {
    max-width: 100%;
}

body #mobile-header,
body #site-navigation,
div#helply-agent-root-container,
body .main-navigation,
.signup-container,
.site-footer,
html body .valentte-bundle-container span.divider {
    display: none !important;
}

.main-navigation {
    position: relative;
}

/* NEW HEADER */

html body .valentte-bundle-container .logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 9;
    position: relative;
}

html body .valentte-bundle-container .logo-wrapper img {
    width: 100%;
    height: auto;
    max-width: 139px;
}

/* END NEW HEADER */

html body .valentte-bundle-container {
    background-color: #faf9f5;
    color: var(--text);
    font-size: 16px;
    text-align: center;
    width: 100%;
}

/* :where(:not(.vt15 ...)) keeps these page-wide resets out of the Multi-Buy
   Bundle's Template B buy box (.vt15), which brings its own fonts/spacing,
   without changing these rules' specificity for the rest of the page. */
html body .valentte-bundle-container *:where(:not(.vt15, .vt15 *)) {
    box-sizing: border-box;
    font-family: "Helvetica", "Arial", sans-serif !important;
    margin: 0;
    padding: 0;
}


html body .valentte-bundle-container h2.section-title span {
    font-family: "Ysabeau" !important;
    font-style: italic;
    color: #ffa220;
}



html body .valentte-bundle-container .comparison table,
html body .valentte-bundle-container .faq details {
    margin: 0 auto;
    max-width: 600px;
}

html body .valentte-bundle-container .features-grid {
    margin: 0 auto;
    max-width: 900px;
}

html body .valentte-bundle-container .divider {
    background-color: #ffa220;
    display: block;
    height: 3px;
    margin: 30px auto;
    width: 150px;
}

html body .valentte-bundle-container .reviews .stars-wrapper {
    justify-content: center;
}

html body .valentte-bundle-container .facebook-reviews .scroll-track {
    animation: scroll-left-to-right 20s linear infinite;
}

html body .valentte-bundle-container .facebook-reviews img {
    border: 2px solid #e6e2db;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    height: 100%;
    max-width: none;
    width: auto;
}

html body .valentte-bundle-container .faq {
    background:
        linear-gradient(180deg,
            rgba(125, 115, 105, 0.03) 0%,
            rgba(125, 115, 105, 0) 10%,
            rgba(125, 115, 105, 0) 90%,
            rgba(125, 115, 105, 0.03) 100%),
        #f6f3ef;
}

html body .valentte-bundle-container .faq details {
    background: #fcfbf9;
    border: 1px solid #e6e2db;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 20px;
    text-align: left;
}

html body .valentte-bundle-container .faq details p {
    border-top: 2px solid #e6e2db;
    color: var(--text);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal !important;
    margin-top: 25px;
    padding-top: 25px;
}

html body .valentte-bundle-container .faq details[open] p {
    animation: fadeIn 0.3s ease;
}

html body .valentte-bundle-container .faq details[open] summary::after {
    transform: translateY(-50%) rotate(-135deg);
}

html body .valentte-bundle-container .faq summary {
    color: var(--text);
    cursor: pointer;
    font-family: "Ysabeau Office", "Lora" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    list-style: none;
    padding-right: 32px;
    position: relative;
}

html body .valentte-bundle-container .faq summary::after {
    border-bottom: 2px solid #6b6b6b;
    border-right: 2px solid #6b6b6b;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
    width: 12px;
}

html body .valentte-bundle-container .faq summary::-webkit-details-marker {
    display: none;
}

html body .valentte-bundle-container .feature-item {
    align-items: center;
    background-color: #fcfbf9;
    border: 2px solid #e6e2db;
    border-radius: 10px;
    display: flex;
    font-size: 22px;
    justify-content: center;
    font-weight: 700;
    gap: 10px;
    line-height: 36px;
    padding: 25px;
}

html body .valentte-bundle-container .feature-item span {
    font-family: "Lora" !important;
}

html body .valentte-bundle-container .features-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}


html body .valentte-bundle-container .hero-text {
    text-align: center;
    padding: 20px;
}

html body .valentte-bundle-container .hero-text>p {
    font-size: 20px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 37px !important;
    margin-bottom: 10px;
}

html body .valentte-bundle-container .hero-text h2 {
    font-family: "Ysabeau" !important;
    font-size: 45px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 5px;
    color: #FFFFFF;
}

html body .valentte-bundle-container .influencer-review img {
    aspect-ratio: 75 / 64;
    background: lightgray -3.5px -1.165px / 102.256% 101.556% no-repeat;
    border: 2px solid #e6e2db;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    height: 227px !important;
    max-width: none;
    width: 266px !important;
}

html body .valentte-bundle-container .influencer-review span.username {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin-top: 5px;
    text-align: left;
    width: 100%;
}

html body .valentte-bundle-container .influencer-reviews .scroll-track {
    animation: scroll-left-to-right 50s linear infinite;
}

html body .valentte-bundle-container .logo-area {
    display: none;
    left: 0;
    margin: 30px;
    position: absolute;
    top: 0;
}

html body .valentte-bundle-container .review-wrapper {
    background: #fcfbf9;
    border: 2px solid #e6e2db;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: space-between;
    min-width: 400px;
    padding: 20px;
    text-align: left;
}

html body .valentte-bundle-container .review-wrapper p {
    font-size: 16px !important;
    margin: 0;
}

html body .valentte-bundle-container .reviews .stats {
    font-size: 30px;
    line-height: 36px;
    margin: 60px 0 0;
    padding: 0;
}

html body .valentte-bundle-container .scroll-container {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
}

html body .valentte-bundle-container .scroll-container.customer-reviews {
    max-width: 1000px;
    margin: 30px auto 0;
}

html body .valentte-bundle-container .scroll-container::after,
html body .valentte-bundle-container .scroll-container::before {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 2;
}

html body .valentte-bundle-container .scroll-container::after {
    background: linear-gradient(to left, #faf9f5, transparent);
    right: 0;
}

html body .valentte-bundle-container .scroll-container::before {
    background: linear-gradient(to right, #faf9f5, transparent);
    left: 0;
}

html body .valentte-bundle-container .scroll-track {
    align-items: stretch;
    animation: scroll-right-to-left 45s linear infinite;
    display: flex;
    gap: 50px;
    width: max-content;
}

html body .valentte-bundle-container .section-sub-title {
    color: #ffa220;
    font-size: 28px !important;
    font-weight: 700;
    line-height: normal !important;
    margin-bottom: 30px;
    text-transform: uppercase;
}

html body .valentte-bundle-container .section-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.0;
    margin-bottom: 30px;
}

html body .valentte-bundle-container .section-txt {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.7 !important;
    margin: 0 auto 12px;
}

html body .valentte-bundle-container .signup-container,
html body .valentte-bundle-container .site-footer {
    display: none !important;
}

html body .valentte-bundle-container .stars-wrapper {
    align-items: self-start;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

html body .valentte-bundle-container .stats,
html body .valentte-bundle-container .stats p {
    font-family: "Helvetica", "Arial", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: normal !important;
    margin: 0;
}

html body .valentte-bundle-container .sticky-btn {
    align-items: center;
    background: #faf9f5;
    border-top: 2px solid #e6e2db;
    bottom: 0;
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.05);
    display: none;
    justify-content: center;
    left: 0;
    padding: 28px 40px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

html body .valentte-bundle-container .sticky-btn button.cta-button {
    border-radius: 10px;
    box-shadow: none;
}

html body .valentte-bundle-container .sticky-btn img {
    display: none;
}

html body .valentte-bundle-container .sticky-btn span.limited-txt {
    margin-bottom: 8px;
}

html body .valentte-bundle-container .web-reviews {
    margin: 40px 0 60px;
}

html body .valentte-bundle-container .web-reviews .scroll-track {
    animation: scroll-right-to-left 80s linear infinite;
}

html body .valentte-bundle-container .why-choose {
    border-top: 2px solid #e6e2db;
    background: linear-gradient(180deg, rgba(125, 115, 105, 0.03) 0%, rgba(125, 115, 105, 0.00) 10%, rgba(125, 115, 105, 0.00) 90%, rgba(125, 115, 105, 0.03) 100%), #F6F3EF;
}

html body .valentte-bundle-container .hero-text>a {
    width: 100%;
    display: inline-block;
    max-width: 400px;
}

html body .valentte-bundle-container button.cta-button {
    --shimmer1: color-mix(in srgb, #ffa220 100%, white);
    --shimmer2: color-mix(in srgb, #ffa220 65%, white);
    animation: shimmer 3s infinite ease-in-out;
    background: linear-gradient(-60deg,
            var(--shimmer1) 35%,
            var(--shimmer2) 50%,
            var(--shimmer1) 65%);
    background-size: 300%;
    background-position-x: 100%;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    font-family: "Helvetica", "Arial", sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
}

@keyframes shimmer {
    33% {
        background-position-x: 0%;
    }

    100% {
        background-position-x: 0%;
    }
}

html body .valentte-bundle-container h1:where(:not(.vt15 *)),
html body .valentte-bundle-container h2:where(:not(.vt15 *)),
html body .valentte-bundle-container h3:where(:not(.vt15 *)),
html body .valentte-bundle-container h4:where(:not(.vt15 *)),
html body .valentte-bundle-container h5:where(:not(.vt15 *)),
html body .valentte-bundle-container h6:where(:not(.vt15 *)) {
    font-family: "Ysabeau" !important;
}

html body .valentte-bundle-container img.desktop {
    display: none;
}

html body .valentte-bundle-container p:where(:not(.vt15 *)) {
    font-family: "Helvetica", "Arial", sans-serif !important;
    margin-bottom: auto;
}

html body .valentte-bundle-container p.ad-price {
    font-size: 40px !important;
    line-height: 48px !important;
    margin-top: 60px;
    text-align: center;
}

html body .valentte-bundle-container p.ad-price strong {
    color: #ffa220;
}

html body .valentte-bundle-container :is(.why-choose, .home-fragrance-ritual, .complete-bundle, .comparison, .founders, .reviews, .faq, .videos, .bundle-form) {
    padding: 80px 40px;
}

html body .valentte-bundle-container .bundle-form {
    padding-bottom: 80px;
}

html body .valentte-bundle-container .complete-bundle {
    background: linear-gradient(180deg, rgba(125, 115, 105, 0.03) 0%, rgba(125, 115, 105, 0) 10%, rgba(125, 115, 105, 0) 90%, rgba(125, 115, 105, 0.03) 100%), #f6f3ef;
}

html body .valentte-bundle-container :is(.hero, .sticky-btn) span.limited-txt {
    align-items: center;
    display: flex;
    font-size: 25px;
    gap: 10px;
    justify-content: center;
    line-height: 30px;
    margin-bottom: 13px;
}

html body .valentte-bundle-container :is(.cta-button, .ad-price, .button.alt) span.old-price {
    opacity: 0.75;
    text-decoration: line-through;
}

html body .valentte-bundle-container .comparison table,
html body .valentte-bundle-container .comparison td,
html body .valentte-bundle-container .comparison th {
    border: none;
}

html body .valentte-bundle-container .comparison table {
    border-collapse: separate;
    width: 100%;
    margin-bottom: 20px;
}

html body .valentte-bundle-container .comparison td {
    border-bottom: 1px solid #e6e2db;
    font-size: 16px;
    line-height: 30px;
    padding: 23px;
    text-align: center;
    font-family: "Lora" !important;
}

html body .valentte-bundle-container .comparison td:first-child,
html body .valentte-bundle-container .comparison th:first-child {
    padding: 20px 0;
    text-align: left;
}

html body .valentte-bundle-container .comparison td:nth-child(2) {
    background-color: #00a10b1c;
    border-left: 1px solid #00a10b38;
    border-right: 1px solid #00a10b38;
    width: 126px;
}

html body .valentte-bundle-container .comparison th {
    border-bottom: 1px solid #e6e2db;
    padding: 15px;
}

html body .valentte-bundle-container .comparison th:nth-child(2) {
    background-color: #00a10b1c;
    border-left: 1px solid #00a10b38;
    border-right: 1px solid #00a10b38;
    border-top: 1px solid #00a10b38;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

html body .valentte-bundle-container .comparison thead th {
    font-family: "Lora" !important;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
}

html body .valentte-bundle-container .comparison thead tr {
    border-bottom: 2px solid #e6e2db;
}

html body .valentte-bundle-container .hero-text h2 em {
    font-family: "Ysabeau" !important;
}

.hero-text>a {
    margin-bottom: 30px !important;
    display: inline-block;
}


html body .valentte-bundle-container .complete-bundle .section-txt {
    font-size: 18px !important;
}

html body .valentte-bundle-container button.bs-btn {
    border-radius: 10px;
    border: 2px solid #565656;
    background: #565656;
    box-shadow: none;
    padding: 8px 23px;
    color: #FCFBF9;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

html body .valentte-bundle-container .valentte-composite-component select {
    width: 100%;
    padding: 8px 12px;
    border: 1.5px solid #1a1a1a;
    border-radius: 6px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    color: var(--text);
    appearance: none;
    background-image: url(https://valentte.com/wp-content/uploads/2026/03/down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}

html body .valentte-bundle-container .row-2 .valentte-composite-component select {
    border-color: #4a9d52;
    color: #2d4a2e;
}

html body .valentte-bundle-container form.valentte-composite-builder button.button.alt {
    border-radius: 10px;
    background: #FFA220;
    box-shadow: none;
    width: 100%;
    padding: 16px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #FCFBF9;
    text-transform: capitalize;
    margin: 20px 0;
}

html body .valentte-bundle-container .unde-btn-txt {
    margin-bottom: 40px;
}

.valentte-composite-row-components {
    text-align: center;
}

html body .valentte-bundle-container form.valentte-composite-builder button.button.alt:hover {
    background: #FFA220 !important;
}

html body .valentte-bundle-container .payment-options {
    list-style: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    max-width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

html body .valentte-bundle-container .pay-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    width: 155px;
    position: relative;
}


html body .valentte-bundle-container .pay-item.express::before,
html body .valentte-bundle-container .pay-item.standard::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 113%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    width: 220px;
    padding: 10px;
    background-color: #222;
    color: #fff;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 99;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

html body .valentte-bundle-container .pay-item.express::after,
html body .valentte-bundle-container .pay-item.standard::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    border-width: 6px;
    border-style: solid;
    border-color: #222 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 99;
}

html body .valentte-bundle-container .pay-item.express:has(.pay-icon:hover)::before,
html body .valentte-bundle-container .pay-item.standard:has(.pay-icon:hover)::before,
html body .valentte-bundle-container .pay-item.standard:has(.pay-icon:hover)::after,
html body .valentte-bundle-container .pay-item.express:has(.pay-icon:hover)::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

html body .valentte-bundle-container .pay-text {
    font-size: 11px;
    text-align: center;
    font-weight: 300;
}


html body .valentte-bundle-container .pay-item .pay-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 8px;
    padding: 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    color: var(--text);
    width: 100%;
    max-width: 100px;
    text-transform: capitalize;
    background: #E6E2DB;
}

html body .valentte-bundle-container .pay-item.express .pay-icon,
html body .valentte-bundle-container .pay-item.standard .pay-icon {
    cursor: pointer;
}

html body .valentte-bundle-container .valentte-composite-row-inner {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}



html body .valentte-bundle-container .valentte-composite-row-image img {
    width: 350px;
    height: 350px;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    border: 2px solid #E6E2DB;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
}

html body .valentte-bundle-container .custom-title {
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: 1px !important;
    line-height: normal;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
}

html body .row-1 .valentte-composite-row-components .valentte-composite-component {
    margin-bottom: 15px;
}

html body .row-1 .valentte-composite-row-components .valentte-composite-component:last-child {
    margin-bottom: 0px !important;
}


/** GALLERY SLICK SLIDER **/


html body .valentte-bundle-container .hero {
    background: linear-gradient(180deg, rgba(125, 115, 105, 0.03) 0%, rgba(125, 115, 105, 0.00) 10%, rgba(125, 115, 105, 0.00) 90%, rgba(125, 115, 105, 0.03) 100%), #F6F3EF;
}

html body .valentte-bundle-container .gallery-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0;
}

html body .valentte-bundle-container #slick-main {
    width: 400px;
    height: 400px;
}

html body .valentte-bundle-container #slick-main img {
    width: 400px;
    height: 400px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    border: 2px solid #E6E2DB;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
}

html body .valentte-bundle-container #slick-thumbs {
    margin-bottom: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

html body .valentte-bundle-container #slick-thumbs .slick-list {
    overflow: hidden;
}

html body .valentte-bundle-container #slick-thumbs .slick-track {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    margin: 0 auto;
    transform: translate3d(0px, 0px, 0px) !important;
}

html body .valentte-bundle-container #slick-thumbs .slick-slide {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px;
}

html body .valentte-bundle-container #slick-thumbs img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border: 2px solid #FFFFFF;
}

html body .valentte-bundle-container #slick-thumbs .slick-current img {
    border-color: #565656;
}

.valentte-bundle-container .slick-next,
.valentte-bundle-container .slick-prev {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background-color: #FFF;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    z-index: 9;
}

.valentte-bundle-container .slick-next::before,
.valentte-bundle-container .slick-prev::before {
    content: "";
    display: block;
    width: 8px;
    height: 16px;
    background: url(https://valentte.com/wp-content/uploads/2026/02/Vector-1.png) no-repeat center;
    background-size: contain;
    opacity: 1;
}

.valentte-bundle-container .slick-prev {
    transform: translateY(-50%) rotate(180deg);
    left: 0;
    margin-left: 10px !important;
}

.valentte-bundle-container .slick-next {
    right: 0;
    margin-right: 10px !important;
    background: #fff !important;
}

.valentte-bundle-container .slick-prev:hover,
.valentte-bundle-container .slick-prev:focus,
.valentte-bundle-container .slick-next:hover,
.valentte-bundle-container .slick-next:focus {
    background: #fff;
}


/* Version 3 - styling */

html body .valentte-bundle-container .discount-banner {
    background-color: #FFF;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 14%;
    right: 30%;
}

html body .valentte-bundle-container .discount-banner .content {
    border: 1px solid #565656;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    font-size: 14px;
}

html body .valentte-bundle-container .discount-banner .content > span {
    max-width: 50px;
}

html body .valentte-bundle-container picture.responsive-banner {
    position: relative;
}


html body .valentte-bundle-container .reviewers-wrapper {
    display: flex;
    align-items: center;
}

html body .valentte-bundle-container .reviewers-wrapper img {
    width: 40px;
    height: 40px;
    border: 1px solid #000000;
    border-radius: 50%;
    display: block;
    object-fit: cover;
}

html body .valentte-bundle-container .reviewers-wrapper img:not(:first-child) {
    margin-left: -15px !important;
}

html body .valentte-bundle-container .stats {
    display: flex;
    justify-content: center;
    gap: 10px;
}

html body .valentte-bundle-container .feature-press {
    background-color: #565656;
    padding: 20px 0;
}

html body .valentte-bundle-container .feature-press .scroll-container::before,
html body .valentte-bundle-container .feature-press .scroll-container::after {
    display: none;
}

html body .valentte-bundle-container .feature-press .feature-press-txt {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 700;
    letter-spacing: 1.2px !important;
    color: #FFFFFF;
    margin-bottom: 20px;
}

html body .valentte-bundle-container .feature-press .scroll-track {
    flex: 1 0 auto;
    gap: 50px;
}

html body .valentte-bundle-container .press-items img {
    width: 120px;
}

html body .valentte-bundle-container .press-items {
    display: flex;
    align-items: center;
    gap: 50px;
}

html body .valentte-bundle-container .ritual-container {
    max-width: 900px;
    margin: 0 auto;
}

html body .valentte-bundle-container .ritual-item {
    display: flex;
    text-align: left;
    gap: 1rem;
    margin-bottom: 30px;
    width: 100%;
}

html body .valentte-bundle-container .ritual-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

html body .valentte-bundle-container .ritual-container .item-title {
    font-weight: 700;
    line-height: 1.5 !important;
    color: #212121;
    margin-bottom: 5px;
}

html body .valentte-bundle-container .ritual-container .item-txt {
    font-size: 15px !important;
    font-weight: 200;
    line-height: 21px !important;
    color: #212121;
}

html body .valentte-bundle-container .ritual-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

html body .valentte-bundle-container .ritual-image {
    width: 40%;
}

html body .valentte-bundle-container .ritual-content {
    width: 60%;
}

html body .valentte-bundle-container .ritual-container .ritual-content a {
    font-size: 12px;
    line-height: 18px;
    text-underline-offset: 3px;
    font-weight: 600;
    color: #11322C;
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 0.85px;
    margin-top: 4px;
    display: inline-block;
}

html body .valentte-bundle-container .align-left {
    text-align: left;
}

html body .valentte-bundle-container .align-center {
    text-align: center;
}

html body .valentte-bundle-container .complete-bundle .section-title {
    margin-bottom: 10px;
}

html body .valentte-bundle-container p.happiness-txt {
    font-size: 16px !important;
    margin-bottom: 16px;
    line-height: 1.0;
}

html body .valentte-bundle-container .hero-content {
    position: relative;
    overflow: hidden;
    background-image: url(https://valentte.com/wp-content/uploads/2026/10/gift-box-multi-buy-banner-desktop-scaled.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-height: 652px;
    min-height: 84vh;
    color: #FFFFFF;
}

html body .valentte-bundle-container .customer-review-wrapper {
    width: 197px;
}

html body .valentte-bundle-container .customer-review-wrapper img {
    height: 296px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

html body .valentte-bundle-container .customer-review-wrapper p {
    font-size: 16px !important;
    background: #FFFFFF;
    padding: 10px 10px 0;
}

html body .valentte-bundle-container .customer-review-wrapper p:last-of-type {
    padding-bottom: 10px;
    border-radius: 0 0 10px 10px;
}

html body .valentte-bundle-container .customer-reviews .scroll-track {
    animation: 100s linear 0s infinite normal none running scroll-right-to-left;
}

html body .valentte-bundle-container .faq-img-wrapper {
    display: none;
}

html body .valentte-bundle-container p.desk-header-txt {
    text-align: center;
    font-size: 14px !important;
    font-style: normal;
    line-height: 21px !important;
    margin: 0;
}

body .valentte-bundle-container .videos-container {
    margin: 0 auto 30px;
    width: fit-content;
}

body .valentte-bundle-container .shortcode-videos-wrapper {
    margin: 0 auto;
}

html body .valentte-bundle-container .complete-bundle form .section-title {
    margin-bottom: 30px;
}

html body .valentte-bundle-container .complete-bundle .section-title {
    text-transform: uppercase;
    font-size: 24px;
    color: var(--text);
}

html body .valentte-bundle-container .comparison {
    border-top: 2px solid #e6e2db;
}









/***** Diffuser Landing Page ****/

html body .valentte-bundle-container .bundle .bundle-title {
    font-size: 32px !important;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.0;
}

html body .valentte-bundle-container .bundle .stats {
    background-color: #FFFFFF;
    padding: 20px;
    justify-content: start;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 20px;
}

html body .valentte-bundle-container .verified-tag {
    font-size: 10px;
    font-weight: 700;
    color: #4a9d52;
    background: #e8f3e9;
    padding: 4px 8px;
    border-radius: 4px;
    letter-spacing: 0.3px;
    flex-shrink: 0;
    margin-left: auto;
}

html body .valentte-bundle-container .bundle .reviewers-wrapper img {
    width: 32px;
    height: 32px;
    border-color: #FFFFFF;
}

html body .valentte-bundle-container .bundle .reviewers-wrapper img:not(:first-child) {
    margin-left: -10px !important;
}

html body .valentte-bundle-container .proof-text {
    font-size: 13px;
    text-align: left;
}

html body .valentte-bundle-container .bundle .stars-wrapper {
    flex-direction: row;
    align-items: center;
}

html body .valentte-bundle-container .bundle .stars-wrapper svg {
    width: 80px;
}

html body .valentte-bundle-container .bundle {
    padding: 10px 20px;
}

html body .valentte-bundle-container .bundle .title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 0 8px;
    font-size: 13px !important;
}

html body .valentte-bundle-container .bundle .title span {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid #1a1a1a;
    color: var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    line-height: normal;
}

html body .valentte-bundle-container .bundle .title p {
    font-size: 15px !important;
    font-weight: 700;
    letter-spacing: 1px !important;
    color: var(--text);
}

html body .valentte-bundle-container .bundle .row-2 .title span {
    background: transparent;
    border-color: #4a9d52;
    color: #4a9d52;
}

html body .valentte-bundle-container .bundle .row-2 .title p {
    color: #2d4a2e;
}

.valentte-composite-row-components {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

html body .valentte-bundle-container .option-wrapper {
    border: none;
    border-radius: 6px;
    padding: 8px 10px 8px;
    background: transparent;
}

html body .valentte-bundle-container .bundle .option-wrapper p {
    display: block;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: 0.6px !important;
    color: var(--text);
    margin-bottom: 4px;
    line-height: normal !important;
    text-align: left;
}

html body .valentte-bundle-container .bundle .row-2 .option-wrapper {
    border-color: #4a9d52;
    background: #f0faf1;
    position: relative;
}

html body .valentte-bundle-container .bundle .row-2 .option-wrapper::after {
    content: 'FREE';
    position: absolute;
    top: -7px;
    right: 10px;
    background: #4a9d52;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 3px;
    letter-spacing: 0.8px;
}

html body .valentte-bundle-container .bundle .offer-claimed-text {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e8f3e9;
    border: 1.5px solid #4a9d52;
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 14px;
    color: #1a3a1c;
}

html body .valentte-bundle-container .bundle .offer-claimed-text .check-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #4a9d52;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
}

html body .valentte-bundle-container .bundle .offer-claimed-text .ttl {
    font-weight: 700;
    font-size: 13px !important;
    color: #1a3a1c;
}

html body .valentte-bundle-container .bundle .offer-claimed-text .urgency {
    flex-shrink: 0;
    background: #fff3e0;
    color: #b56e00;
    border: 1px solid #f5c97a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 5px 9px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    margin-left: auto;
}

html body .valentte-bundle-container .bundle .offer-claimed-text .urgency::before {
    content: '⚡';
    font-size: 11px;
}


html body .valentte-bundle-container .bundle button.button.alt {
    background: #f5a623;
    color: #fff;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    font-weight: 700;
    padding: 12px;
    margin-top: 0;
    border-radius: 0;
    letter-spacing: 1px;
    display: block;
    box-shadow: none;
    margin-top: 14px;
    border-radius: 6px;
}

html body .valentte-bundle-container .bundle .guarantee-line {
    text-align: center;
    font-size: 11px !important;
    color: var(--text);
    margin-top: 8px;
    margin-bottom: 30px;
    letter-spacing: 0.3px !important;
}


html body .valentte-bundle-container .founders-content .desk-image {
    border-radius: 8px;
}

html body .valentte-bundle-container ul.diffuser-bullet-points {
    text-align: left;
    list-style: none;
    margin-top: 50px;
    display: block;
}

html body .valentte-bundle-container ul.diffuser-bullet-points li:not(:last-of-type) {
    margin-bottom: 20px;
}


html body .valentte-bundle-container ul.diffuser-bullet-points li {
    margin-left: 22px;
}

html body .valentte-bundle-container ul.diffuser-bullet-points li strong {
    font-size: 18px;
    display: flex;
    align-items: center;
    position: relative;
}

html body .valentte-bundle-container ul.diffuser-bullet-points li strong:before {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #ffa220;
    display: inline-block;
    position: absolute;
    left: -22px;
}

html body .valentte-bundle-container ul.diffuser-bullet-points li span {
    display: block;
    font-size: 16px;
    font-weight: 200;
    opacity: 1; /* text is never grey */
}

html body .valentte-bundle-container .top-bar {
    background: #565656;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 9;
}

html body .valentte-bundle-container .top-bar span {
    color: #f5a623;
}

html body .valentte-bundle-container .top-bar a:hover {
    color: #fff;
}

.videos-container {
    height: 400px;
}










































@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scroll-left-to-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes scroll-right-to-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}



@media (max-width: 1000px) {

    html body .valentte-bundle-container .discount-banner {
        top: 5%;
        right: 20%;
    }
}

@media (max-width: 768px) {

    html body .valentte-bundle-container .bundle button.button.alt {
        font-size: 16px;
    }

    .main-navigation.has-branding .inside-navigation.grid-container {
        margin-bottom: 0 !important;
    }

    html body .valentte-bundle-container .complete-bundle form .section-title {
        display: none;
    }

    html body .valentte-bundle-container .section-sub-title {
        margin-bottom: 20px;
    }

    html body .valentte-bundle-container .complete-bundle .section-txt {
        font-size: 15px !important;
    }

    html body .valentte-bundle-container button.cta-button {
        font-size: 16px;
    }

    html body .valentte-bundle-container button.cta-button svg {
        width: 25px;
    }

    form.search-form.navigation-search {
        display: none;
    }

    html body .valentte-bundle-container .hero-content {
        flex-direction: column;
        align-items: center;
    }

    html body .valentte-bundle-container .gallery-wrapper {
        margin: 0 auto 20px;
    }

    html body .valentte-bundle-container .gallery-wrapper,
    html body .valentte-bundle-container #slick-main,
    html body .valentte-bundle-container #slick-main img {
        width: 360px;
        height: 360px;
    }

    html body .valentte-bundle-container .facebook-reviews img {
        max-height: 160px;
        width: auto;
    }

    html body .valentte-bundle-container .faq details p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    html body .valentte-bundle-container .faq summary {
        font-size: 18px !important;
    }

    html body .valentte-bundle-container .feature-item {
        font-size: 18px;
        padding: 15px;
    }

    html body .valentte-bundle-container .hero-text>p {
        font-size: 18px !important;
        line-height: normal !important;
        margin-bottom: 20px;
        padding: 0;
        font-weight: 300;
    }

    html body .valentte-bundle-container .hero-text h2 {
        line-height: normal;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    html body .valentte-bundle-container .influencer-review img {
        height: 150px !important;
        width: 180px !important;
    }

    html body .valentte-bundle-container .influencer-review span.username {
        font-size: 12px;
    }

    html body .valentte-bundle-container .logo-area {
        margin: 15px;
        max-width: 120px;
    }

    html body .valentte-bundle-container .review-wrapper {
        min-width: 320px;
    }

    html body .valentte-bundle-container .review-wrapper p {
        font-size: 14px !important;
        line-height: normal !important;
    }

    html body .valentte-bundle-container .review-wrapper svg {
        width: 90px;
    }

    html body .valentte-bundle-container .scroll-track {
        gap: 20px;
    }

    html body .valentte-bundle-container .section-sub-title {
        font-size: 16px !important;
        margin-bottom: 20px;
    }

    html body .valentte-bundle-container .section-title {
        font-size: 20px;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

    html body .valentte-bundle-container .stars-wrapper svg {
        max-width: 95px;
    }

    html body .valentte-bundle-container .web-reviews {
        margin: 20px 0 40px;
    }

    html body .valentte-bundle-container p.ad-price {
        font-size: 30px !important;
        line-height: 35px !important;
        margin-top: 40px;
    }

    html body .valentte-bundle-container :is(.why-choose, .home-fragrance-ritual, .complete-bundle, .comparison, .founders, .reviews, .faq, .videos, .bundle-form) {
        padding: 32px 16px;
    }

    html body .valentte-bundle-container .bundle-form {
        padding-bottom: 32px;
    }


    html body .valentte-bundle-container .founders img {
        width: 100%;
    }

    html body .valentte-bundle-container span.divider {
        margin: 20px auto;

    }

    html body .valentte-bundle-container .comparison td {
        font-size: 18px;
        line-height: 24px;
        padding: 15px;
    }

    html body .valentte-bundle-container .comparison td:first-child,
    html body .valentte-bundle-container .comparison th:first-child {
        padding-right: 10px;
    }

    html body .valentte-bundle-container .comparison td:nth-child(2) {
        width: auto;
    }

    html body .valentte-bundle-container .comparison thead th {
        font-size: 18px;
        line-height: 24px;
    }

    html body .valentte-bundle-container .valentte-composite-row-image {
        display: none;
    }

    html body .valentte-bundle-container .valentte-composite-row-inner {
        justify-content: center;
    }

    html body .valentte-bundle-container .valentte-composite-row-components {
        width: 100%;
    }

    html body .valentte-bundle-container form.valentte-composite-builder button.button.alt {
        margin: 20px 0 5px;
    }

    html body .valentte-bundle-container .wrapper {
        display: flex;
        justify-content: center;
        gap: 45px;
    }


    /** SLICK SLIDER **/

    html body .valentte-bundle-container #slick-thumbs {
        display: none;
    }

    html body .valentte-bundle-container .slick-track {
        display: flex;
        gap: 10px;
    }

    .valentte-bundle-container .slick-prev {
        margin-left: 0px !important;
    }

    .valentte-bundle-container .slick-next {
        margin-right: 0px !important;
    }

    .valentte-bundle-container .slick-list {
        overflow: visible;
        width: 100%;
    }

    .valentte-bundle-container .slick-next::before,
    .valentte-bundle-container .slick-prev::before {
        transform: none;
        border: none;
    }

    html body .valentte-bundle-container .founders .section-title {
        margin-bottom: 20px;
    }

    html body .valentte-bundle-container .hero-content {
        background-image: url(https://valentte.com/wp-content/uploads/2026/10/gift-box-multi-buy-banner-mobile-scaled.webp);
        min-height: 570px;
        height: 850px;
    }

    html body .valentte-bundle-container .hero-text>a {
        margin-bottom: 20px !important;
    }

    html body .valentte-bundle-container .discount-banner {
        top: 9%;
        right: 10%;
    }

    html body .valentte-bundle-container .hero-text {
        padding: 0 20px 30px;
    }

    html body .valentte-bundle-container p.desk-header-txt {
        display: none;
    }

    body .valentte-bundle-container .videos .section-title {
        text-align: left;
    }

    html body .valentte-bundle-container .custom-title {
        margin-bottom: 10px;
    }

    html body .row-1 .valentte-composite-row-components .valentte-composite-component {
        margin-bottom: 10px;
    }

    html body .valentte-bundle-container .custom-title {
        font-size: 18px !important;
    }

    html body .valentte-bundle-container .bundle .option-wrapper p {
        font-size: 11px !important;
    }

    html body .valentte-bundle-container .bundle .title p {
        font-size: 14px !important;
    }
}

@media (max-width: 503px) {

    html body .valentte-bundle-container .sticky-btn button.cta-button {
        font-size: 16px;
        white-space: nowrap;
    }

    span.limited-txt svg {
        min-width: 18px;
    }

    html body .valentte-bundle-container .hero-text h2 {
        font-size: 30px;
        line-height: 38px;
        max-width: 300px;
    }


}

@media screen and (max-width: 992px) {

    html body .valentte-bundle-container :is(.hero, .sticky-btn) span.limited-txt {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    html body .valentte-bundle-container .sticky-btn {
        padding: 20px;
    }

    html body .valentte-bundle-container .founders .founders-content:first-of-type {
        margin-bottom: 40px;
    }

    html body .valentte-bundle-container .founders-content .desk-image {
        display: none;
    }

    .valentte-composite-row-components {
        grid-template-columns: 1fr;
    }

    html body .valentte-bundle-container .proof-text {
        font-size: 11px;
        text-align: left;
    }

    html body .valentte-bundle-container .bundle {
        padding: 0px;
    }

    html body .valentte-bundle-container .reviewers-wrapper {
        min-width: 96px;
    }


    html body .valentte-bundle-container .founders-txt-wrapper {
        margin-bottom: 18px;
    }

    html body .valentte-bundle-container ul.diffuser-bullet-points {
        margin-top: 0px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {

    html body .valentte-bundle-container .pay-item.express .pay-text,
    html body .valentte-bundle-container .pay-item.standard .pay-text {
        margin-bottom: 10px;
    }

    html body .valentte-bundle-container .bundle .bundle-title {
        font-size: 22px !important;
    }

    html body .valentte-bundle-container .features-grid {
        gap: 10px;
    }

    html body .valentte-bundle-container .feature-item {
        padding: 10px;
    }


    html body .valentte-bundle-container .discount-banner {
        top: 18%;
    }

    .valentte-bundle-container .slick-next,
    .valentte-bundle-container .slick-prev {
        width: 40px;
        height: 40px;
    }

}

@media screen and (max-width: 510px) {
    html body .valentte-bundle-container .features-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    html body .valentte-bundle-container .hero-content {
        margin-top: -100px;
    }
}

@media screen and (max-width: 410px) {
    html body .valentte-bundle-container .bundle button.button.alt {
        font-size: 12px;
        padding: 12px;
    }

    html body .valentte-bundle-container .bundle .offer-claimed-text .urgency {
        display: none;
    }
}

@media screen and (max-width: 400px) {

    html body .valentte-bundle-container .gallery-wrapper,
    html body .valentte-bundle-container #slick-main,
    html body .valentte-bundle-container #slick-main img {
        width: 330px;
        height: 330px;
    }

    html body .valentte-bundle-container .logo-wrapper button.cta-button {
        font-size: 12px;
        white-space: nowrap;
        padding: 8px;
    }

    html body .valentte-bundle-container .logo-wrapper img {
        max-width: 130px;
    }
}

@media screen and (max-width: 355px) {
    html body .valentte-bundle-container .payment-options {
        grid-template-columns: repeat(2, 2fr);
        display: grid;
    }

    html body .valentte-bundle-container .verified-tag {
        display: none;
    }

    html body .valentte-bundle-container .pay-text {
        max-width: 120px;
    }

    html body .valentte-bundle-container .pay-item {
        width: auto;
    }

    html body .valentte-bundle-container .gallery-wrapper,
    html body .valentte-bundle-container #slick-main,
    html body .valentte-bundle-container #slick-main img {
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width: 769px) {
    html body .valentte-bundle-container .ritual-container {
        display: flex;
        align-items: start;
        justify-content: center;
        gap: 15px;
    }

    html body .valentte-bundle-container .complete-bundle>.section-title,
    html body .valentte-bundle-container .complete-bundle>.section-txt {
        display: none;
    }

    html body .valentte-bundle-container .ritual-item {
        flex-direction: column;
    }

    html body .valentte-bundle-container .ritual-image {
        width: 100%;
    }

    html body .valentte-bundle-container .ritual-content {
        width: 100%;
    }

    html body .valentte-bundle-container .ritual-container .item-title {
        font-size: 20px !important;
    }

    html body .valentte-bundle-container .ritual-container .item-txt {
        font-size: 18px !important;
    }

    html body .valentte-bundle-container .ritual-container .ritual-content a {
        font-size: 16px;
        margin-top: 10px;
    }

    html body .valentte-bundle-container .valentte-composite-row-image {
        display: none;
    }

    html body .valentte-bundle-container .bundle-content-wrapper {
        display: flex;
        gap: 30px;
        justify-content: center;
    }

    html body .valentte-bundle-container .bundle {
        width: 100%;
        max-width: 500px;
    }

    html body .valentte-bundle-container .complete-bundle .section-txt {
        margin-bottom: 30px;
    }

    html body .valentte-bundle-container .top-bar {
        font-size: 15px;
    }

}

@media screen and (min-width: 993px) {

    html body .valentte-bundle-container .comparison table {
        margin-bottom: 40px;
    }

    html body .valentte-bundle-container .founders-content .section-txt:not(:last-of-type) {
        margin-bottom: 30px !important;
    }

    html body .valentte-bundle-container .faq {
        display: flex;
        gap: 40px;
        justify-content: center;
    }

    html body .valentte-bundle-container .faq>div {
        width: 50%;
    }

    html body .valentte-bundle-container .faq {
        padding: 0;
    }

    html body .valentte-bundle-container .faq .faq-content-wrapper {
        padding: 80px 0 0 40px !important;
    }

    html body .valentte-bundle-container .faq-img-wrapper {
        display: block;
    }

    html body .valentte-bundle-container .faq-img-wrapper img {
        height: 100%;
        object-fit: cover;
    }

    html body .valentte-bundle-container .logo-area {
        left: 50%;
        transform: translateX(-50%);
    }

    html body .valentte-bundle-container .scroll-container::after,
    html body .valentte-bundle-container .scroll-container::before {
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 3rem;
        z-index: 1;
    }

    html body .valentte-bundle-container .scroll-container::after {
        background: linear-gradient(to left, #faf9f5 0%, rgba(250, 249, 245, 0) 100%);
        right: 0;
    }

    html body .valentte-bundle-container .scroll-container::before {
        background: linear-gradient(to right, #faf9f5 0%, rgba(250, 249, 245, 0) 100%);
        left: 0;
    }

    html body .valentte-bundle-container .sticky-btn .wrapper {
        align-items: center;
        display: flex;
        gap: 20px;
        margin: 0 auto;
    }

    html body .valentte-bundle-container .sticky-btn button.cta-button {
        font-size: 25px;
        line-height: 30px;
        padding: 18px 40px;
    }

    html body .valentte-bundle-container .sticky-btn span.limited-txt {
        margin-bottom: 0;
    }

    html body .valentte-bundle-container img.desktop {
        display: block;
    }

    html body .valentte-bundle-container img.mobile {
        display: none;
    }

    html body .valentte-bundle-container .ritual-container {
        gap: 40px;
        max-width: 1100px;
    }

    html body .valentte-bundle-container ul.payment-options {
        display: flex;
        justify-content: center;
        max-width: 100%;
        gap: 10px;
    }

    html body .valentte-bundle-container .pay-item {
        flex-direction: column;
    }

    html body .valentte-bundle-container .bundle {
        max-width: 600px;
    }

    html body .valentte-bundle-container .gallery-wrapper,
    html body .valentte-bundle-container #slick-main,
    html body .valentte-bundle-container #slick-main img {
        width: 450px;
        height: 450px;
    }

    html body .valentte-bundle-container .pay-item .pay-icon {
        max-width: 100%;
    }

    html body .valentte-bundle-container .founders-content {
        display: flex;
        gap: 50px;
        max-width: 1100px;
        margin: 0 auto;
        align-items: center;
    }

    html body .valentte-bundle-container .founders-content:first-of-type {
        margin-bottom: 60px;
        flex-direction: row-reverse;
    }

    html body .valentte-bundle-container .founders-content .mob-image {
        display: none;
    }

    .founders-img-wrapper,
    .founders-txt-wrapper {
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {

    html body .valentte-bundle-container .gallery-wrapper,
    html body .valentte-bundle-container #slick-main,
    html body .valentte-bundle-container #slick-main img {
        width: 600px;
        height: 600px;
    }

    html body .valentte-bundle-container .bundle-content-wrapper {
        gap: 30px;
    }

    html body .valentte-bundle-container .bundle {
        max-width: 700px;
    }

    html body .valentte-bundle-container .logo-wrapper {
        padding: 10px 20px;
    }


}

@media screen and (min-width: 1601px) {
    html body .valentte-bundle-container .discount-banner {
        right: 31%;
    }
}

@media screen and (max-width: 900px) and (min-width: 769px) {
    html body .valentte-bundle-container .payment-options {
        grid-template-columns: repeat(2, 2fr);
        display: grid;
    }
}




#custom-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#custom-lightbox-overlay.active {
    display: block;
    opacity: 1;
}

#lightbox-card {
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 90%;
    margin-right: 10px;
    height: auto;
    background: #fff;
    padding: 0;
    border-radius: 8px;
    transform: translate(100vw, -50%);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

#custom-lightbox-overlay.show-card #lightbox-card {
    transform: translate(0, -50%);
}

html body .valentte-bundle-container .lb-details-section {
    text-align: left;
    padding: 20px 16px 24px;
    border-top: 2px solid #e6e2db;
}

html body .valentte-bundle-container .lb-top-section {
    padding: 24px 16px 20px;
    text-align: center;
}

#lightbox-close {
    position: absolute;
    top: -4px;
    right: 0;
    margin-right: 10px;
    font-size: 26px;
    color: var(--text);
    cursor: pointer;
}

#lb-image-container {
    width: 247px;
    height: 247px;
    margin: 0 auto;
}

#lb-image-container img {
    object-fit: cover;
    width: 100%;
    object-position: center center;
    height: auto;
    border-radius: 4px;
}

#lb-title {
    color: #212121;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-family: "Helvetica", "Arial", sans-serif !important;
}

#lb-description {
    color: var(--text);
    text-align: center;
    font-size: 16px !important;
    font-style: normal;
    line-height: 21px !important;
    margin: 0 auto 20px !important;
    max-width: 326px;
}

.lb-details-section h3 {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#lb-details-list {
    padding-left: 20px;
    margin-top: 10px;
}

#lb-details-list li {
    color: var(--text);
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
    line-height: 21px;
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
    #lightbox-card {
        width: 100%;
        right: 50%;
        margin: 0;
        transform: translate(150VW, -50%);
    }

    #custom-lightbox-overlay.show-card #lightbox-card {
        transform: translate(50%, -50%);
    }
}







/***** NEW STICKY BAR *****/

html body .valentte-bundle-container .wrapper .text {
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    html body .valentte-bundle-container .sticky-btn span.limited-txt {
        font-size: 14px;
    }
}

@media (max-width: 550px) {
    html body .valentte-bundle-container .wrapper {
        gap: 5px;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
    }

    html body .valentte-bundle-container .sticky-btn button.cta-button {
        font-size: 14px;
        white-space: nowrap;
        padding: 8px 12px;
    }

    span.limited-txt svg {
        width: 15px;
    }

    html body .valentte-bundle-container .sticky-btn {
        padding-top: 15px;
    }
}

/***** END NEW STICKY BAR *****/










/******** SUBSCRIPTIONS **********/

html body .valentte-bundle-container .valentte-composite-row.row-1 {
    margin-top: 20px;
}

html body .valentte-bundle-container .valentte-pricing-option {
    padding: 15px;
    border: 2px solid #e5e3dc;
    border-radius: 8px;
    position: relative;
    color: var(--text);
    cursor: pointer;
    background: #ffffff;
}

html body .valentte-bundle-container .valentte-pricing-option .input-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

html body .valentte-bundle-container .valentte-pricing-option .input-wrapper .custom-input {
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
}

html body .valentte-bundle-container .valentte-pricing-option.subscribe {
    margin-bottom: 10px;
    margin-top: 25px;
}

html body .valentte-bundle-container .purchase-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

html body .valentte-bundle-container .pricing-option-header {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text);
    line-height: 1.0;
    text-align: left;
}

html body .valentte-bundle-container .valentte-pricing-option input {
    display: none;
}

.price-wrapper {
    display: flex;
    flex-direction: column;
    text-align: right;
}

html body .valentte-bundle-container span.plan-period {
    color: var(--text);
    font-size: 14px;
    line-height: 1.0;
    text-transform: lowercase;
}

html body .valentte-bundle-container span.crossed-out-tt {
    color: var(--text);
    font-size: 14px;
    line-height: 1.0;
    text-decoration: line-through;
    margin-top: 8px;
}

html body .valentte-bundle-container .subs-info-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
    line-height: 1.0;
}

html body .valentte-bundle-container .subs-info-wrapper .subs-info {
    display: flex;
    gap: 2px;
    align-items: center;
}

html body .valentte-bundle-container .subs-info-wrapper span.icon {
    color: #4a9d52;
}

html body .valentte-bundle-container .subs-info-wrapper span.subs-info-txt {
    color: var(--text);
    font-size: 14px;
}

html body .valentte-bundle-container .subs-info-wrapper span.subs-info-txt span,
html body .valentte-bundle-container span.btn-price {
    text-transform: lowercase;
}

html body .valentte-bundle-container span.save-tag {
    color: #27452b;
    background: #e8f3e9;
    font-size: 12px;
    border: 1px solid #4a9d52;
    padding: 4px 10px;
    border-radius: 4px;
    position: absolute;
    top: -10%;
    left: 0;
    margin-left: 10px;
    font-weight: 700;
}

html body .valentte-bundle-container .valentte-pricing-option.selected {
    border-color: #ffa220;
}

html body .valentte-bundle-container span.plan-price {
    font-size: 16px;
    font-weight: 700;
}


html body .valentte-bundle-container .valentte-pricing-option.selected .input-wrapper .custom-input {
    background: #ffa220;
    border-color: #ffa220;
}

html body .valentte-bundle-container .valentte-pricing-option .input-wrapper .custom-input {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
    width: 24px;
}

html body .valentte-bundle-container .valentte-pricing-option.selected .input-wrapper .custom-input:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #ffa220;
    border-radius: 50%;
    background: #ffffff;
}


html body .valentte-bundle-container .option-wrapper {
    padding: 0;
}

html body .valentte-bundle-container .bundle .free-wrapper .title {
    margin-top: 0;
}

html body .valentte-bundle-container .bundle .row-2 .option-wrapper {
    position: static;
}

html body .valentte-bundle-container .bundle .row-2 .option-wrapper::after {
    top: -9px;
}

html body .valentte-bundle-container .free-wrapper {
    background: #f0faf1;
    border: 1.5px solid #4a9d52;
    position: relative;
    padding: 15px;
    margin-top: 20px;
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    html body .valentte-bundle-container .subs-info-wrapper {
        gap: 5px;
    }
}


@media screen and (max-width: 350px) {
    html body .valentte-bundle-container .pricing-option-header {
        font-size: 15px;
        line-height: 1.3;
    }

    html body .valentte-bundle-container span.plan-period {
        font-size: 12px;
        line-height: 1.3;
    }

    html body .valentte-bundle-container span.crossed-out-tt {
        font-size: 12px;
    }

    html body .valentte-bundle-container .subs-info-wrapper span.subs-info-txt {
        font-size: 12px;
    }
}















/****** REVIEW SECTION *****/

.vt-reviews__form-wrap {
    max-width: 620px;
    margin: 30px auto 0 !important;
}

#reply-title,
html body .valentte-bundle-container .bundle .offer-claimed-text {
    display: none
}

.vt-reviews__sep {
    text-align: center;
    font-size: 19px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--text);
    font-weight: 700;
    margin: -54px 0 36px !important;
    position: relative;
}

.vt-reviews__sep::before,
.vt-reviews__sep::after {
    content: '';
    display: inline-block;
    width: 56px;
    height: 1px;
    background: #ddd;
    vertical-align: middle;
    margin: 0 16px;
}

.vt-reviews__form-wrap #review_form_wrapper {
    background: #fff;
    border-radius: 12px;
    border: 0.5px solid #e0dbd0;
    padding: 48px;
}

.vt-reviews__form-wrap #reply-title {
    display: block;
    text-align: center;
    font-family: 'Georgia', serif;
    font-size: 22px;
    font-weight: 400;
    color: var(--text);
    margin-bottom: 32px;
}

.vt-reviews__form-wrap .comment-form label,
.vt-reviews__form-wrap .comment-form-rating label,
.vt-reviews__form-wrap .comment-form-images label {
    display: block;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--text);
    margin-bottom: 8px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}

/* Stars */
.vt-reviews__form-wrap .comment-form-rating {
    margin-bottom: 22px;
}

.vt-reviews__form-wrap .stars span {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 10px 0 29px !important;
}

.vt-reviews__form-wrap .stars a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 0;
    position: relative;
    text-decoration: none;
}

.vt-reviews__form-wrap .stars a::before {
    content: '★';
    font-size: 30px;
    color: #ddd;
    line-height: 1;
    transition: color 0.15s;
}

.vt-reviews__form-wrap .stars:hover a::before {
    color: #f5a623;
}

.vt-reviews__form-wrap .stars:hover a:hover~a::before {
    color: #ddd;
}

.vt-reviews__form-wrap .stars.selected a::before {
    color: #f5a623;
}

.vt-reviews__form-wrap .stars.selected a.active~a::before {
    color: #ddd;
}

/* File upload */
.vt-reviews__form-wrap .comment-form-images {
    margin-bottom: 22px;
}

.vt-reviews__form-wrap #review_images {
    color-scheme: light;
    width: 100%;
    padding: 12px 14px;
    border: 1px dashed #d0c8bc;
    border-radius: 6px;
    font-size: 13px;
    color: var(--text);
    background: #fff;
    font-family: inherit;
    cursor: pointer;
    transition: border-color 0.2s;
}

.vt-reviews__form-wrap #review_images:hover {
    border-color: #c06a2e;
}

#reviews-container input {
    width: 100%;
    background-color: #FFFFFF;
}

#reviews-container em {
    font-size: 14px;
}

#reviews-container p.comment-form-comment {
    padding-top: 30px;
}

.woocommerce #review_form #respond p.comment-form-author {
    margin-bottom: 20px !important;
}

#reviews-container input#email {
    margin-bottom: 20px;
}

.woocommerce #review_form #respond p#email-warn-txt {
    margin-bottom: 20px !important;
}

.woocommerce #review_form #respond p#email-message,
#reviews-container #share-txt-heading {
    display: none;
}

.woocommerce #review_form #respond .form-submit input#submit {
    font-size: 16px;
    padding: 10px;
}


/* Textarea */
.vt-reviews__form-wrap .comment-form-comment {
    margin-bottom: 6px;
}

.vt-reviews__form-wrap #comment {
    color-scheme: light;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #e0dbd0;
    border-radius: 6px;
    font-size: 14px;
    color: var(--text);
    background: #fff;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    outline: none;
    resize: vertical;
    min-height: 130px;
    line-height: 1.65;
    transition: border-color 0.2s;
    margin-bottom: 22px;
}

.vt-reviews__form-wrap #comment:focus {
    border-color: #c06a2e;
}

.vt-reviews__form-wrap #comment::placeholder {
    color: #ccc;
    font-size: 13px !important;
}

.woocommerce #review_form #respond textarea {
    border-color: #cccccc;
}

/* Submit */
.vt-reviews__form-wrap .form-submit {
    margin-top: 8px;
}

.vt-reviews__form-wrap .form-submit input#submit {
    border: none;
}

body .woocommerce #review_form #respond .form-submit input#submit {
    width: 100%;
    max-width: 238px;
    border-radius: 8px;
    background-color: #565656 !important;
    letter-spacing: 4.5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 3px;
    padding: 10px 15px;
}

/* Hide WooCommerce boilerplate */
.vt-reviews__form-wrap #commentform .form-submit~p,
.vt-reviews__form-wrap #commentform p:nth-last-of-type(2) em {
    display: none;
}

.vt-reviews__form-wrap .form-submit input#submit {
    width: 100%;
    max-width: 238px;
    border-radius: 8px;
    background-color: #565656 !important;
    letter-spacing: 4.5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 3px;
    padding: 10px 15px;
}

/* Mobile */
@media (max-width: 520px) {
    .vt-reviews__form-wrap #review_form_wrapper {
        padding: 24px 20px;
    }

    .vt-reviews__form-wrap #reply-title {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .vt-reviews__form-wrap #reply-title {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .vt-reviews__form-wrap .stars span {
        gap: 6px;
    }

    .vt-reviews__form-wrap .stars a {
        width: 36px;
        height: 36px;
    }

    .vt-reviews__form-wrap .stars a::before {
        font-size: 36px;
    }

    .vt-reviews__sep {
        font-size: 14px;
        padding: 0 16px;
    }

    .vt-reviews__sep::before,
    .vt-reviews__sep::after {
        width: 30px;
    }

    body .woocommerce #review_form #respond .form-submit input#submit {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 12px !important;
        letter-spacing: 2.5px !important;
        background-color: #e8820c !important;
        border-radius: 6px !important;
        padding: 16px !important;
    }
}

section.reviews {
    margin-bottom: 107px !important;
}
/* Landing page: site header not used (own hero handles branding) */
.site-header {
    display: none !important;
}

/* ── Best Selling Gift Box hero ───────────────────────────────────────────
   The gift box banners fill most of the image with product, so text laid
   over the bottom of a cover-cropped background sat on top of the boxes.
   Instead the banner is drawn full width at the top of the hero, the hero
   pads down to just below the products, and the text sits under them on a
   band painted in the banner's own bottom-edge green.
   Desktop banner 16:9, products end at 77% of its height; the top 15%
   (empty wall above the reeds) is cropped off. */
html body .valentte-bundle-container .hero-content {
    min-height: 0;
    height: auto;
    justify-content: flex-start;
    padding-top: 36vw;
    background:
        url(https://valentte.com/wp-content/uploads/2026/10/gift-box-multi-buy-banner-desktop-scaled.webp) center top -8.4375vw / 100% auto no-repeat,
        linear-gradient(to right, rgb(88, 109, 82), rgb(102, 120, 96) 25%, rgb(66, 89, 58) 50%, rgb(77, 94, 69) 75%, rgb(51, 71, 44));
}

/* Fades the bottom 120px of the desktop banner into the band so the
   join doesn't show. The banner's bottom edge sits at 56.25vw - 8.4375vw. */
html body .valentte-bundle-container .hero-content::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(47.8125vw - 120px);
    height: 120px;
    background: linear-gradient(to right, rgb(88, 109, 82), rgb(102, 120, 96) 25%, rgb(66, 89, 58) 50%, rgb(77, 94, 69) 75%, rgb(51, 71, 44));
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000);
    mask-image: linear-gradient(to bottom, transparent, #000);
    pointer-events: none;
}

html body .valentte-bundle-container .hero-text {
    position: relative;
}

/* Mobile banner 9:16, products end at 64% of its height. */
@media (max-width: 768px) {
    html body .valentte-bundle-container .hero-content {
        padding-top: 115vw;
        background:
            url(https://valentte.com/wp-content/uploads/2026/10/gift-box-multi-buy-banner-mobile-scaled.webp) center top / 100% auto no-repeat,
            rgb(62, 77, 55);
    }

    /* The mobile banner's bottom edge already matches its band. */
    html body .valentte-bundle-container .hero-content::before {
        display: none;
    }
}

/* The candle template tucks the hero 100px up under the logo bar on small
   phones, which clipped the tops of the reeds in this banner. */
@media screen and (max-width: 510px) {
    html body .valentte-bundle-container .hero-content {
        margin-top: -40px;
    }
}

/* "Save up to £150.00" — keep the amount on one line. Pinned to the empty
   wall top-right of the banner: the inherited % positions are of the hero's
   height, which now includes the text band, so they landed on the products. */
html body .valentte-bundle-container .discount-banner {
    width: 100px;
    height: 100px;
    top: 2.5vw;
    right: 8%;
}

@media (max-width: 1000px) {
    html body .valentte-bundle-container .discount-banner {
        right: 3%;
    }
}

@media (max-width: 768px) {
    html body .valentte-bundle-container .discount-banner {
        top: 4vw;
    }
}

/* Clear of the logo bar, which the hero is tucked 40px under here. */
@media screen and (max-width: 510px) {
    html body .valentte-bundle-container .discount-banner {
        top: 52px;
    }
}

html body .valentte-bundle-container .discount-banner .content {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 1.3;
}

html body .valentte-bundle-container .discount-banner .content > span {
    max-width: none;
}

html body .valentte-bundle-container .discount-banner .vsb-max-save-price {
    display: block;
    white-space: nowrap;
    font-size: 16px;
}