/** Shopify CDN: Minification failed

Line 3757:0 Unexpected "{"
Line 3757:1 Expected identifier but found "%"
Line 3759:2 Unexpected "{"
Line 3759:3 Expected identifier but found "%"
Line 4032:4 Unexpected "{"
Line 4032:5 Expected identifier but found "%"
Line 4032:36 Unexpected "{"
Line 4032:37 Expected identifier but found "%"
Line 4142:4 Unexpected "{"
Line 4142:5 Expected identifier but found "%"
... and 2 more hidden warnings

**/
/* product-onefit-2026-common.css — BUILT, do not hand-edit.

   The deferred half for template onefit-2026. Pairs with the inline above-the-fold CSS in
   snippets/fon-critical-product-onefit-2026.liquid.

   Concatenated in the document order these previously loaded in, so the cascade between
   them is unchanged: onefit-all.css -> onefit-all-jan-2026.css -> onefit-all-b-shorter.css -> fon-combined-pdp-vendor.css -> photoswipe.min.css -> default-skin.min.css

   Not included: fon-combined-style-common.css and rdev-common.css — shared by every page
   type, so they stay separate and stay cached sitewide.

   Rebuild after editing any source: cd .critical-build && node build-common.js
*/
/* ==================== onefit-all.css ==================== */


section.section-onefit-all-table .mux-wrapper mux-player{
    border-radius: 10px;
    overflow: hidden;
}


#section-home-bundle-wrapper .bundle-best-value {
    position: relative;
    margin: 0;
    border: navajowhite;
}
#section-home-bundle-wrapper .bundle-best-value {
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
}
#section-home-bundle-wrapper .bundle-best-value .savings {
    padding: 12px 21px;
}
#section-home-bundle-wrapper .bundle-best-value .savings p:last-child {
    font-size: 13px;
    font-weight: 400;
}



body:not(.name-index) main#main {
    padding-top: 100px;
}

main#main {
    background: #f9f8f7;
}
@media (min-width: 1400px) {
    .fon-mobile-menu-container .container {
        max-width: 1440px;
    }
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1312px;
    } 
    /* .header__wrapper, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1312px;
    }  */
    .fon-logo-menu-container {
        padding-left: 0;
    }
}

.fon-product-spacer {
    display: block;
    margin-top: 40px;
}

.thumb.thumb--variant {
    display: none;
}


.in-everyserve video {
    border-radius: 10px;
}


/* Hide prev button when disabled (at first slide) */
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  pointer-events: none; /* prevents click */
  visibility: hidden;   /* fully hide it */
}

/* Optional: smooth fade in/out */
.swiper-button-prev {
  transition: opacity 0.3s ease;
}

.mfp-wrap {
    z-index: 100000000!important;
}
.body-popup-slide {
    overflow: hidden;
}
.body-popup-slide .mfp-wrap {
    z-index: 10000000;
}
section.section-onefit-all-sticky {
    position: fixed;
    z-index: 1111;
    left: 0;
    width: 100%;
    background: #f9f8f7;
    
    box-shadow: 0 4px 17.5px #0000001a;
    padding: 15px;
    top: -100%;
    transition: top .7s ease;
}
section.section-onefit-all-sticky {
    border-bottom: 1px solid #FAFAFF;
    background: #F5F5F5;
}
section.section-onefit-all-sticky button.btn-floating-add-to-cart {
    border-radius: 10px;
    border: none;
    background: #0051ff;
    box-shadow: 0 0 4.9px 0 rgba(0, 0, 0, 0.15);
}

.scrolled-add-to-cart section.section-onefit-all-sticky {
    display:block;
    top: 0%;
}


.onefit-all-floating-text h2 {
    color: #000;
    text-align: left;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 133.333% */
    text-transform: capitalize;
}

.onefit-all-floating-text p {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 133.333% */
    margin-top: 5px;
    margin-bottom: 5px;
}
.onefit-all-floating-text .save-price {
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin:0;
}
.onefit-all-floating-text .save-price .save-old-price {
    color: #8D8B8B;
    text-decoration-line: line-through;
    margin-left: 8px;
}
.onefit-all-floating-text small {
    color: #8d8b8b;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: block;
    color: #000;
    font-family: "Tomato Grotesk Light", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.onefit-all-floating-text {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.onefit-all-floating-text button {
    display: flex
;
    height: 41px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
    border-radius: 10px;
    border: 0px solid #0051ff;
    background: #0051ff;
    border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.20);
background: #0051ff;
box-shadow: 0 0 4.9px 0 rgba(0, 0, 0, 0.15);
    
}


[data-plant-based] .flavour-swatch-new .title:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(/cdn/shop/files/Green_Leaf.svg?v=1770262119);
    display: block;
    background-size:cover;
}
[data-plant-based] .flavour-swatch-new .title{
    display:flex;
    align-items:center;
        justify-content:center;
    gap:3px;
}

@media screen and (min-width:1400px){
    .scrolled-add-to-cart section.section-onefit-all-sticky {
        padding: 22px 0px;
    }

    .scrolled-add-to-cart section.section-onefit-all-sticky button {
        width: 343px;
    }

    .scrolled-add-to-cart section.section-onefit-all-sticky h2 {
        font-size: 21px;
        line-height: 31px;
    }
    .scrolled-add-to-cart section.section-onefit-all-sticky h2 .save-title {
        text-transform: uppercase;
    }
    .scrolled-add-to-cart section.section-onefit-all-sticky h2 span.save-new-price.with-current-code {
        color: #000;
        text-align: left;
        font-family: "Tomato Grotesk Medium", sans-serif;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        text-transform: capitalize;
    }

}

.supplement-facts td:last-child {
    text-align: right;
    width: 50%;
}
.supplement-facts-container .w-40 {
    width: 30%;
}
.supplement-facts-wrapper {
    height: 70vh;
    overflow: auto;
}
section.section-onefit-main-info {
    /* 15px matches OneFit/Comprehensive, which override this via
       fon-onefit-all-supplement-facts.liquid. Pages that don't render that
       snippet (OneLife jar) sat 5px lower. */
    padding: 15px 0px 60px;
    background: #F9F8F7;
}
.supplement-facts-wrapper table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}
.supplement-facts .group-title td:last-child {
    text-align: start;
}
.supplement-facts td:first-child {
    width: 50%;
}
.supplement-facts-wrapper table th,
.supplement-facts-wrapper table td {
  padding: 6px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.supplement-facts-wrapper h2 {
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 21px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: -5px;
    margin-top: 5px;
}
.supplement-facts-wrapper h3 {
    font-family: 'Tomato Grotesk Medium', sans-serif;
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 56px;
    margin-bottom: 12px;
}
.supplement-facts-wrapper .flavour-options-facts {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

[role=main] .shopify-section {
    background: white;
}

.star.reviewxx-container.d-flex.gap-1.align-content-center {
    align-items: center;
}
span.review-star img {
    width: 17px;
    filter: drop-shadow(0 0 4px rgba(150, 46, 14, 0.30));
}
.product-rating.d-flex.gap-2.align-items-center {
    margin: 0px 0px 20px;
}
span.rating-count.font-weight-600 {
    line-height: normal;
    position: relative;
    top: 2px;
    left: 4px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    color: #3E3E3E;
}
.logos-payment{
    height:24px;
}
.fon-best-seller {
    color: #000;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: .55px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 100px;
    width: auto;
    margin-bottom: 15px;
}
.fon-title{
  color: #000;

  font-family: "Tomato Grotesk Regular", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 133.333% */
  text-transform: capitalize;
}

.fon-title.fon-title-plant {
    font-size: 35px;
    line-height: 49px;
}

p.fon-description {
    margin: 0 0 15px;
    text-transform: capitalize;
}
p.fon-description strong {
    margin-bottom: 10px;
    margin-top: 5px;
}
section.section-onefit-all-table .container {
    padding: 0px;
}

.selected-variant-oos .fon-quantity-wrapper,
.selected-variant-oos .fon-payments-wrapper,
.selected-variant-oos #fon-checkout-button{
    display:none;
}
.fon-description{
  color: rgba(43, 42, 42, 0.90);
  font-family: "Tomato Grotesk Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  margin:15px 0px 30px;
}
/* div#packaging-options {
    padding: 8px;
    display: flex;
    margin-bottom: 15px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFFFFC;
    gap:5px;
} */
/* .fon-packaging.active, 
.fon-packaging:hover {
    color: #fff;
    border-radius: 3px;
    background: #0051ff;
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.10);
} */
/* div#packaging-options > a {
    flex-grow: 1;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    cursor: pointer;
}
div#packaging-options > a label {
    width: 100%;
    margin: 0;
    padding: 0;
} */


.fon-quantity-picker-recommended:not(.active):after,
div#paying-options .fon-subscription-option:not(.active) .option-badge,
.fon-flavour[data-variant-title="Chocolate Milkshake"]:not(.active):after,
.fon-packaging[data-packaging="sachets"]:not(.active):after,
.onelife-user:not(.active):after{
    background:#04489B;
    transition: all 1.6s;
}

.onefit-solo-packaging-options {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}
div#packaging-options>div {
    flex-grow: 1;
    position: relative;
    flex: 1 1 calc(50% - 12px);
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid rgba(64,64,64,.1);
}
div#packaging-options>div.active {

    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
}
img.flavour-image {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 70px;
    object-fit: cover;
}
.onefit-solo-packaging-options span.packaging-swatch .image img {
    width: 100%;
}
.onefit-solo-packaging-options .packaging-swatch .image {
    min-width: 65px;
    max-width: 65px;
    padding-left: 10px;
}
.onefit-solo-packaging-options .packaging-swatch {
    display: flex;
    border-radius: 10px;
    background: #FFFFFC;
    align-items: center;
    gap: 15px;
    overflow:hidden;
}
.onefit-solo-packaging-options .packaging-swatch {
    transition: all .6s;
}


.onefit-solo-packaging-options .active .packaging-swatch {
    transition: all 1.1s;
}



.onefit-solo-packaging-options .fon-packaging.active .packaging-swatch:before, 
.onefit-solo-packaging-options .fon-packaging:hover .packaging-swatch:before {
    content: '';
    border-radius: 10px;
    border: 2px solid #0051ff;
    inset: 0;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    border: 2px solid #0051ff;
    box-shadow: 0 0 4px 0 rgba(0, 81, 255, 0.25);
}

.onefit-solo-packaging-options .fon-packaging .packaging-swatch:before {
    content: '';
    transition: all .9s;
    border: 1px solid transparent;
    inset: 0;
    position: absolute;
    z-index: 1;
}


.onefit-solo-packaging-options span.packaging-swatch .text .title {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    color: #3E3E3E;
    line-height: normal;
}

.onefit-solo-packaging-options span.packaging-swatch .text .desc {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
    line-height: normal;
}
.onefit-solo-packaging-options span.packaging-swatch .text span {
    display: block;
}


.fon-selector-heading {
    color: #000;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.fon-selector-heading span {
    font-weight: 300;
    font-family: "Tomato Grotesk Light", sans-serif;
}
.flavour-label p {
    color: #000;
    font-family: "Tomato Grotesk Regular Slanted", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    text-transform: unset;
    font-style: italic;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #746d6d;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}
.flavour-options.active {
    display: flex;
}
.flavour-options {
    display: flex;
    gap: 11px;
}
.flavour-swatch-title-container {
    display: flex
;
    gap: 10px;
    align-items: center;
}


.flavour-options-facts>div, 
.flavour-options>div {
    display: flex
;
    padding: 8px 12px;
    padding: 8px 4px;
    align-items: center;
    gap: 6px;
    color: #000;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(64, 64, 64, 0.10);
    background: #FFFFFC;
}
.fon-flavour{
    position:relative;
    background: #FFFFFC;
}
.fon-flavour.active:before {
    content:'';
    border-radius: 10px;
    border: 2px solid #0051ff;
    inset:0;
    position:absolute;
    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
    transition: all .9s;
}
.fon-flavour:before {
    content:'';
    border-radius: 10px;
    border: 2px solid transparent;
    inset:0;
    position:absolute;
    transition: all .9s;
}


.flavour-options>div {
    flex: 1 1 calc(50% - 11px);
    max-width: calc(50% - 11px);
        justify-content: space-between;
}
span.variant-availability.variant-not-available {
    color: #E5E5E3;
    text-align: right;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
}
span.variant-availability.variant-available {
    text-align: right;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    background: linear-gradient(90deg, #A4FFB8 0%, #2DD752 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative;
    top:1px;
}
span.variant-availability.variant-available {
    text-align: right;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    background: linear-gradient(
        90deg,
        #A4FFB8 0%,
        #2DD752 50%,
        #A4FFB8 100%
    );
    background-size: 200% auto; /* wider gradient for motion */
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 2s linear infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% center;
    }
    100% {
        background-position: -200% center;
    }
}

.fon-flavour[data-flavour="flavour-pineapple-orange"] {
    display: none;
}
.fon-flavour .flavour-color-container {
    background: #fff;
    padding: 4px;
    border: 1.3px solid transparent;
    border-radius: 50%;
    transition: all .6s;
    width: 29px;
    height: 29px;
}
.fon-flavour.active .flavour-color-container {
    border-color:#0051ff;
}


body section#reviews {
    background: #F2F1EE;
}
body section#reviews h2 {
    color: black;
}

body  section#reviews .google-reviews-container .content img {
    filter: brightness(0);
}
body .google-reviews-container .rating,
body  section#reviews .google-reviews-container .content a {
    color: black;
}

/* .flavour-options-facts > div.active span,
.flavour-options > div.active span {
    background-color: #b04525;
    background-image: url(/cdn/shop/files/tick_1.png?v=1756781249);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.flavour-options-facts>div.active span {
    background-color: #b04525 !important;
}
.flavour-options-facts > div.active,
.flavour-options > div.active {
    background: #b04525;
    color: white;
    transition: all .6s;
} */

span.flavour-color {
    width: 100%;
    height: 100%;
    background: #0051ff;
    border-radius: 50%;
    display: block;
    border:1px solid transparent;
    max-width:25px;
}
div#quantity-options>div {
    flex: 1 1 calc(33.33% - 10px);
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFFFFC;
}
div#quantity-options h3 {
    background: #fff;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    height: 28px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E5E5E5;
}
div#quantity-options h3 {
    background: #fff;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E5E5E5;
}



div#quantity-options {
    display: flex;
    gap: 10px;
    margin-bottom: 2px;
}
.quantity-options-label p {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    font-family: "Tomato Grotesk Regular Slanted", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    text-transform: unset;
    margin-bottom: 0;
    margin-top: 5px;
    color: #746d6d;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}

/* div#quantity-options > div[data-qty="2"] {
    border-color:#000;
}
div#quantity-options > div[data-qty="3"],
div#quantity-options > div[data-qty="4"] {
    border-color:#000;
}
div#quantity-options > div[data-qty="2"] h3 {
    background:#000;
    color:white;
}
div#quantity-options > div[data-qty="3"] h3,
div#quantity-options > div[data-qty="4"] h3 {
    background:#000;
    color:white;
} */
div#quantity-options > div {
  transition: all .9s;
  position:relative;
}
div#quantity-options > div:before {
  border: 2px solid transparent;
  transition: all .9s;
  position:absolute;
  inset:0;
  content:'';
  border-radius:10px;
  transition: border .9s;
}
div#quantity-options > div.active:before {
  border: 2px solid #0051ff;
  transition: all .9s;
  position:absolute;
  inset:0;
  content:'';
  border-radius:10px;
  transition: border .9s;
}
div#quantity-options > div.active {
  transition: all .9s;
  position:relative;
}


div#quantity-options>div.active h3 {
    background: #0051ff;
    color: #fff;
    font-weight: 700;
    font-family: 'Tomato Grotesk Bold', sans-serif;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.fon-quantity-picker .text span.with-currency-code {
    display: block;
    color: #0009;
    text-align: center;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 117.7%;
    margin-top: 3px;
}
.fon-quantity-picker .text {
    padding: 15px 24px;
    text-align: center;
    color: #000;
    text-align: center;
    font-family: "Tomato Grotesk Bold", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform:lowercase;
}
.fon-quantity-picker.active p {
    color: #0051ff;
}
.fon-quantity-picker p {
    font-weight:700;
    font-family: "Tomato Grotesk Bold", sans-serif;
    text-transform: capitalize;
}
div#paying-options {
    margin-bottom: 30px;
}
.fon-payment-options {
    display: flex
;
    gap: 8px;
    margin: 16px auto;
    justify-content: center;
}
div#paying-options > div {
    border-radius: 10px;
    background: #F9F8F7;
    padding: 18px;
    cursor:pointer;
    border: 2px solid #F9F8F7;
}
div#paying-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
div#paying-options>div:not(.active) {
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.1);
    background: #FFFFFC;
    /* background: #f9f9f94d; */
    border-radius: 10px;
    border: 1px solid #DEDEDE;
    box-shadow: 0 1px 3px 0 rgba(80, 0, 11, 0.04);
}
div#paying-options>div:not(.active) > *{
    opacity: 0.75;
}
div#paying-options>div:not(.active) > .option-badge{
    opacity: 1;
}
div#paying-options>div.active > *,
div#paying-options>div.active > .option-badge{
    opacity: 1;
}
div#paying-options>div.active {
    border-radius: 10px;
    border: 2px solid #0051ff;
    background: #FFF;
    transition: all .9s;
}
.option-description {
    margin-top: 20px;
    padding-left: 16px;
}
.option-heading .option-pricing .original-price {
    opacity: .4;
    text-decoration: line-through;
    font-family: 'Tomato Grotesk Regular', sans-serif;
    font-size: 15px;
    font-style: normal;
}
.option-pricing .sale-price {
    color: #000;
    font-family: 'Tomato Grotesk Regular', sans-serif;
    font-size: 17px;
    font-style: normal;
}
div#paying-options>div.active .option-pricing .sale-price{
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    font-weight: 600;
}
.option-heading .option-pricing {
    display: flex
;
    gap: 10px;
}
.option-heading {
    display: flex;
    justify-content: space-between;
}


/* 
.fon-subscription-option .option-image {
    display: none; 
    margin-top: 15px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 15px;
}
    */

.fon-vertical-onefit-in-store .store-status.low-stock {
    color: orange;
}
.fon-vertical-onefit-in-store .store-status.out-of-stock {
    color: red;
}
div#paying-options>div.active:has(.option-image ) .option-heading {
    border-bottom: none;
    padding-bottom: 0;
}
.option-image {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  will-change: opacity, max-height;
  transition:
    max-height 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.option-image.open {
  max-height: 600px; /* adjust slightly above content height */
  opacity: 1;
  margin-top: 15px;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 15px;
  overflow: visible;
}


.option-image img {
    border-radius: 19px;
    box-shadow: 0 0 39.5px 0 rgba(88, 92, 95, 0.25);
}


.option-description p img {
    max-width: 26px;
}
.option-description p {
    display: flex;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Tomato Grotesk Regular', sans-serif;
    gap: 12px;
    margin-bottom: 8px;
    color: #000;
}
.option-description > p:last--child {
    margin-bottom:0px;
}

div#paying-options>div.active .option-ticker span {
    display: block;
    width: 17px;
    height: 17px;
    background: #0051ff;
    border-radius: 50%;
}
div#paying-options>div.active .option-ticker{
    border-radius: 1000px;
    border: 1px solid #0051ff;
    box-shadow: 0 -1px 4px 0 rgba(0, 81, 255, 0.40);
}
.option-ticker {
    border: 1px solid #0000004d;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:0 -1px 4px #0051ff66;
}
.option-title {
    display: flex;
    gap: 12px;
    align-items: center;
}
.option-title label {
    font-size: 15px;
    font-family: 'Tomato Grotesk Bold', sans-serif;
    font-weight:700;
    line-height: normal;
}
div#paying-options>div.fon-subscription-option-seperator {
    background: transparent;
    padding: 0;
    text-align: center;
    border: navajowhite;
    font-size: 12px;
}
div#paying-options>div.fon-subscription-option-seperator:before {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    content: "";
    display: block;
    position: relative;
    top: 10px;
}
div#paying-options>div.fon-subscription-option-seperator span {
    background: white;
    position: relative;
    display: inline-block;
    padding: 0 10px;
}

#fon-oos-button.active{
    display: flex;
}
#fon-oos-button{
    margin-top:20px;
    display:none;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    color: #fff;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0px solid #BABABA;
    background: #BABABA;
    box-shadow: 1px 1px 20px #0000000d;
    width: 100%;
    padding: 10px;
    height: 48px;
    color: #f5f5f5;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -.15px;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    text-transform:capitalize;
}
button#fon-checkout-welcome-kit-button:hover,
.scrolled-add-to-cart section.section-onefit-all-sticky button:hover,
button#fon-checkout-button:hover{
    box-shadow: 0 4px 12px rgba(0, 81, 255, 0.22);
    transition: all .4s;
}

button#fon-checkout-welcome-kit-button,
button#fon-checkout-button {
    display: flex
;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    background: #333;
    border-radius: 10px;
    background: #b04525;
    width: 100%;
    color: #fff;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0px solid #0051ff;
    background: #0051ff;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    padding: 10px;
    height: 48px;
    color: #F5F5F5;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.15px;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    text-transform: unset;
    border-radius: 10px;
    background: #0051ff;
    box-shadow: 0 0 4.9px 0 rgba(0, 0, 0, 0.15);
}

button#fon-checkout-button:disabled {
    opacity: .65;
}

.fon-accordion-body {
    display: none;
}
.fon-accordion-body p {
    margin-bottom: 10px;
}
.fon-accordion-body ul {
    list-style: inside;
    padding-left: 10px;
}
.fon-accordion-body ol {
    list-style: auto;
    padding-left: 30px;
}


ul.fon-accordion-points {
    list-style-type: none;
    margin-bottom:20px;
}

ul.fon-accordion-points li:before {
    content: '–';
    width: 10px;
    height: 10px;
    display: block;
    flex-basis: 10px;
    min-width: 10px;
}
ul.fon-accordion-points li{
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 3px;
}

.fon-accordion-body p a {
    text-decoration: underline;
}

ul.fon-accordion-steps {
    list-style-type: none;
    margin-bottom:15px;
}
ul.fon-accordion-steps li:before {
    content: '–';
    width: 10px;
    height: 10px;
    display: block;
}
ul.fon-accordion-steps li  {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 3px;
}






.fon-accordion-heading {
    color: #000;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    padding: 6px 0;
    display: flex
;
    justify-content: space-between;
    position: relative;
}
.fon-accordion-heading .fx-icon-container {
    position: relative;
    top: 0px;
}
.fon-supplement-facts a {
    border-radius: 10px;
    border: 1px solid #000;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    margin-top: 30px;
    color: #000;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
}

.onefit-marquee-wrapper {
    background: #fbfbfb;
    padding: 15px 0px;
}
.onefit-all-marquee-swiper div {
    margin: 0 100px;
    color: #000;
  font-family: "Tomato Grotesk Regular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}

.onefit-all-marquee-swiper {
  width: 100%;
  overflow: hidden;
}
.onefit-all-marquee-swiper .swiper-wrapper {
  transition-timing-function: linear !important; /* 🔑 makes it continuous */
}
.afterpay-text {
    margin-bottom: 32px;
}
.afterpay-text p img {
    align-self: center;
    width: 59px;
}
.afterpay-text p {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid rgba(67, 64, 61, 0.10);
    padding: 8px 16px;
    gap: 5px;
    font-size: 11px;
}
.afterpay-text p > span {
    display: flex;
    gap: 5px;
}
.afterpay-text p a {
    color: #2D2D2D;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    text-decoration:underline;
}

h2.fon-accordion-heading img {
    float: right;
}

h2.fon-accordion-heading button {
    width: 100%;
    margin: 0 0 10px;
}
h2.fon-accordion-heading .btn-close {
    display: none;
}
.fon-accordion-heading.active + div .fon-accordion-body {
    display: block;
    color: #676767;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
}
h2.fon-accordion-heading.active .btn-close {
    display: block;
}
h2.fon-accordion-heading.active .btn-plus {
    display: none;
}



.review-filter-menu > div {
    color: #000;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    padding: 10px 24px 10px 24px;
    border: 1px solid #000;
    border-radius: 1000px;
    text-align:center;
}
.review-filter-menu {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 0 0 60px;
}
.review-filter-menu > div.active{
    border: 1px solid #b04525;
    background: #b04525;
    color:white;
}


section.section-onefit-all-reviews {
    padding-top: 36px;
    overflow:hidden;
}
.section-onefit-all-reviews .card {
    border-radius: 10px;
    background: #F9F8F7;
    padding: 32px;
}
section.section-onefit-all-reviews .swiper.reviews-swiper{
    overflow: visible!important;
}
/* section.section-onefit-all-reviews .swiper-slide:not(.swiper-slide-active) {
    opacity: .3;
} */

section.section-onefit-all-comparison{
    padding-top: 56px;
    padding-bottom: 56px;
}
section.section-onefit-all-comparison th{
    text-align:center;
}
section.section-onefit-all-comparison th.bg-primary {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 18px;
}
section.section-onefit-all-comparison td img {
    display: block;
    margin: 0 auto;
}
section.section-onefit-all-comparison tr > td:first-child {
    padding-inline-start: 15px;
}


.section-onefit-all-hall-of-fame {
    padding: 60px 0px 100px;
    color:white;
}
.section-onefit-all-hall-of-fame *{
    color:white;
}

#onefit-all-gallery img {
    border-radius: 10px;
    object-fit: initial;
}
#onefit-all-gallery mux-player {
    border-radius: 10px;
    overflow: hidden;
}
#onefit-all-gallery .thumb {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 10px;
}
#onefit-all-gallery .thumb.active {
    border-color: #00000026;
    overflow: hidden;
}
#onefit-all-gallery .thumb.thumb--variant.active {
    display: block;
}

#onefit-all-gallery .swiper-pagination-bullet-active {
    background: #000;
}
.thumbs-list.d-flex {
    margin-top: 15px;
    justify-content: center;
}

div#onefit-all-gallery .onefit-all-marquee-swiper p {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 20px;
}
div#onefit-all-gallery .onefit-all-marquee-swiper {
    position: absolute;
    bottom: 70px;
    background: transparent;
    z-index: 9;
}
div#onefit-all-gallery .swiper-button-prev, div#onefit-all-gallery .swiper-button-next {
    z-index: 99999;
    border: .5px solid #000000;
    width: 50px;
    height: 40px;
}
div#onefit-all-gallery .swiper-button-prev {
    left: 0px;
    border-left: none;
    border-top-right-radius: 96px;
    border-bottom-right-radius: 96px;
}
div#onefit-all-gallery .swiper-button-next {
    right: 0px;
    border-right: none;
    border-top-left-radius: 96px;
    border-bottom-left-radius: 96px;
}
div#onefit-all-gallery .swiper-button-prev:after, div#onefit-all-gallery .swiper-button-next:after {
    font-size: 0 !important;
    background-size: contain;
    width: 30px !important;
    height: 30px !important;
    background-size: cover;
}
div#onefit-all-gallery .swiper-button-prev:after{
    background-image: url(/cdn/shop/files/backward_icon_26b3910b-59ba-422f-88f3-852f6a6cee9d.svg?v=1756877528);
    transform:none;
}
div#onefit-all-gallery .swiper-button-next:after{
    background-image: url(/cdn/shop/files/forward-icon.svg?v=1756877528);
}

div#onefit-all-gallery .product-main-gallery {
    padding: 0;
}

p.fon-looking-for a {
    text-decoration: underline;
}
p.fon-looking-for {
    font-size: 12px;
    text-align: right;
    position: relative;
    top: -7px;
    text-align: center;
    opacity: .75;
}



/* Wiggle animation */
@keyframes wiggle {
  0%   { transform: rotate(0deg); }
  15%  { transform: rotate(-8deg); }
  30%  { transform: rotate(8deg); }
  45%  { transform: rotate(-6deg); }
  60%  { transform: rotate(6deg); }
  75%  { transform: rotate(-4deg); }
  100% { transform: rotate(0deg); }
}

.wiggle {
  animation: wiggle 0.5s ease;
}

#clinically-wrapper{
    background:transparent;
}


body .section-media-faq {
    background: #f9f8f7;
    z-index: 1;
    position: relative;
}



  [data-plant-based] .flavour-title span:before  {
    content: 'Plant ';
    /* position: absolute;
    left: 0px;:;:;:
    revert-layer;:
    revert-layer;: -;
    width: 100%;
    display: block;
    font-size: 6px;
    width: 100px;
    text-align: left;
    font-weight: 300;
    font-family: 'Tomato Grotesk Light', sans-serif;
    opacity: .4;
    position: absolute;
    top: 13px; */
}

[data-plant-based] .flavour-title {
    position: relative;
}

section.section-onefit-clinically .container {
    position: relative;
}
section.section-onefit-clinically .container:before {
    content: '';
    background: #00000066;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 17px;
}
section.section-onefit-clinically .container h2, 
section.section-onefit-clinically .container > a, 
section.section-onefit-clinically .container > div {
    position: relative;
}
section.section-onefit-clinically  .clinically-container .clinically-box {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 252, 0.20);
    background: #FFFFFC;
}
section.section-onefit-clinically  .clinically-container .clinically-box p {
    color: #2E2E2E;
}
section.section-onefit-clinically  .clinically-container .clinically-box h3 {
    color: #2E2E2E;
    font-weight:700;
}
section.section-onefit-clinically a.btn-see-our-studies {
    border-radius: 10px!important;
    border: 1px solid rgba(255, 255, 255, 0.20)!important;
    background: #FFFFFC!important;
    color: black!important;
}
section.section-onefit-clinically .clinically-container .clinically-box h3:after {
    content: '';
    display: block;
    max-width: 195px;
    height: 21px;
    background-image: url(/cdn/shop/files/Star_In-between.png?v=1764201983);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 6px auto 0;
}
.section-onefit-clinically h2 strong {
    font-weight: 700!important;
}



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

    #onefit-all-gallery img {
        aspect-ratio: 1/1;
        object-fit:cover;
    }
    #onefit-all-gallery mux-player {
        border-radius: 10px;
        overflow: hidden;
        aspect-ratio:1/1;
    }

    .flavour-swatch-new-status {
    margin: 0!important;
    margin-top: -8px!important;
}
.flavour-swatch-new-status > span.variant-availability {
    font-size: 12px!important;
    line-height: 14px!important;
}
    .flavour-options>div, .flavour-options>div.active {
    height: 100%;
    padding: 0px!important;
}
    img.flavour-image {
        width: 100%;
        border-radius: 10px;
    }

    section.section-onefit-clinically .container {
        background-size: 120% !important;
        transition: all .7s!important;
    }
    section.section-onefit-clinically.in-view .container {
        background-size: 100% !important;
        transition: all .7s!important;
    }
}

section.section-onefit-clinically {
    padding: 56px 0px 56px;
    background: #F2F1EE;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position:relative;
}
section.section-dc.section-dc-comparison {
    background: #F2F1EE;
    border-radius: 30px 30px 0 0;
}
section.section-dc.section-dc-comparison td, section.section-dc.section-dc-comparison td, section.section-dc.section-dc-comparison th {
    padding-top: 15px;
    padding-bottom: 15px;
}

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

section.section-onefit-all-table h2 {
    margin-top: 0px;
}

    section.section-onefit-all-table td:last-child {
    font-weight: 500;
    font-family: "Tomato Grotesk Medium", sans-serif;
}

    /* Test Image */
    /* .slide-video-image img {
        max-height: 260px;
        object-fit: contain;
        background: #e6e6e6;
    } */


.onefit-all-marquee-swiper{
    background:#FAFAFA;
}
.onefit-all-marquee-swiper div {
    font-size: 14px;
    line-height: 28px;
}
    .fon-quantity-picker .text {
        padding: 15px;
    }
    .option-description {
        margin-top: 15px;
        padding-left: 0px;
    }
    .fon-best-seller {
        font-size: 11px;
        margin: 0;
        line-height: normal;
        color: #000;
        font-family: "Tomato Grotesk Bold", sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }
    span.review-star img {
        width: 13px;
    }
        .product-rating.d-flex.gap-2.align-items-center {
        margin: 0;
        justify-content: end;
    }
    section.section-onefit-main-info {
        overflow: hidden;
        padding:0px;
    }
    span.rating-count.font-weight-600 {
        line-height: normal;
        position: relative;
        top: 1px;
        left: 4px;
        font-size: 11px;
    }
    div#onefit-all-gallery .onefit-all-marquee-swiper {
        bottom: 20px;
        display:none;
    }
    div#onefit-all-gallery .swiper-slide {
        padding: 0;
    }
    .fon-best-seller {
        margin: 0;
        padding: 2px;
        font-size: 10px;
        line-height: normal;
        text-align: left;
    }
.fon-title {
    margin-top: 15px;
    font-size: 33px;
    line-height: normal;
    margin-bottom: 10px;
}
    .onefit-main-info-plant-based h1.fon-title {
    font-size: 26px;
}

#onefit-all-gallery img {
    border-radius: 10px;
}


.swiper-main-gallery-thumbnails img,
.swiper-slide-thumb-active picture:before{
    transition: all .4s;
}
.swiper-main-gallery-thumbnails .swiper-slide-thumb-active img,
.swiper-main-gallery-thumbnails .swiper-slide-thumb-active picture:before{
    transform: scale(1.1);
    transition: all .4s;
    z-index:1;
}
.swiper-main-gallery-thumbnails{
    overflow:visible!important;
    padding-left:3px!important;
}


   
        .fon-description {
        margin-bottom: 15px;
    margin-top: 0;
}
    /* div#packaging-options {
        margin-bottom: 15px;
    } */

    .section-onefit-all-hall-of-fame .container {
        padding: 32px;
    }

    .fon-supplement-facts a {
        margin-top: 20px;
        margin-bottom: 32px;
    }

    .onefit-all-table {
        background: none;
        padding: 0;
    }
    .supplement-facts-wrapper h3 {
    font-size: 34px;
    line-height: 44px;
}
   

    .flavour-options-facts>div, .flavour-options>div {
        padding: 8px 5px 8px 8px;
    }
p.fon-description {
    margin: 18px 0px 3px;
    font-size: 14px;
    line-height: 151%;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
}
p.fon-description .d-block {
    margin-bottom: 2px;
}
    
}


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


    .onefit-all-floating-text .save-price {
    display: block;
}
.onefit-all-floating-text small {
    font-size: 9px;
}
.scrolled-add-to-cart section.section-onefit-all-sticky {
    display: block;
    top: 0%;
    padding: 10px 5px;
}

.onefit-solo-packaging-options .packaging-swatch {
    gap: 10px;
    padding: 8px 0px;
}
  .onefit-solo-packaging-options .packaging-swatch .image {
    min-width: 57px;
    max-width: 57px;
}
.onefit-solo-packaging-options .packaging-swatch .text {
    flex-grow: 1;
}
.onefit-solo-packaging-options span.packaging-swatch .text .title {
    font-size: 13px;
    max-width: 100px;
    line-height: 15px;
    margin-bottom: 3px;
}
.onefit-solo-packaging-options span.packaging-swatch .text .desc {
    font-size: 11px;
    color: #3e3e3e;
    line-height: 13px;
    margin-top: 5px;
}
.option-title label{
    font-size:14px;
}
body .section-reviews-product h2 {
    text-align: center !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
}
.section-reviews-product {
    flex-direction: column-reverse;
            margin-bottom: 30px !important;
}

    section.section-onefit-all-table h2{
        margin-top:0px;
    }
    section.section-onefit-main-info {
    padding-top: 0px;
    padding-bottom: 0px;
}
.fon-quantity-picker .text {
    padding: 15px 10px;
}
.fon-best-seller {
    font-size: 11px;
    margin: 0;
    line-height: normal;
}
.product-rating.d-flex.gap-2.align-items-center * {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.525px;
    text-transform: uppercase;
    text-decoration: none;
    top:1px;
}
.product-rating.d-flex.gap-2.align-items-center img {
    max-width: 10px;
}
.product-rating.d-flex.gap-2.align-items-center {
        margin: 0;
        justify-content: flex-end;
    }
    div#badge-reviews-container {
    margin: 0 -9px;
}
    .swiper-add-to-cart-carousel {
    transform: scale(.8);
}

    section.section-onefit-all-table .container {
    padding: 0px 15px;
}

    body .section-media-faq {
    padding-top: 0px;
    padding-bottom:20px;
}
.fon-quantity-picker .text span.with-currency-code {
    font-size: 12px;
}
.flavour-options>div {
    flex: 1 1 calc(50% - 5.5px);
    max-width: calc(50% - 5.5px);
}
span.flavour-title {
    line-height: normal;
}

    #design-c-compete {
    background: #f2f1ee;
    padding-top: 30px;
}

.fon-product-spacer {
    display: block;
    margin-top: 0;
}
 
    /* .pouch-product-page img {
        max-height: 260px;
        object-fit: contain;
        background: #e7e7e7;
    } */

    /* .slide-video-image {
        min-height: 225px;
    }  */

    /* div#packaging-options {
        margin-bottom: 25px;
    } */

p.fon-looking-for {
    top: -16px;
}
    .slide-video-image video {
    height: 260px !important;
    width: auto;
}

/* div#packaging-options>a {
    height: 30px;
} */
   
    
  .supplement-facts-wrapper h3 {
    font-size: 20px!important;
    line-height: normal!important;
    margin-top: 4px!important;
}
    .supplement-facts-wrapper h2 {
    font-size: 13px!important;
    line-height: normal!important;
}
    .supplement-facts-wrapper table {
    font-size: 12px!important;
}
.supplement-facts td:last-child {
    text-align: right;
    width: 30%;
}

      .onefit-all-floating-text button {
        padding: 5px 13px;
        font-size: 12px;
        height: auto;
    }
    .mfp-animate-bottom .mfp-content {
      vertical-align: bottom;
      z-index: 1045;
  }
  .mfp-animate-bottom .mfp-container.mfp-s-ready{
      padding: 0;
      bottom: 0;
      top: auto;
  }
  
  .mfp-animate-bottom .mfp-content {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      margin: 0 auto;
      text-align: left;
      z-index: 1045;
      bottom:-100%;
  }
  .mfp-animate-bottom.mfp-ready .mfp-content {
    bottom:0%;
    transition:bottom .3s;
  }
  .mfp-animate-bottom .popup-container {
      max-height: 80vh;
      overflow: scroll;
  }
  .mfp-animate-bottom .white-popup {
      margin: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }

nav.breadcrumbs svg {
    width: 15px;
    margin-left: 3px;
}
nav.breadcrumbs {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 10px;
}
nav.breadcrumbs span:not(.breadcrumbs-current) {
    opacity:.5;
}


}



@media screen and (max-width: 430px) {
.option-description p {
    font-size: 11px;
    gap: 11px;
}
.option-description {
    margin-top: 20px;
    padding-left: 2px;
}
    .flavour-swatch-title-container {
    gap: 5px;
}
.fon-flavour .flavour-color-container {
    width: 18px;
    height: 18px;
    padding: 2px;
}

        .fon-quantity-picker .text {
        font-size: 13px;
    }

    .ups-items p {
    font-size: 10px;
    line-height: 12px;
}


    .fon-title {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 5px;
    line-height: 30px;
    margin-bottom:7px;
}
    .fon-title.fon-title-plant {
    font-size: 24px;
    line-height: 39px;
}
        main#main {
        padding-top: 20px;
    }
         .flavour-options-facts>div, .flavour-options>div {
        padding: 5px 5px;
        font-size: 11px;
    }
    .flavour-label p {
    font-size: 11px;
    line-height: normal;
    margin-top: 5px;
 }
 /*
    div#packaging-options {
        margin-bottom: 20px;
    } */
        p.fon-looking-for {
        top: -13px;
    }
 

}

/* ==================== onefit-all-jan-2026.css ==================== */
/* GB Amends */
/* .country-GB.body-product-comprehensive div#fon-subscription-365d-options{
    display:none!important;
}
.country-GB.body-product-onefit div#fon-subscription-90d-options{
    display:none!important;
} */
/* .country-GB.body-product-onefit div#fon-subscription-30d-options .option-badge.d-none{
    display:block!important;
}
.country-GB.body-product-onelife .onelife-users > div:first-child:after {
    position: absolute;
    top: -12px;
    border-radius: 20px;
    background: #0051ff;
    box-shadow: 0 2px 6px -2px rgba(164, 0, 17, 0.25);
    right: 15px;
    color: #FFF;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.09px;
    text-transform: uppercase;
    width: auto;
    height: 14px;
    display: flex;
    display: flex;
    min-width: auto;
    height: 21px;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    content: 'most popular';
    z-index: 1;
    line-height: normal;
}
.country-GB.body-product-onelife .onelife-users .onelife-user.onelife-user-duo {
    display: none;
}
.country-GB.body-product-onelife div#fon-subscription-30d-options {
    display: block!important;
} */


/* common css */

div#onefit-all-gallery .swiper-pagination {
    display: none;
}
body:not(.name-index) main#main {
    padding-top: 120px;
    overflow: hidden;
}
.fon-title {
    font-size: 28px;
}
h1.fon-title .title-price {
    color: #737373;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}
/* .below-footer-container.below-footer-container-product{
    background: #c8c6c2 !important;
} */
.below-footer-container.below-footer-container-product {
    background: #ffffff !important;
}

.fon-vertical-onefit-in-store:not(.swiper-initialized) {
  visibility:hidden;
}

body .flavour-options {
    display: none;
}

.swiper.main-gallery:not(.swiper-initialized){
    visibility:hidden;
}
.swiper-main-gallery-thumbnails:not(.swiper-initialized){
    display:none;
}

.section-onefit-padding ol {
    list-style: decimal;
    padding-left: 24px;
    margin-top: 20px;
}
.section-onefit-padding ol li {
    color: #000c;
    font-family: "Tomato Grotesk Light", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -.187px;
    text-transform: capitalize;
}
.gift-reviews {
    background: #f9f8f7!important;
}
.section-onefit-bg-grey {
    background:#F9F8F7;
}
.section-onefit-padding {
    padding: 80px 0px;
}
/* Taste section carries extra room below it. */
section.section-onefit-padding.section-onefit-taste {
    padding-bottom: 100px;
}

.section-onefit-padding h2 {
    color: #000c;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.33px;
    text-transform: capitalize;
    margin-top: 10px;
}
section.section-onefit-padding h2 + p {
    color: rgba(0, 0, 0, 0.80);
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.187px;
    text-transform: capitalize;
    text-align:left;
}

.fon-button {
    min-width: 343px;
    height: 49px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    color: #333;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
    letter-spacing: -0.132px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
}
/* .fon-button:hover {
    box-shadow: 0 4px 4px #00000037;
} */
.fon-button:hover {
    box-shadow: 0 4px 4px #0051ff33;
}
.fon-button-dark {
    border-radius: 10px;
    border: 1px solid #0051ff;
    background: #0051ff;
    /* background: #333; */
    box-shadow: 0 0 4.9px 0 rgba(0, 0, 0, 0.15);
    display: inline-flex;
    min-width: 320px;
    max-width: 400px;
    height: 49px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    color: #fff;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.408px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
}
.fon-button-dark:hover {
  transform: translateY(-2px); /* small lift */
  box-shadow: 0 4px 12px rgba(0, 81, 255, 0.22); /* slightly stronger shadow */
}
.onefit-section-bottom {
    text-align: center;
}

.fon-accordion h3 {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 192.308% */
    cursor:pointer;
}

.fon-accordion .content p {
    color: #8D8B8B;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 163.636% */
}

.fon-accordion-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fon-accordion.active .title img {
    transform: rotate(45deg);
    transition: all .6s;
}
.fon-accordion .title img {
    transition: all .6s;
}
.fon-accordion {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.fon-accordion .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fon-accordion .content{
    display:none;
}

/* end common css */

/* how to use */
.onefit-how-to-use h2 {
    color: #333;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -0.22px;
    text-transform: capitalize;
}
.onefit-how-to-use .how-to-use img {
    border-radius: 10px;
    box-shadow: 0 0 39.5px 0 rgba(88, 92, 95, 0.25);
    margin-bottom: 5px;
}
.onefit-how-to-use {
    margin-top: 20px;
}

.onefit-how-to-use h2 + p {
    color: rgba(0, 0, 0, 0.80);
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    letter-spacing: -0.132px;
    text-transform: capitalize;
}

.how-to-use {
    display: flex;
    gap: 33px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.how-to-use h3 {
    color: #000;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 9.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 14.25px */
    letter-spacing: -0.105px;
    text-transform: capitalize;
}
.onefit-how-to-use .how-to-use-bottom a {
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.2);
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
    display: flex;
    height: 41px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    text-transform: capitalize;
}
.how-to-use-bottom p {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Tomato Grotesk Light', sans-serif;
    font-style: italic;
    text-align: center;
    margin-top: 5px;
}

.how-to-use-bottom p strong {
    font-weight: 400;
    font-family: 'Tomato Grotesk Regular', sans-serif;
}
/* end how to use */

/* .section-onefit-transparency */
.section-onefit-transparency div.onefit-transparency {
    max-width: 812px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    gap: 27px;
    justify-content:space-around;
}

.section-onefit-transparency div.onefit-transparency img {
    margin: 0 auto 8px;
}

.section-onefit-transparency div.onefit-transparency .content h3 {
    color: #000;
    text-align: center;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    max-width: 154px;
    margin: 0 auto;
}

/* End .section-onefit-transparency */


/* before & after */
.section-onefit-before-after .gift-reason-toggle-item img {
    max-width: 42px;
    border-radius:50%;
}
.gift-reason-before-after-image img {
    box-shadow: 0 0 39.5px 0 rgba(88, 92, 95, 0.25);
}
.real-members {
    border-radius: 100px;
    background: var(--purple-linear, linear-gradient(0deg, rgba(250, 249, 253, 0.30) 33.17%, rgba(250, 249, 253, 0.80) 66.83%, #EEECF3 100%));
    box-shadow: 0 0 39.5px 0 rgba(88, 92, 95, 0.25);
    display: flex;
    width: 170px;
    height: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    color: #3B3B3B;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 134%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/* end before & after */

/* .section-onefit-inside */
.section-onefit-inside div#onefit-inside {
    max-width: 740px;
    margin: 0 auto;
}

.section-onefit-inside  div#onefit-inside .of-inside-item {
    display: flex;
    gap: 15px;
    margin-bottom: 11px;
}

.section-onefit-inside  div#onefit-inside .of-inside-item .image {
    flex-basis: 90px;
    min-width: 90px;
}

.section-onefit-inside div#onefit-inside .of-inside-item img {
    width: 100%;
    box-shadow: 0 0 9.1px #0000001a;
    border-radius: 10px;
}

.section-onefit-inside  div#onefit-inside h3 {
    color: #000;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
    letter-spacing: -0.132px;
    text-transform: capitalize;
    margin-top: 0px;
}

.section-onefit-inside  div#onefit-inside a {
    color: #B04524;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
    letter-spacing: -0.11px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
    display: block;
}
/* End .section-onefit-inside */

/* .section-onefit-pay */
.onefit-pay-total-container,
.onefit-pay-wrapper {
    max-width: 610px;
    margin: 0 auto;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 8.9px 0 rgba(0, 0, 0, 0.15);
    padding: 20px 30px;
    margin-top: 15px;
}
.onefit-pay-total-container .right span strong {
    font-weight: 600;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 122%;
}
.onefit-pay-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.onefit-pay-container .onefit-pay {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.onefit-pay-container .onefit-pay .left {
    display: flex;
    gap: 10px;
    align-items: center;
    gap: 30px;
}

.onefit-pay-container .onefit-pay .left img {
    flex-basis: 70px;
    max-width: 70px;
    border-radius: 10px;
}

.onefit-pay-container h3 {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    text-transform: capitalize;
}


.onefit-pay-container .right span {
    color: #000;
    text-align: right;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
    letter-spacing: -0.132px;
    text-transform: capitalize;
}
.onefit-pay-bottom-container {
    display: flex;
    border-top: .6px solid rgba(141, 139, 139, 0.50);
    margin-top: 15px;
    padding-top: 15px;
    justify-content: space-between;
}

.onefit-pay-bottom-container h2 {
    color: #333;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.165px;
    text-transform: uppercase;
}


.onefit-pay-bottom-container span {
    color: #333;
    text-align: right;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.165px;
    text-transform: capitalize;
}
.onefit-pay-total-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.onefit-pay-total-container img {
    max-width: 110px;
}

.onefit-pay-total-container {
    color: #000;
    text-align: right;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -0.22px;
    text-transform: capitalize;
}
.section-onefit-pay .transparency-bottom {
    margin-top: 15px;
    text-align:center;
}


/* End .section-onefit-pay */


.fon-ups-box {
    border-radius: 10px;
    /* border: 1px solid rgba(0, 81, 255, .46); */
    background: #faf4ee;
    box-shadow: 0 0 9.4px #00000026;
    box-shadow: 0 0 39.5px 0 rgba(88, 92, 95, 0.25);
    padding: 18px 14px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.ups-box-top {
    display: flex;
    justify-content: space-between;
}

.ups-box-top h2 {
    color: #3e3e3e;
    font-family: 'Tomato Grotesk Medium', sans-serif;
    font-size: 1.1em;
    /* font-size: 15px; */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.ups-box-top img {
    max-width: 31px;
}

.ups-box-top small {
    display: flex;
    width: 174px;
    height: 14px;
    padding: 1px 3px 0 3px;
    justify-content: center;
    align-items: center;
    border-radius: 1px;
    background: #B04524;
    color: #FFF;
    text-align: center;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.8px; /* 247.5% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.ups-items {
    display: flex;
    text-align: center;
    gap: 20px;
}
.ups-items img {
    margin: 0 auto;
    height: 30px;
}
.ups-items .item:nth-child(2) img {
    height: 26px;
    margin: 4px auto 0px;
}
.ups-items .item:before {
    content: "";
    height: 100%;
    position: absolute;
    right: -10.5px;
    top: 0;
    width: 0.5px;
    background: #3e3e3e;
}

.ups-items .item {
    position: relative;
    flex: 1 1 calc(25% - 30px);
}
.ups-items .item:last-child:before{
    opacity:0;
}
.ups-items h3 {
    color: #3E3E3E;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px; /* 104.167% */
    text-transform: capitalize;
    margin-bottom: 4px;
    margin-top: 2px;
}

.ups-items p {
    color: #3e3e3e;
    text-align: center;
    font-family: 'Tomato Grotesk Medium', sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight:500;
    line-height: 10px;
    text-transform: capitalize;
}

.ups-box-middle {
    margin: 20px 0px;
}

.ups-box-bottom p {
    color: #666;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 7.5px;
    font-style: italic;
    font-weight: 400;
    line-height: 19.8px; /* 264% */
    text-transform: capitalize;
    text-align: left;
}

.option-subscription-ups {
    display: flex;
    margin-top: 20px;
    gap: 15px;
    justify-content: inherit;
    margin-bottom: 20px;
}
.option-subscription-ups img {
    margin: 0 auto 15px;
    object-fit: scale-down;
    width: 27px;
    max-height: 27px;
}
.option-subscription-ups > div {
    flex-grow: 1;
}
.option-subscription-ups span {
    color: #333;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 9.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px; /* 136.842% */
    display: block;
    margin-top: 3px;
}

.option-subscription-ups-text {
    border-radius: 10px;
    background: #F5F5F5;
    color: #3E3E3E;
    text-align: center;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 9px 10px;
    margin-top: 13px;
    font-style: italic;
}


.after-add-to-cart-text {
    color: #000c;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.11px;
    text-transform: capitalize;
    margin: 10px 0;
}
.availables-stores h3 {
    color: #333;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.availables-stores img {
    max-width: 37px;
}

.availables-stores .store-status {
    color: #05A300;
    text-align: right;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.onefit-in-store {
    margin-top: 20px;
    min-height: 0;
}
.onefit-in-store h2 {
    color: #333;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-transform: capitalize;
}


/* slide up table */
.slide-up-comparison-data.slide-up-comparison-onefit {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 9.1px 0 rgba(0, 0, 0, 0.10);
}
.slide-up-table-head {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.slide-up-table-head > div {
    flex: 1 1 calc(33.33%);
}

.slide-up-table-head > div img {
    max-width: 95px;
    margin: 0 auto;
}
.slide-up-table-body {}

.slide-up-table-body {
    display: flex;
}

.slide-up-table-body > di {}

.slide-up-table-body .text {
    height: 41px;
    margin-bottom: 4px;
}

.slide-up-comparison-data {
    padding: 15px;
}

.slide-up-comparison-description {
    padding: 15px;
}

.slide-up-table-body > div {
    flex: 1 1 calc(33.33%);
}

.slide-up-comparison-data h3 {
    color: #3F3F3F;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
    text-transform: capitalize;
    text-align: center;
}

.slide-up-comparison-data h3+p {
    color: #676767;
    text-align: center;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.088px;
    text-transform: capitalize;
    display: block;
}
.slide-up-table-body .item span {
    text-align: center;
    color: #3F3F3F;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height:normal;
    letter-spacing: -0.099px;
    text-transform: capitalize;
}
.slide-up-table-body .item img {
    width: 20px;
    min-width: 20px;
}
.slide-up-table-body .item {
    display: flex;
    gap: 5px;
    justify-content: center;
    height: 48px;
    align-items: center;
}
.slide-up-comparison-onefit .item.is-visible {
    width: 55px;
    justify-content: start;
    margin: 0 auto;
}
div#onefit-comparison .slide-up-inner .slide-up-body {
    height: 100%;
    margin-bottom: 30px;
    overflow: unset;
}
div#onefit-comparison .slide-up-inner .slide-up-body {
    height: 100%;
    margin-bottom: 30px;
    overflow: unset;
}

.slide-up-comparison-description .item span {
    color: #3F3F3F;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 16.5px */
    letter-spacing: -0.121px;
    text-transform: capitalize;
}

.slide-up-comparison-description .item:not(.item-plain) {
    justify-content: left;
    padding-left: 10px;
}

.slide-up-comparison-onefit .item:not(.item-plain){
    position:relative;
}
.item.item-center.is-visible {
    justify-content: center;
}
/* .item.item-center-img.is-visible {
    justify-content: center;
} */
.slide-up-logo.slide-up-logo-other img {
    max-height: 95px;
    width: auto;
}

.expection-nav {
    display: flex;
    gap: 40px;
    margin: 30px 0px;
}

.expection-nav > div {
    border-top: 1px solid #2E2E2E;
    width: 152px;
    padding-top: 5px;
}
.of-expectation h3 {
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.176px;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 5px;
}
.of-expectation p {
    color: #000;
    font-family: "Tomato Grotesk Light", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.11px;
    text-transform: capitalize;
}

.section-onefit-padding mux-player {
    border-radius: 10px;
    overflow: hidden;
}
section.section-onefit-padding.section-onefit-bg-grey.section-onefit-taste mux-player {
    aspect-ratio: 16 / 9;
}
body .gift-reviews__quote {
    font-family: 'Tomato Grotesk Regular', sans-serif;
    font-weight: 400;
}
body .gift-reviews__author {
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    font-weight: 600;
}
    body .gift-reason-before-after > div{
        cursor:pointer;
    }
  body .gift-reason-before-after > div.active img {
        border: 3px solid white;
        border-radius: 50%;
        width: 66px;
        min-width: 66px;
        max-width: 66px;
        cursor: pointer;
        border-radius: 66px;
        border: 3px solid #FFF;
        box-shadow: 0 0 14.9px 0 rgba(5, 5, 5, 0.40);
    
    }
    body .gift-reason-before-after.d-flex {
    align-items: center;
}



.option-quote {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    opacity: 0.9;
    background: #FFF;
    box-shadow: 0 0 7.1px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 10px 18px;
    color: #333;
}

.option-quote img {
    width: 77px;
}

.option-quote p {
    font-size: 13px;
    line-height: normal;
    margin-top: 6px;
}
.option-quote p strong{
    font-weight:600;
    font-family:"Tomato Grotesk SemiBold", sans-serif;
    color: #333;
}
/* Desktop */
@media screen and (min-width:1040px){

    .option-heading .option-pricing {
    padding-top: 5px;
}
    div#product-options {
    margin-top: 20px;
}

    /* .expection-nav>div.active,
    .expection-nav>div,
    .of-expectation {
        opacity: .6!important;
        transition: all .6s;
        cursor:pointer;
    }
    .expection-nav>div.active-index,
    .of-expectation:hover {
        opacity: 1!important;
        transition: all .6s;
    } */

    .expection-nav>div{
        opacity: .6!important;
        transition: all .6s;
        cursor:pointer;
    }
    .expection-nav>div.active-index {
        opacity: 1!important;
        transition: all .6s;
    }


    .onefit-pay-wrapper {
        margin-top: 40px;
    }
  
    .of-expectation {
        transition: all .3s ease
    }
        .of-expectation:hover {
        transform: translateY(-5px);
        cursor:pointer;
    }
    .of-expectation:hover img {
    box-shadow: 0 8px 20px #0000001a;
}
    .swiper.swiper-expectation,
    .swiper.swiper-expectation .swiper-wrapper {
    overflow: visible;
}



    .ups-box-top small {
        font-size: 9px;
        width: auto;
        display: inline-flex;
        padding: 0px 10px;
        height: auto;
    }
    .ups-items p {
        font-size: 12px;
        line-height: normal;
    }
    .ups-box-bottom p {
        font-size: 12px;
    }
    .option-subscription-ups img {
        margin: 0 auto 10px;
        width: 27px;
    }
   .option-subscription-ups span {
    font-size: 12px;
    line-height: 14px;
}
    .how-to-use h3 {
        font-size: 13px;
    }

    .of-expectation h3 {
        font-size: 18px;
    }
    .of-expectation p {
        font-size: 14px;
        line-height: normal;
    }

    .fon-accordion h3{
        font-size:16px;
    }
    .fon-accordion .content p {
        font-size: 14px;
        line-height: normal;
    }
}


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


    .ups-box-middle {
        margin: 15px 0 17px;
    }
    .of-expectation {
        opacity: .3;
        transition: all .7s;
    }
    .swiper-slide-active .of-expectation {
        opacity: 1;
        transition: all .7s;
    }

    .onefit-pay-container .onefit-pay .left {
        gap: 10px;
    }


    /* section-onefit-video-accordion  */
    div#onefit-video-accordion {
        flex-direction: column;
        gap: 20px;
    }
    /* end - section-onefit-video-accordion  */


   .fon-title {
    font-size: 5.1vw;
}
   .fon-desc-ups-container {
    display: flex;
    flex-direction: column;
}
    .option-subscription-ups {
        display: flex;
        gap: 15px;
    }
    .how-to-use {
        gap: 13px;
    }

    .section-onefit-padding h2 {
        font-size: 22px;
        line-height:normal;
    }

    .section-onefit-padding h2 li {}

    .section-onefit-padding ol li {
        font-size: 12px;
    }

    .section-onefit-padding ol {
        margin-bottom: 20px;
        padding-left: 13px;
    }


    .slide-up-comparison-data, .slide-up-comparison-description {
        padding: 10px 0px;
    }
    .slide-up-comparison-description .item span {
        font-size: 10px;
    }
    .slide-up-comparison-description .item:not(.item-plain) {
        justify-content: left;
        padding-left: 0;
    }
    .slide-up-table-head>div img {
        max-width: 50px;
        margin: 0 auto;
    }
    .slide-up-logo.slide-up-logo-other img {
        max-height: 45px;
        width: auto;
    }
    .slide-up-table.slide-up-table-comparison {
        margin-top: 20px;
    }
    .slide-up-table-body .item img {
        width: 11px;
        min-width: 11px;
    }
   .slide-up-table-body .item span {
        font-size: 9px;
    }
   .slide-up-table-body .slide-up-comparison-description .item span {
        font-weight: 600;
        font-family: 'Tomato Grotesk SemiBold', sans-serif;
        text-align:left;
    }
    .slide-up-comparison-data h3+p {
    font-size: 9px;
    line-height: 9px;
}

    section.section-onefit-padding h2+p {
        font-family: "Tomato Grotesk Medium", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.132px;
        text-transform: capitalize;
        margin-top:5px;
    }
    .expection-nav div {
        opacity: .3;
    }
    .expection-nav div.active {
        opacity: 1;
    }
    .expection-nav {
        gap: 20px;
    }

 .section-onefit-transparency div.onefit-transparency .content h3 {
    font-size: 12px;
    text-align: left;
    padding: 0 5px;
    line-height: normal;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
}
    section.section-dc.section-home-instagram .container {
        padding: 0;
    }
    p.gift-reviews__subheading {
        display: none;
    }
    h2.gift-reviews__heading {
        text-align: left!important;
        padding: 0;
    }
    .gift-reviews__inner {
        align-items: start!important;
    }
    h2.gift-reviews__heading {
        padding: 0 15px;
    }
    .gift-reviews__stars-header {
        padding: 0 15px;
        margin-bottom: 30px!important;
    }

    .section-onefit-padding {
        padding: 60px 0;
    }

    .section-onefit-inside div#onefit-inside > div {
        padding: 0;
    }
    section.section-onefit-padding.section-onefit-bg-grey.section-onefit-transparency .fon-button {
        width: 100%;
    }

    .onefit-how-to-use {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    body .gift-reason-before-after.d-flex {
        margin-bottom: 20px;
        z-index: 1;
        position: relative;
        margin-top: 0;
        align-items: center;
    }
  

  .section-onefit-inside div#onefit-inside .of-inside-item {
    display: flex;
    gap: 15px;
    margin-bottom: 11px;
    align-items: center;
}

    .onefit-pay-container .right span{
        font-size:14px;
    }
    

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

.slide-up-comparison-data h3 {
    font-size: 14px;
}
.slide-up-table-body .item span {
    font-size: 10px;
}

    .ups-box-bottom p {
    font-size: 2.17vw;
    line-height: normal;
}

    .section-onefit-transparency div.onefit-transparency {
    gap: 8px;
}

    .slide-up-comparison-onefit .item.is-visible {
    width: 30px;
}

    .ups-box-top h2 {
    line-height: normal;
}

    .fon-button {
        min-width: 100%;
    }
    .after-add-to-cart-text {
        font-size: 10px;
    }
    .option-subscription-ups img {
        margin: 0 auto 10px;
        object-fit: scale-down;
        width: 22px;
        max-height: 22px;
    }
    .option-subscription-ups span {
        color: #333;
        text-align: center;
        font-family: "Tomato Grotesk Medium", sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 7px;
        display: block;
        margin-top: 4px;
    }
    .option-subscription-ups span span {
    display: inline!important;
}

.option-subscription-ups span {
    font-size: 10px;
    line-height: 12px;
}
   .option-subscription-ups-text {
    font-size: 12px;
    line-height: normal;
}

    .ups-items {
        gap: 10px;
    }
    .ups-items .item:before {
        right: -7px;
    }
   .ups-items p {
    padding: 0 2px;
    font-size: 10px;
    line-height: 13px;
}



.ups-box-top h2 {
    font-size: 3.1vw;
}
.ups-box-top small {
    font-size: 10px;
    width: auto;
    display: inline-flex;
    padding: 3px 13px 2px;
    line-height: normal;
    height: auto;
}
.fon-ups-box {
    padding: 18px 10px 10px;
}

}

@media screen and (max-width:375px){
    .slide-up-table-body .item span {
        font-size: 9px;
    }

    .onefit-how-to-use h2,
    .onefit-in-store h2 {
        font-size: 22px;
    }
    
    
}

/* ==================== onefit-all-b-shorter.css ==================== */


.flavour-swatch-new .title {
    padding: 0 8px;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 28px;
}
  .fon-packaging[data-packaging="sachets"]{
    position:relative;
}

.fon-packaging[data-packaging="sachets"]:after {
    position: absolute;
    top: -12px;
    border-radius: 20px;
    background: #0051ff;
    box-shadow: 0 2px 6px -2px rgba(164, 0, 17, 0.25);
    right: 15px;
    color: #FFF;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.09px;
    text-transform: uppercase;
    width: auto;
    height: 14px;
    display: flex;
    display: flex;
    min-width: auto;
    height: 21px;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    content:'Most Popular';
    z-index: 1;
    line-height:normal;
}
.fon-flavour[data-variant-title="Chocolate Milkshake"]{
  position:relative;
}




.fon-flavour[data-variant-title="Chocolate Milkshake"]:after {
    position: absolute;
    top: -12px;
    border-radius: 20px;
    background: #0051ff;
    box-shadow: 0 2px 6px -2px rgba(164, 0, 17, 0.25);
    right: 15px;
    color: #FFF;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.09px;
    text-transform: uppercase;
    width: auto;
    height: 14px;
    display: flex;
    display: flex;
    min-width: auto;
    height: 21px;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    content:'Most Loved';
    z-index: 1;
    line-height:normal;
}

#product-options .fon-selector-heading {
    margin-bottom: 20px;
}

.flavour-swatch-new .title {
    margin-bottom: 5px;
}
.fon-flavour.active {
    border: none;
    position:relative;
    border-radius: 10px;
}

.fon-flavour.active:before{
    border-radius: 10px;
    border: 2px solid #0051ff;
    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
    position:absolute;
    inset:0;
    content:'';
}
.fon-flavour.active img.flavour-image {
    width: 100%;
    border-top-left-radius: 4px;
}

[data-dynamic-value]{
  opacity:0;
  transition:opacity .9s;
}
[data-dynamic-value].value-updated{
  opacity:1;
  transition:opacity .9s;
}
  span.ups-ico {
    font-size: 23px;
    line-height: normal;
}
.after-add-to-cart-text p {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.after-add-to-cart-text p span {
    display: block;
    line-height: normal;
}

.after-add-to-cart-text p img {
    position: relative;
    top: -1px;
}
.option-description {
    margin-top: 10px;
    padding-left: 0;
}
.option-description p {
    align-items: center;
    margin-bottom:5px;
    text-transform:capitalize;
}
.option-popup .expand {
    color: #3E3E3E;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.6px; /* 196.364% */
    letter-spacing: -0.4px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
}
.option-popup .expand {
    font-size: 12px;
    position:relative;
    display: flex;
    align-items: center;
    gap: 5px;
    position:relative;
    cursor:pointer;
}
.option-popup .expand:after {
    display: block;
    content: '';
    width: 10px;
    height: 5px;
    background-image: url(/cdn/shop/files/for_me_read_more.svg?v=1769746146);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s;
}
.option-popup .expand.active:after {
    transform: rotate(180deg);
    transition: all .5s;
}
.expand-content p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    color:#3E3E3E;
}
.expand-content {
    margin-top: 10px;
    display:none;
}

.expand-content p:last-child {
    margin-bottom: 0;
}
.option-popup {
    border-top: 1px solid #DEDEDE;
    padding-top: 10px;
    margin-top: 10px;
}


.fon-ups-box {
    border-radius: 10px;
    background: rgba(251, 249, 255, 0.77);
    box-shadow: 0 0 9.4px 0 rgba(0, 0, 0, 0.15);
}
div#fon-onetime-option .option-heading {
    border: none;
    padding: 0;
}
.option-heading {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}
.option-title {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-direction: column;
}
{% comment %} .option-ticker{
  display:none;
} {% endcomment %}
.fon-subscription-option.active .option-ticker{
  display:flex;
}
.option-ticker-wrapper {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: start;
}
div#fon-onetime-option .option-title {
    gap: 0;
}
div#fon-onetime-option .option-heading {
    align-items: center;
}




.flavour-swatch-title-container {
    flex-direction: column;
    align-items: start;
    width: 100%;
    justify-content: start;
    align-content: stretch;
}
.flavour-swatch-new .title {
    padding: 0 8px;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 28px;
}
img.flavour-image {
    width: 100%;
}

.flavour-swatch-new {
    width: 100%;
}
img.flavour-image {
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flavour-options>div,.flavour-options>div.active {
    height: 100%;
    padding: 0px;
    border-radius: 10px;
}
.flavour-swatch-new-status .checked {
    visibility: hidden;
    display:none;
}
.flavour-options>div,.flavour-options>div.active .flavour-swatch-new-status .checked {
    visibility: visible;
}
.flavour-swatch-new-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 2px;
    margin-top: -6px;
    padding: 0 8px 5px;
}

.flavour-swatch-new-status img {
    margin-left: auto;
    display: block;
}


.flavour-swatch-new-status img {
    max-width: 18px;
}

.flavour-swatch-new-status > span.variant-availability {
    font-size: 14px;
    line-height: 14px;
    display:none;
}

.flavour-swatch-title-container {
    gap: 0px;
}
.flavour-options>div {
    flex: 1 1 calc(33.33% - 8px);
    max-width: calc(33.33% - 8px);
}

.flavour-options {
    display: flex;
    /* row gap fits the Most Loved/Most Popular badges (protrude 12px above cards) */
    gap: 18px 12px;
}
.bundle-best-value {
    padding-left: 0px;
    border: 1px solid #1d1d21;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative!important;
    left: 0;
    top: 0;
    margin-top:20px;
}

.bundle-best-value .image {
    padding-left: 10px;
}

.bundle-best-value .text p {
    font-size: 11px;
    line-height: 13px;
    color:#1d1d21;
}

.bundle-best-value .savings p:last-child {
    font-size: 8px;
    font-weight: 400;
}
.bundle-best-value .savings {
    padding: 5px 11px;
    border-radius: 0;
}

.bundle-best-value .savings p:first-child {
    font-weight: bold;
    font-size: 16px;
}

.bundle-best-value .text {
    color: #1d1d21;
    padding: 10px 0px;
}
.bundle-best-value .savings {
    padding: 13px 11px;
    border-radius: 0;
}
.bundle-best-value .text p {
    font-size: 13px;
    line-height: 15px;
    color: #1d1d21;
}
.bundle-best-value .image {
    padding-left: 10px;
    font-size: 24px;
}
div#paying-options>div {
    position: relative;
}
div#paying-options>div .option-badge {
    position: absolute;
    top: -14px;
    border-radius: 20px;
    background: #0051ff;
    box-shadow: 0 2px 6px -2px rgba(164, 0, 17, 0.25);
    right: 15px;
    color: #FFF;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.09px;
    text-transform: uppercase;
    width: 182px;
    height: 14px;
    display: flex;
    display: flex;
    height: 25px;
    padding: 4px 7px;
    justify-content: center;
    align-items: center;
}

.option-title label {
    font-size: 18px;
    font-family: 'Tomato Grotesk Medium', sans-serif;
    font-weight: 500;
    line-height: normal;
}
div#paying-options>div label span {
    
    font-weight: 600;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
}
div#paying-options>div.active label span {
    color: #16A34A;
}
p.option-sub {
    color: #3E3E3E;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.9px;
    letter-spacing: -0.4px;
    display: flex;
    gap: 5px;
    align-items: center;
}
p.option-sub .option-sub-before-price {
    color: #BEBEBE;
    font-weight: 500;
    line-height: 18.9px;
    letter-spacing: -0.4px;
    text-decoration: line-through;
}
.option-label-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
}

div#paying-options>div p.option-sub-badge {
    border-radius: 100px;
    border: 1px solid #9AD6AF;
    background: rgba(245, 245, 245, 0.50);
    box-shadow: 0 0 8px 0 rgba(154, 154, 154, 0.30);
    color: #9AD6AF;
    text-align: center;
    font-family: "Tomato Grotesk Bold", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.2px;
    letter-spacing: -0.42px;
    margin-top: 5px;
    flex-basis: auto;
    padding: 0 12px;
}
div#paying-options>div p.option-sub-badge strong{
    color: #9AD6AF;
  font-family: "Tomato Grotesk Bold", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.9px; /* 157.5% */
  letter-spacing: -0.4px;
}

div#paying-options>div.active p.option-sub-badge strong{
  color: #16A34A;
}
div#paying-options>div.active p.option-sub-badge {
    border-radius: 100px;
    border: 1px solid #16A34A;
    background: rgba(245, 245, 245, 0.50);
    box-shadow: 0 0 8px 0 rgba(154, 154, 154, 0.30);
    color: #16A34A;
}


.option-pricing > div {
    color: #3E3E3E;
    text-align: right;
    font-family: "Tomato Grotesk Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: -0.4px;
}
div#paying-options>div.active .option-pricing > div {
  color: #0051ff;
}
.option-heading .option-pricing {
    display: flex;
    gap: 10px;
    {% comment %} padding-top: 4px; {% endcomment %}
}
.option-ticker {
    width: 27px;
    height: 27px;
}
div#paying-options>div.active .option-ticker {
    border-radius: 1000px;
    border: 1px solid #0051ff;
    box-shadow: 0 -1px 4px #0051ff66;
    position: relative;
}
div#paying-options>div.active .option-ticker span {
    display: block;
    width: 17px;
    height: 17px;
    background: #0051ff;
    border-radius: 50%;
}
div#paying-options>div.active {
    border-radius: 9px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    transition: border-color .9s;
}

div#paying-options>div{
  border:none;
}
div#paying-options>div:before {
    position:relative;
    border: 2px solid transparent;
    transition: all .9s;
}
div#paying-options>div.active:before {
    border-radius: 10px;
    border: 2px solid #0051ff;
    position:absolute;
    inset:0;
    content:'';
    transition: all .9s;
}

.scrolled-add-to-cart section.section-onefit-all-sticky {
    display: block;
    top: 0%;
    display: none;
}

body div#paying-options>div.active label span {
    color: inherit;
}

h1.fon-title .title-price {
    text-decoration: none;
}

.onefit-pay-total-container {
    color: #3E3E3E;
}
@media screen and (max-width:768px){
    body .section-media-faq .fon-media-faq h2 {
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 22px;
    font-weight: 500;
    }


  .option-heading {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 15px;
}


div#paying-options>div .option-badge, div#paying-options>div .option-badge, .fon-packaging[data-packaging="sachets"]:after, .fon-flavour[data-variant-title="Chocolate Milkshake"]:after {
    font-size: 9px;
    width: auto;
    padding: 3px 10px;
    height: auto;
    right: 7px;
    top: -11px;
    line-height: normal;
}

div#paying-options>div .option-badge {
    font-size: 11px;
    width: auto;
    padding: 4px 22px;
    height: auto;
    top: -11px;
}


.option-title label {
    font-size: 14px;
}
div#paying-options>div .option-ticker {
    flex-basis: 20px;
    min-width: 20px;
    height: 20px;
}
p.option-sub {
    font-size: 14px;
}



.option-pricing > div {
    font-size: 14px;
    position: relative;
    {% comment %} padding-top: 3px; {% endcomment %}
}
.option-label-wrapper {
    gap: 3px;
}
div#paying-options>div.active .option-ticker span {
    width: 12px;
    height: 12px;
}


.flavour-swatch-new .title {
    padding: 0 8px;
    text-align: center;
    display: block;
    font-size: 2.3vw;
    line-height: 20px;
    padding-top: 0px;
    margin-bottom: 1px;
}
  .flavour-swatch-new-status > span.variant-availability{
  font-size:11px;

  }
    .flavour-swatch-new-status img {
      max-width: 14px;
  }
  .bundle-best-value .text p {
      font-size: 11px;
      line-height: 12px;
  }
  .bundle-best-value .savings p:first-child {
      font-weight: bold;
      font-size: 13px;
  }
  .bundle-best-value .savings p:last-child {
      font-size: 7px;
      font-weight: 400;
  }
      ul.collection-filter {
      overflow: auto;
  }

  .bundle-best-value {
      margin-top: 15px;
  }
      .collection-bundles-items .collection-bundle-item {
      border-radius: 10px;
  }

}
.fon-selector-active {
    display: flex;
    gap: 14px;
    margin-bottom:15px;
}

.fon-selector-active > div {
    flex: 1 1 calc(50% - 14px);
    border-radius: 10px;
    border: 1px solid rgba(63, 63, 63, 0.10);
    background: #FAFAFA;
    padding: 10px;
}


.flavour-swatch-new img {
    display: none;
}
.fon-flavour[data-variant-title="Chocolate Milkshake"]:after{
    display:none;
}
.flavour-options>div {
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 8px);
    height:auto!important;
}

.flavour-options>div, 
.flavour-options>div.active {
    height: 100%;
    padding: 10px!important;
}

.flavour-options>div.active{
    height:auto;
    display:none;
}
.flavour-swatch-title-container {
    gap: 0px;
}
.flavour-swatch-new-status {
    display: none;
}
.flavour-swatch-new .title {
    text-align: start;
}
[data-plant-based] .flavour-swatch-new .title {
    justify-content: start;
}
[data-plant-based] .flavour-swatch-new .title:before {
    display: none;
}
.flavour-swatch-new {
    display: flex;
    align-items: center;
    gap: 10px;
}
.flavour-swatch-new .title {
    text-align: start;
    line-height: normal;
    padding: 0;
    margin: 0;
}

span.swatch-circle {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
}


span.swatch.swatch-OF-CH-BOX-700-V4-6 {
    background: #90635D;
}
span.swatch.swatch-OF-TC-BOX-700-V4-6 {
    background: #FDCD1A;
}
span.swatch.swatch-OF-VI-BOX-700-V4-6{
    background: #E1CCB3;
}
span.swatch.swatch-OF-FV-BOX-700-V4-6{
    background: #E5D2B9;
}
span.swatch.swatch-OF-CO-BOX-700-V4-6{
    background: #7D3931;
}

.option-title label {
    font-size: 23px;
}
.option-ticker {
    margin-top: 4px;
}
div#paying-options > div {
    padding: 30px 20px;
}

div#paying-options>div .option-badge {
    width: 100px;
    background: #00B443;
    box-shadow: 0 2px 6px -2px rgba(164, 0, 17, 0.25);
}

.option-pricing > div {
    font-size: 26px;
    color: #0051ff;
    text-align: right;
    text-shadow: 0 0 6.2px rgba(0, 81, 255, 0.40);
    font-family: "Tomato Grotesk ExtraBold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 21.6px;
    letter-spacing: -0.4px;
}
.option-pricing > div span {
    font-size: 75%;
}

.option-description p {
    display: flex;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Tomato Grotesk Regular', sans-serif;
    gap: 12px;
    margin-bottom: 8px;
    color: #000;
    line-height: normal;
}

.option-welcome-kit-outer {
    background: linear-gradient(var(--ab-angle, 0deg), rgba(0, 0, 0, .06), rgba(0, 0, 0, .06), rgba(220, 220, 220, .2), rgba(255, 255, 255, 1), rgba(180, 180, 180, .6), rgba(0, 0, 0, .06), rgba(0, 0, 0, .06));
    animation: ab-spin-border 2.8s linear infinite;
    box-shadow: 0 2px 8px #0000000f;
    border-radius: 10px;
    padding:2px;
    margin-bottom: 10px;
    position:relative;
    z-index:1;
}
.option-welcome-kit {
    border-radius: 10px;
    border: 1px solid var(--silver, #F5F7FA);
    background: white;
    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
    display: flex;
    align-items: center;
    gap:15px;
    padding-right: 20px;
    position: relative;
    border-radius: 10px;
    padding: 2px 10px 2px 1px;
    border-radius: 10px;
    border: 1px solid var(--silver, #F5F7FA);
    background: var(--purple-linear, linear-gradient(0deg, rgba(250, 249, 253, 0.30) 33.17%, rgba(250, 249, 253, 0.80) 66.83%, #EEECF3 100%));
    box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
    background: #ffffff;
}
.option-welcome-kit:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: absolute;
    z-index: 0;
    border-radius: 10px;
/* border: 1px solid var(--silver, #F5F7FA); */
background: var(--purple-linear, linear-gradient(0deg, rgba(250, 249, 253, 0.30) 33.17%, rgba(250, 249, 253, 0.80) 66.83%, #EEECF3 100%));
box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
}

.option-welcome-kit * {
    position: relative;
    z-index: 1111;
}

  @property --ab-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
  }

  @keyframes ab-spin-border {
    to { --ab-angle: 360deg; }
  }
.option-welcome-kit .welcome-kit-image {
    max-width: 35%;
}
.welcome-kit-image img {
    background: white;
    width: 100%;
    border-radius:10px;
}

.welcome-kit-image {
    padding: 10px;
    fill: #FFF;
    filter: drop-shadow(0 0 5.7px rgba(0, 0, 0, 0.14));
    border-radius: 25px;
}

.option-welcome-kit h3 {
    color: #333;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.option-welcome-kit h3+p {
    color: #333;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:5px;
}
.option-welcome-kit ul {
    margin: 2px 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.option-welcome-kit li p{
    color: #3E3E3E;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: -0.15px;
    text-transform: capitalize;
        display: flex;
    justify-content: space-between;
    line-height: normal;
}
.option-welcome-kit .welcome-kit-text {
    flex-grow: 1;
        display: flex;
    flex-direction: column;
    gap: 4px;
}

.option-welcome-kit ul li p {
    display: flex;
}
@keyframes shimmer {
  0%   { background-position: -300% center; }
  100% { background-position:  300% center; }
}

.option-welcome-kit li p span.anim-free {
  background: linear-gradient(
    80deg,
    #333  0%,
    #dadfe2ff 18%,
    #dfd8d8ff  28%,
    #D0D5D8 36%,
    #9AA0A4 50%,
    #D0D5D8 64%,
    #dfd8d8ff  72%,
    #dadfe2ff 82%,
    #333 100%
  );
  background-size: 300% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  font-weight: 700;
  font-family: 'Tomato Grotesk Bold', sans-serif;
}

span.flavour-detail {
    border-radius: 100px;
    background: #1B6BFF;
    box-shadow: 0 0 39.5px 0 rgba(88, 92, 95, 0.25);
    color: white;
    padding: 5px 17px;
    margin-left: 10px;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
    font-size: 12px;
}
.fon-selector-active {
    gap: 12px;
}
.fon-selector-active > div.selector-selected {
    border: 2px solid #0051ff;
    border-radius: 10px;
    background:white;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.fon-selector-active  .selector-swatch {
    width: 20px;
    height: 20px;
    background: #90635d;
    border-radius: 50%;
}
.selector-text {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    color: #3E3E3E;
    line-height: normal;
}
.flavour-swatch-new .title {
    padding: 0 8px;
    text-align: center;
    display: block;
    /* full match with the selected-flavour .selector-text */
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    font-family: 'Tomato Grotesk SemiBold', sans-serif;
    color: #3E3E3E;
    padding: 0;
}
.flavour-swatch-new {
    display: flex;
    align-items: center;
    gap: 10px;
}

.selector-button {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size:14px;
    cursor:pointer;
    background:#FAFAFA;
}

.flavour-options-wrapper{
    display:none;
}

.fon-packaging[data-packaging="sachets"]:after,
.fon-quantity-picker-recommended:not(.active):after, 
div#paying-options .fon-subscription-option:not(.active) .option-badge, 
.fon-flavour[data-variant-title="Chocolate Milkshake"]:not(.active):after, 
.fon-packaging[data-packaging="sachets"]:not(.active):after, 
.onelife-user:not(.active):after {
    background: #00B443!important;
    transition: none;
}

/* ── FAQ Accordion ───────────────────────── */

.product-info-list {
  border-bottom: 1px solid #e8e8e8;
}

.product-info-list:first-child {
  border-top: 1px solid #e8e8e8;
}

/* Header row */
.product-info-faq {
    margin-top: 30px;
}
.product-info-list h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
font-family: "Tomato Grotesk SemiBold", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 185.714% */
text-transform: capitalize;
}
.product-info-list.active h3 {
  color: #0051ff;
}

/* Chevron icon */
.product-info-list h3 img {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-info-list.active h3 img {
  transform: rotate(180deg);
}

/* Collapsible body — grid trick for smooth height */
.product-info-list .text {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-info-list.active .text {
  grid-template-rows: 1fr;
}

/* Inner wrapper — required for grid trick */
.product-info-list .text > *:first-child {
  overflow: hidden;
}

/* Content fade + slide */
.product-info-list .text p {
  padding: 0 0 20px;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.65;
  opacity: 0;
  transform: translateY(-6px);
  transition:
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.04s,
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.04s;
    color: #434655;
font-family: "Tomato Grotesk Regular", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
}

.product-info-list.active .text p {
  opacity: 1;
  transform: translateY(0);
}

.product-info-list .text p + p {
  padding-top: 0;
  margin-top: -8px;
}
.product-info-list.active img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(3232%) hue-rotate(198deg) brightness(97%) contrast(99%);
}

body div#paying-options>div.active label span {
    color: #3E3E3E;
}
@media screen and (max-width:566px){

    body div#paying-options>div .option-badge {
    font-size: 11px;
    width: auto;
    padding: 4px 22px;
    height: auto;
    top: -10px;
}
    body section.section-onefit-main-info {
        padding-top: 0;
    }
    span.flavour-detail {
        font-size: 10px;
        padding: 6px 9px;
        position: relative;
        top: -2px;
    }
    span.swatch-circle,
    .fon-selector-active  .selector-swatch {
        width: 15px;
        height: 15px;
    }
    .selector-text {
        font-size: 11px;
    }
    .flavour-swatch-new .title,
    .selector-button {
        font-size: 11px;
    }
    .selector-button img {
        max-width: 15px;
    }
    .flavour-options>div, .flavour-options>div.active {
        height: 100%;
        padding: 10px!important;
    }
div#paying-options>div .option-badge {
    font-size: 9px;
    width: auto;
    padding: 4px 22px;
    height: auto;
    top: -10px;
}
    div#paying-options > div {
        padding: 20px 15px;
    }
    .option-description p {
        font-size: 14px;
    }
    .option-image.open {
        padding-bottom: 20px;
    }
    .option-popup {
        padding-top: 15px;
    }
    .option-title label {
        font-size: 19px;
    }

    .option-welcome-kit h3 {
        font-size: 12px;
    }
    .option-welcome-kit h3+p {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .option-welcome-kit ul li p {
        display: flex;
        font-size: 10px;
    }
    .option-welcome-kit {
        gap: 5px;
    }
    .option-welcome-kit .welcome-kit-image {
        max-width: 35%;
        padding: 5px;
    }
    .option-welcome-kit ul {
        gap: 0px;
    }
    .option-welcome-kit .welcome-kit-text {
        gap: 0px;
    }
    section#fon-reviews {
        padding-top: 30px;
    }
    .below-footer-container.below-footer-container-product {
        background: #f9f8f7 !important;
        padding-top: 0;
    }
    .onefit-solo-packaging-options .packaging-swatch {
        gap: 10px;
        height: 85px;
    }
    p.option-sub{
        font-size:14px;
    }
    div#paying-options>div.active p.option-sub{
        font-size:12px;
    }
    .section-onefit-padding h2 {
        font-size: 22px;
        line-height: normal;
        text-align: left;
    }
    div#fon-onetime-option p.option-sub {
        font-size: 12px;
        line-height: normal;
    }
    div#paying-options> div#fon-onetime-option.active p.option-sub {
        font-size: 11px;
    }
    .flavour-options {
        display: flex;
        gap: 16px 5px;
    }
    .fon-selector-active {
    gap: 12px;
    margin-bottom: 5px;
}
    .flavour-options > div{
        flex: 1 1 calc(50% - 20px)!important;
        max-width: calc(50% - 0px);
    }
}
/* Hide the Most Loved/Most Popular badge while the flavour list is sliding
   open/closed — jQuery slide animations set inline overflow:hidden for their
   duration, and the badge (top:-12px) otherwise overlaps the heading above. */
.flavour-options-wrapper[style*="overflow: hidden"] .fon-flavour:after {
    display: none !important;
}

/* ==================== fon-combined-pdp-vendor.css ==================== */
/* fon-combined-pdp.css — BUILT, do not hand-edit.

   The eight stylesheets the OneFit-family PDPs loaded as separate render-blocking
   requests, concatenated in their EXACT previous document order (cascade-identical).
   Sources stay in assets/ as the editable truth — rebuild after editing any of them:
       cd .critical-build && node build-combined.js

   Order matters: swiper-bundle.min -> magnific-popup.min -> fon-cart-drawer-v2 -> aos
*/
/* ==================== swiper-bundle.min.css ==================== */
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* ==================== magnific-popup.min.css ==================== */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/* ==================== fon-cart-drawer-v2.css ==================== */
.fon-subscribe-save-wrapperx {
    display: none!important;
}


/* hide onefit 30d convert, onelife 30d sub */
.fon-line-item-row.line-item-52524412829880 .fon-subscribe-save-wrapperx, 
.fon-line-item-row.line-item-52520491679928 .fon-subscribe-save-wrapperx {
    display: none;
}

.fon-cart-line-items h3.bundle-title .variant-titles {
    margin-top: 10px!important;
}
.fon-cart-line-items h3.bundle-title .variant-titles > span {
    display: block;
    line-height: normal;
    margin-bottom: 8px;
}
.fon-cart-line-items h3.bundle-title .variant-titles span {
    margin: 0!important;
}

/* BFCM */
.fon-line-item-row.line-item-52268149539000 .fon-quantity,
.fon-line-item-row.line-item-52268152422584 .fon-quantity {
    width: 24px;
}
/* Holiday Spcial */
.fon-line-item-row.line-item-52360140456120 .fon-quantity,
.fon-line-item-row.line-item-52360151236792 .fon-quantity {
    width: 24px;
}

body:has(.fon-line-item-free-bottle-row) .swiper-slide-marathon-bottle,
body:has(.fon-line-item-free-frother-row) .swiper-slide-frother,
body:has(.fon-line-item-row[data-sku="BTL-01"]) .swiper-slide-marathon-bottle,
body:has(.fon-line-item-row[data-sku="FRTHR-01"]) .swiper-slide-frother {
    display: none;
}

/* WS */
.fon-line-item-row[data-sku="FON-WS-WELCOME-KIT"] {
    display: none;
}
.fon-line-item-wrapper.fon-line-item-row.fon-line-item-free-ws-welcome-kit-row {
    display: none;
}

/* Bundle */
.fon-cart-line-items h3.bundle-title span {
    font-size: 11px;
    line-height: 14px;
    display: block;
    /* margin-top: -11px; */
    margin-bottom: 2px;
}


.delivery-container img {
    max-width: 19px;
}
.delivery-container {
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 10px;
    margin-bottom: 5px;
    background: #fafafa;
    display: flex;
    border-radius: 4px;
    font-size: 9px;
    padding: 3px 10px;
    justify-content: center;
    line-height: normal;
    width: max-content;
    gap: 8px;
    font-weight: 400!important;
    align-items: center;
    display:none;
}

/* Cart Drawer */
.fon-line-item-free-row p.packaging {
    background: #fafafa;
    display: flex;
    border-radius: 4px;
    font-size: 9px;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    line-height: normal;
    width: max-content;
    gap: 4px;
    font-weight: 400!important;
    align-items: center;
}

.fon-line-item-free-row p.packaging span {
    font-family: 'Tomato Grotesk Regular', sans-serif;
}
.fon-line-item-free-row p.packaging img {
    max-width: 9px;
}
/* 
.fon-line-item-free-row p.packaging:after {
    content: 'FREE';
    position: absolute;
    right: 20px;
    color: green;
    font-weight: 700;
} */

.fon-line-item-free-row .action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: end;
    gap: 0px;
    font-size: 10px;
}

.fon-line-item-free-row .action .free-saving {
    text-decoration: line-through;
}

.fon-line-item-free-row .action .free-badge {
    color: green;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
}

.fon-line-item-free-row {
    position: relative;
}


[data-sku="BTL-01"] .fon-subscribe-save-wrapper, 
[data-sku="BTL-01"] .packaging, 
[data-sku="BTL-01"] .payment, 
[data-sku="BTL-01"] .subscribe-save{
    display: none!important;
}
ul.fon-item-properties li {
    font-size: 10px;
    line-height: 18px;
}

.bundle-included {
    margin: 5px 0px;
}
.fbt-clear .fon-clear-cart {
    font-size: 12px;
    position: relative;
    text-decoration: underline;
    top: 1px;
    cursor:pointer;
}
.fbt-clear {
    display: flex
;
    justify-content: space-between;
}
.bundle-included div {
    font-size: 10px;
}

.bundle-included p {
    font-size: 10px;
    font-weight:500!important;
    font-family:"Tomato Grotesk Medium", sans-serif!important;
}
.bundle-included p span{
    font-weight:400!important;
    font-family:"Tomato Grotesk Regular", sans-serif!important;
    font-size:8px!important;
}

/* .fon-line-item-bundle-row .fon-quantity {
    width: 25px;
} */
.lineitem-bundle-inclusions {
    margin-top: 2px;
    margin-bottom: 2px;
    display: inline;
    line-height: normal;
        color: #292923;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 13.5px;
    letter-spacing: -0.15px;
}
.lineitem-bundle-inclusions strong{
    font-weight:500;
    font-family:'Tomato Grotesk Medium', sans-serif
}
.lineitem-bundle-inclusions span.inclusion-item:after {
    content: ', ';
}

.lineitem-bundle-inclusions span.inclusion-item:last-child:after {
    display:none;
}


.fon-bottle-oos .fon-free-bottle{
    display:none;
}


.fon-line-item-row[data-variant-id="52887363551416"], /* OL FREE */
.fon-line-item-row[data-variant-id="53301741289656"], /* OL FREE */
.fon-line-item-row[data-variant-id="53301741289656"] {
    display: none;
}
.fon-cart-sub-total.fon-cart-sub-total-discount{
    display:none;
}
.fon-cart-drawer-empty .fon-cart-empty {
    text-align: left;
    font-size: 21px;
    padding: 0 8px;
    margin-top: 30px;
}
.fon-cart-empty h2 {
    color: rgba(0, 0, 0, 0.50);
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.15px;
    text-transform:capitalize;
    margin-bottom:38px;
}
.fon-cart-drawer-empty .fon-cart-empty a {
    padding: 5px 20px;
    display: inline-block;
    background: #333;
    color: #fff;
    border-radius: 5px;
    color: #FFFFFC;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    justify-content: center;
    align-content: center;
    width:100%;
}
.fon-cart-drawer-empty a.btn-fon-checkout {
    display: none;
}
.fon-cart-drawer-updating .fon-cart-line-items {
    opacity: .4;
}

.fon-cart-drawer-empty .fon-subscribe-save-footer {
    display: none;
}
.body-fon-cart-drawer.fon-cart-drawer-empty .fon-cart-drawer {
    justify-content: flex-start;
}

.fon-line-item.fon-line-item-free-bottle .text {
    margin-right: auto;
    flex-grow:0;
}




.header__icon-list button + .link-cart-drawer {
    display: none;
}
.body-fon-cart-drawer span.price-old {
    text-decoration: line-through;
    opacity: .4;
}
.body-fon-cart-drawer span.discount {
    color: green;
    display: inline;
    margin-top: 5px;
    font-size: 11px;
    margin-left: 2px;
}
.body-fon-cart-drawer {
    overflow: hidden!important;
    
}
.body-fon-cart-drawer:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    position: fixed;
    inset: 0;
    z-index: 999;
    -webkit-backdrop-filter: blur(4px);
    background: rgba(217, 217, 217, 0.20);
    backdrop-filter: blur(4px);
}
.link-cart-drawer{
  cursor:pointer;
  position:relative;
}
.link-cart-drawer span {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #B04524;
    font-size: 9px;
    color: white;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    right: -5px;
    display: flex;
    line-height: 100%;
    align-items: center;
    top: 5px;
}
.fon-cart-heading-row svg{
  cursor:pointer;
}
/* .fon-cart-drawer {
    position: fixed;
    width: 570px;
    background: red;
    height: 100%;
    top: 0;
    z-index: 100000;
    border-radius: 10px 0 0 10px;
    background: #fffffc;
    box-shadow: 0 4px 5.8px #0000001a;
}
.fon-cart-drawer {
    display: block;
    right: -800px;
    opacity: 0;
    transition: all  .8s;
}

.body-fon-cart-drawer .fon-cart-drawer {
    right: 0px;
    transition: all  .8s;
    opacity: 1;
} */
.fon-cart-drawer {
    position: fixed;
    top: 15px;
    bottom: 15px;
    right: -800px;
    width: 581px;
    z-index: 100000000;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 6px #0000001a;
    /* Column so the line-item list can claim whatever is left between the
       heading and the footer, instead of guessing with a viewport height. */
    display: flex;
    flex-direction: column;
    transform: translate(100%);
    opacity: 0;
    /* On close, keep it visible while it slides/fades out, then hide (visibility
       delayed) — otherwise visibility:hidden pops instantly and it looks like a flash. */
    transition: transform 1.6s cubic-bezier(.25,1,.5,1) .1s, opacity .5s ease .1s, visibility 0s linear .6s;
    will-change: transform,opacity;
    visibility: hidden;
}

/* Active (visible) state */
.body-fon-cart-drawer .fon-cart-drawer {
    right:35px;
    transform: translateX(0);
    opacity: 1;
    visibility:visible;
    /* On open, become visible immediately (no delay) so the slide-in shows. */
    transition: transform 1.6s cubic-bezier(.25,1,.5,1) .1s, opacity .5s ease .1s, visibility 0s;
}

/* Optional overlay */
.fon-cart-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease 0.1s;
    z-index: 99999;
}

.body-fon-cart-drawer .fon-cart-overlay {
    opacity: 1;
    pointer-events: auto;
}


.body-fon-cart-drawer .fon-cart-drawer {
    display: flex;
    flex-direction: column;
    overflow: hidden!important;
        justify-content: space-between;

}

.fon-cart-drawer-updating .fon-cart-line-items {
    position: relative;
    opacity: .25;
    transition: all .7s;
}

.fon-cart-line-items {
    opacity:1;
    transition: all .7s;
}


.fon-quantity[data-qty="1"] .fon-less-btn {
    display: none;
}

.fon-quantity[data-qty="1"] .fon-trash-btn {
    display: flex;
}

.fon-quantity .fon-trash-btn {
    display: none;
}

/* Narrow the quantity control (remove-only) for the add-on / free-gift line items */
.fon-line-item-row.line-item-52268149539000 .fon-quantity,
.fon-line-item-row.line-item-52268152422584 .fon-quantity,
.fon-line-item-row.line-item-52360140456120 .fon-quantity,
.fon-line-item-row.line-item-52360151236792 .fon-quantity {
    width: 31px;
}

.fon-cart-heading-row h2 {
    color: #3F3F3F;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    text-transform: unset;
}
.fon-cart-heading-row {
    padding-bottom: 5px;
    padding: 30px 43px 0 54px;
    align-items:center;
    flex: 0 0 auto;   /* fixed row in the drawer's flex column */
}
p.fon-total-items {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Tomato Grotesk Regular', sans-serif;
}
.fon-cart-close {
    cursor: pointer;
    width: 11px;
    position: absolute;
    right: 44px;
    top: 35px;
}
.fon-cart-line-items {
    margin: 0 0 auto;
    /* Fill the gap between heading and footer. `min-height:0` is what lets a
       flex child shrink below its content so it scrolls rather than pushing
       the footer off the bottom. `height:auto` alone can't do this — the
       parent has to be a flex column. */
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow-y: auto;
    padding: 15px 43px 0px 54px;
}
.fon-cart-fbt-section .image img {
    max-width: 82px;
}
.fon-subscribe-save-footer .fon-cart-fbt-section {
    padding: 20px 54px 0px;
}
.fon-subscribe-save-footer .fon-cart-checkout {
    padding: 0px 54px 20px;
}
.fon-cart-checkout.checkout {
    border-top: .5px solid rgba(41,41,35,.2);
    margin-top: 15px;
    padding-top: 15px;
    border-radius: 12px 12px 15px 15px;
    background: var(--purple-linear, linear-gradient(0deg, rgba(250, 249, 253, 0.30) 33.17%, rgba(250, 249, 253, 0.80) 66.83%, #EEECF3 100%));
    box-shadow: 0 0 6.3px 0 rgba(0, 0, 0, 0.10);
}
.fon-subscribe-save-footer h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: #3D3C3E;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 122%;
    letter-spacing: -0.304px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.fon-quantity button {
    width: 35px;
}

.fon-line-item > div {
    flex: 1;
}
.fon-line-item-row {
    padding-bottom: 17px;
    position: relative;
}
.fon-line-item-wrapper {
    border: 1px solid rgba(41,41,35,.1);
    padding: 31px 23px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0 7.4px 0 rgba(0, 0, 0, 0.15);
}
.fon-line-item-wrapper.fon-line-item-row.fon-line-item-free-bottle-row {
    margin-bottom: 15px;
}
.fon-line-item {
    display: flex;
    gap: 15px;
    align-items: start;
}
.fon-subscribe-save-wrapperx {
    border-radius: 5px;
    background: #FFFFFC;
    box-shadow: 0 2px 8.2px 0 rgba(0, 0, 0, 0.10);
    padding: 14px 22px;
    margin-top: 12px;
    display:none;
}
.country-US .fon-subscribe-save-wrapperx,
.country-AU .fon-subscribe-save-wrapperx,
.country-NZ .fon-subscribe-save-wrapperx,
.country-PH .fon-subscribe-save-wrapperx{
    display:block;
}

.fon-subscribe-save-wrapperx  .fon-save-label{
    color: #000;
    font-feature-settings: 'dlig' on;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 190.909% */
}
.fon-subscribe-save-wrapperx p.pause-anytime {
    color: #292923;
    font-family: "Tomato Grotesk Light", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 18.01px;
    letter-spacing: .06px;
    margin: 5px 0px 10px;
    display:flex;
    gap:9px;
}
.fon-subscribe-save-wrapperx p.pause-anytime img {
    width: 15px;
}
.fon-subscribe-save-wrapperx .prices {
    color: #292923;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11.625px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.01px;
    letter-spacing: 0.06px;
}
.fon-subscribe-save-wrapperx .prices .old {
    color: rgba(0, 0, 0, 0.48);
}
.fon-subscribe-save-wrapperx button {
    height: 32px;
    border-radius: 4px;
    background: #464645;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    color: #FFFFFC;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
    text-transform: uppercase;
}
.fon-subscribe-save-wrapperx button {
    height: 32px;
    border-radius: 4px;
    background: #464645;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
    color: #FFFFFC;
    text-align: center;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
    text-transform: uppercase;
    width:100%;
    margin-top:11px;
}
.fon-cart-line-items h3 {
    color: #3F3F3F;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 14.2px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.15px;
}
.fon-cart-line-items h3 .fon-cart-variant-title {
    color: #292923;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 13.5px; /* 260.87% */
    letter-spacing: -0.15px;
    margin-top:2px;
    margin-bottom:2px;
}
.fon-line-item p,
.fon-cart-line-items p.monthly-subscription-save{
    color: #3F3F3F;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.15px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.fon-cart-line-items p.monthly-subscription-save span.fon-monthly{
    font-style: italic;
}
.fon-line-item img {
    max-width: 104px;
    border-radius:4px;
}
.fon-line-item .image img {
    border-radius: 4px;
    border: 1px solid rgba(63, 63, 63, 0.10);
    background: #FFFFFC;
    box-shadow: 2px 2px 6.2px 0 rgba(0, 0, 0, 0.05);
}
.fon-line-item > div.image {
    flex-basis: 80px;
    flex-grow:0;
}
.fon-line-item > div.action {
    flex-basis: 130px;
    display: flex;
}
.fon-quantity button {
    /* Centre the icon in the button rather than letting padding position it */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 35px;
    min-width: 30px;
    height: 100%;
    /* Neutralise unicorn.css's bare `button {}` rule (width:100%, margin:10px 0,
       background:#eaf6ab, border-radius:100px, text-transform:capitalize), which
       applies to every button on /pages/homepage-quiz. */
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    text-transform: none;
    line-height: normal;
}
.fon-quantity button img {
    width: 10px;
    display: block;
    padding: 0;
    margin: 0;
    max-height: 18px;
}
button.fon-qty-btn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:5px;
    font-size:10px;
}
/* .fon-quantity button[data-action="minus"] {
    border-right: 2px solid black;
}

.fon-quantity button[data-action="plus"] {
    border-left: 2px solid black;
} */
.fon-quantity {
    display: flex;
    width: 104px;
    height: 29px;
    text-align: center;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    background: #FFFFFC;
    box-shadow: 1px 1px 8.2px 0 rgba(33, 33, 33, 0.14);
}
.fon-quantity .fon-qty {
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    text-align-last: center;
    direction: ltr;
    padding: 0;
    width: 100%;
    font-size:12px;
}
.fon-quantity .fon-qty {
  -moz-appearance: textfield; /* For Firefox */
}

.fon-quantity .fon-qty::-webkit-outer-spin-button,
.fon-quantity .fon-qty::-webkit-inner-spin-button {
  -webkit-appearance: none; /* For Chrome, Safari, Edge, Opera */
  margin: 0;
}

.fon-line-item > div.text {
    flex: 300px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fon-line-item p.subscribe-save {
    display: flex;
    gap: 7px;
    color: #b04525;
}
.fon-line-item p.subscribe-save img {
    width: 15px;
}
.fon-line-item-subscribe-save {
    display: flex;
    justify-content: space-between;
}


.fon-subscribe-save-wrapper {
    border: 1px solid #F5F5F5;
    background: #fffffc;
    box-shadow: 2px 2px 6.2px #0000000d;
    padding: 15px;
    margin-top: 15px;
    border-radius: 5px;
    display:none!important;
}
.fon-line-item-subscribe-save {
    gap: 10px;
    border-radius: 4px;
    align-items: center;
    cursor:pointer;
    position:relative;
}
.fon-icon:hover + .fon-toggle-hover {
    display: block;
    right: -10px;
    bottom: 25px;
}
.fon-toggle-hover {
    position: absolute;
    font-size: 8px;
    color: #000;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 274;
    line-height: 16px;
    letter-spacing: -.15px;
    width: 100%;
    background: #fff;
    padding: 15px;
    border: 1px solid #3333330a;
    border-radius: 5px;
    bottom: 100%;
    display: none;
    max-width: 80%;
}
.fon-line-item-subscribe-save.active .fon-toggle-box {
    background: #EDEDEB;
}
/* .fon-save-option .fon-toggle-box,
.fon-line-item-subscribe-save.active .fon-toggle-box {
    background-image: url(/cdn/shop/files/Check_Icon_Orange.svg?v=1753423498);
    background-size: 75%;
    background-position: 3px 4px;
    background-repeat: no-repeat;
} */
.fon-line-item-subscribe-save .fon-toggle-box {
    border-radius: 3px;
    background: #fff;
    width: 21px;
    height: 21px;
    border: 1px solid #EDEDEB;
    display: flex
;
    padding: 3px;
}
.fon-line-item-subscribe-save .fon-text {
    margin-right: auto;
    font-size: 16px;
    line-height: 30px;
    flex: 1;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: "Tomato Grotesk Medium", sans-serif;
}
.fon-line-item p span {
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
}
.fon-line-item-subscribe-save-options {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    padding-top: 15px;
    margin-top: 15px;
}

.fon-save-option {
    display: flex;
    justify-content: space-between;
}
.fon-save-option {
    gap: 10px;
    border-radius: 4px;
    align-items: start;
}
.fon-save-option p.fon-option-title {
    margin-top: 0;
    line-height: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Tomato Grotesk Medium", sans-serif;
}

.fon-toggle-box{
    cursor:pointer;
}

.fon-save-option .fon-toggle-box {
    border-radius: 3px;
    background:white;
    border:1px solid #EDEDEB;
    width: 21px;
    height: 21px;
}
.fon-save-option.active .fon-toggle-box {
    background: #EDEDEB;
}


.fon-save-option .fon-text {
    margin-right: auto;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    letter-spacing: -0.15px;
  flex:1;
}
p.fon-option-title {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin-bottom: 10px;
}
p.fon-option-fon-save {
    color: #B04524;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.15px;
    margin-bottom: 5px;
}

ul.fon-option-feature {
    color: #6E6E6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.15px;
    text-transform: capitalize;
  margin-bottom: 0px;
}

ul.fon-option-feature li {
    margin: 0;
    display: flex;
    gap: 7px;
    color: #3333338a;
    font-size: 12px;
}
.fon-line-item-subscribe-save-options {
    display: none;
}
.fon-line-item-subscribe-save.active + .fon-line-item-subscribe-save-options {
    display: block;
}

.fon-badge.fon-badge-popular {
    background: #1cc286;
    text-align: center;
    color: #fff;
    padding: 5px 25px;
    margin-bottom: 10px;
    width: auto;
    border-radius: 3px;
    height: auto;
    font-size: 14px;
    width: 100px;
}
.fon-badge.fon-badge-best-value {
    border-radius: 2px;
    background: #B04524;
    color: #fff;
    padding: 5px 5px;
    margin-bottom: 10px;
    width: auto;
    border-radius: 3px;
    height: auto;
    font-size: 14px;
    width: 100px;
}
.fon-subscribe-info .new-price {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.15px;
    margin-bottom: 5px;
}
.new-price {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 305.556% */
    letter-spacing: -0.15px;
}

.before-after-price {
    color: #E5E5E5;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 550% */
    letter-spacing: -0.15px;
    display: flex;
    gap: 10px;
}
.before-after-price .after {color: black;}
.before-after-price .before {text-decoration: line-through;}


p.subscribe-save-remove {
    text-decoration: underline;
    font-size: 11px;
    margin-top: 5px;
}
p.subscribe-save-remove {
    text-decoration: underline;
    font-size: 11px;
    margin-top: 5px;
    cursor: pointer;
}

/* .fon-subscribe-save-footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 40px 60px;
} */

element.style {
}

.btn-fon-checkout > span {
    margin-left: 3px;
}
.btn-fon-checkout {
    background: #2963e9;
    width: 100%;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: -.15px;
    margin-bottom: 10px;
    display: block;
    padding: 10px;
    margin-top: 5px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    /* FON UI kit primary filled button — matches .btn-index-2026: #0051ff, 10px radius,
       filled drop-shadow, SemiBold 14px. Case stays uppercase (drawer CTA convention). */
    font-weight: 600;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 14px;
    letter-spacing: -.132px;
    border-radius: 10px;
    background: #0051ff;
    box-shadow: 0 0 4.9px 0 rgba(0, 0, 0, 0.15);
    transition: all .3s;
}
.btn-fon-checkout:hover {
    background: #0d4fdd;
    box-shadow: 0 4px 12px rgba(0, 81, 255, 0.22);
    transform: translateY(-2px);
    transform-origin: bottom;
    transition: all .6s;
}

.fbt-item p.fbt-type {
    opacity: .6;
    font-size: 12px;
    margin-bottom: 5px;
}
.fbt-item p {
    font-size: 12px;
}

.fbt-item {
    padding:9px;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #F5F5F5;
    background: #fffffc;
    box-shadow: 2px 2px 6.2px #0000000d;
    padding: 0px10px;
    margin-top: 0;
    border-radius: 4px;
    background: #fffffd;
    box-shadow: 0 2px 10.2px #10101026;
    padding-right: 10px;
    overflow: hidden;
}
.fbt-item img{
    border-radius:4px;
}
.swiper-fon-cart-fbt {
    overflow: visible;
    padding-bottom:10px;
}
.swiper-fon-cart-fbt .swiper-pagination {
    background: transparent;
    width: auto;
    left: 0;
    bottom: -16px;
    padding: 0;
    border-radius: 20px;
    height: auto;
}
.swiper-fon-cart-fbt .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.60);
    width: 5px;
    height: 5px;
}
.swiper-fon-cart-fbt .swiper-pagination-bullet-active {
    background: #111111;
}
.fbt-add-to-cart.loading {
  opacity: 0.5;
  pointer-events: none;
}

.fbt-add-to-cart.added {
  background: #e0ffe0;
  color: #000;
}
button.fbt-add-to-cart.added {
    width: 31px;
    padding: 0;
    font-size: 9px;
    text-align: center;
}
.fbt-add-to-cart.added {
    background: white;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    opacity: 1;
    padding: 0 15px;
}
.before-after-price{
    display: none;
}
.logos-payment img, .logo-country img {
    max-height: 13px;
    width: auto;
}
.fon-badge {
    cursor: pointer;
}
.logo-30-days{
      width: 13px;
    position: relative;
    top: -1px;
}
.body-fon-cart-drawer .trsut-pilot span {
    position: relative;
    top: 1px;
}
.body-fon-cart-drawer .trsut-pilot img {
    /* FON UI kit Trustpilot (Figma node 31-236): stars 100x15, logo 75x15 */
    height: 15px;
    width: auto;
    max-width: 100px;
}
    .body-fon-cart-drawer .trsut-pilot {
        font-size: 12px;
        line-height: 18px;
        color: #3f3f3f;
        align-items: center;
    }

/* .body-non-au .subscribe-save,
.body-non-au .fon-subscribe-save-wrapper {
    display: none!important;
} */
.body-non-au .subscribe-save, 
.body-non-au .fon-subscribe-save-wrapper .fon-save-option:not(.fon-save-option-12-months) {
    display: none !important;
}
.fon-subscribe-info * {
    text-align: center;
    justify-content: center;
}

.fbt-item button img {
    max-width: 21px;
}
.fon-icon {
    width: 17px;
    height: 17px;
    border: 1px solid #B1B1B1;
    border-radius: 50%;
    font-size: 11px;
    display: flex
;
    font-weight: 700;
    color: #B1B1B1;
    align-items: center;
    justify-content: center;
    line-height: 100%;
}
.fon-icon:hover {
    background: #B1B1B1;
    color: white;
}

.fon-cart-sub-total {
    display: flex;
    color: #000;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px; /* 250% */
    letter-spacing: -0.15px;
    text-transform: uppercase;
    justify-content: space-between;
}
p.fbt-title {
    font-size: 12px!important;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
    margin-bottom: 5px!important;
}
@media screen and (max-width:768px){


  .fon-cart-heading-row {
    height: 5vh;
    padding: 20px 15px 10px;
}
    .fon-cart-drawer h2 {
            font-size: 15px;
        }



    .fon-badge.fon-badge-popular,
    .fon-badge.fon-badge-best-value {
    width: 75px;
    font-size: 8.8px;
    margin: 0 auto 5px;
    height: auto;
}
.fon-subscribe-info .new-price, .fon-subscribe-info .before-after-price {
        margin: 5px auto;
        justify-content: center;
        gap: 4px;
        text-align: center;
        font-family: "Tomato Grotesk Medium", sans-serif;
    }
.fon-after-pay-container img {
    max-width: 85px;
}
p.fon-option-fon-save {
    margin-top: 5px;
}
.fon-line-item h3 {
    line-height: 18px;
    margin-bottom: 0px;
}

.fon-subscribe-save-footer h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.logos-payment img, 
.logo-country img {
    max-height: 16px;
    width: auto;
}

.logo-30-days{
      width: 16px;
    position: relative;
    top: -1px;
}
  
  .header__icon-list button + .link-cart-drawer {
    display: block;
}
  .body-fon-cart-drawer .fon-cart-drawer {
      display: flex;
      width: 100%;
      border-radius:0;
  }

  /* Full-screen drawer on mobile: fills the viewport as a flex column.
     Footer sits at the bottom; the line-items region takes the remaining height
     (device height − footer) and scrolls on its own. */
  .fon-cart-drawer {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100dvh;
      max-height: none;
      border-radius: 0;
      overflow: hidden;
  }
  .body-fon-cart-drawer .fon-cart-drawer {
      right: 0;
      left: 0;
      overflow: hidden !important;
  }
  /* Line items fill (device height − footer) and scroll internally. */
  .fon-cart-line-items {
      flex: 1 1 auto;
      height: auto;
      min-height: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
  }
  .fon-subscribe-save-footer {
      flex: 0 0 auto;
      height: auto;
  }
  /* Lock the page behind the full-screen drawer (non-scrollable body) */
  .body-fon-cart-drawer {
      position: fixed;
      inset: 0;
      width: 100%;
      overflow: hidden !important;
  }

  .fon-line-item img {
      max-width: 80px;
  }
  .fon-line-item>div.image {
    flex-basis: 80px;
    flex-grow: 0;
}
  .btn-fon-checkout {
    height: 42px;
  }
  /* width inherited from the base rule (100px) — same on every breakpoint */
  .fon-quantity .fon-qty {
    width: 50%;
    padding-left: 1px;
}
  .body-fon-cart-drawer .fon-quantity .fon-qty {
    width: 100%;
    padding-left: 1px;
}


.body-fon-cart-drawer .trsut-pilot {
    font-size: 12px;
}

.body-fon-cart-drawer .trsut-pilot img {
    /* FON UI kit Trustpilot (Figma node 31-236): stars 100x15, logo 75x15 */
    height: 15px;
    width: auto;
    max-width: 100px;
}
    .body-fon-cart-drawer .trsut-pilot {
        font-size: 12px;
        line-height: 18px;
        color: #3f3f3f;
        align-items: center;
    }
  .fon-line-item>div.text {
    gap: 3px;
}
}

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

    .fon-subscribe-save-footer {
        height: auto;
        z-index: 11;
    }

    .body-fon-cart-drawer {
    position: fixed;
    inset: 0;
}

   .body-fon-cart-drawer:before {
        width: 100%;
        height: 100%;
    }

p.fon-total-items {
    display: none;
}
.fon-cart-checkout.checkout {
    border-top: .5px solid rgba(41,41,35,.2);
    margin-top: 0px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
   
    .fon-line-item.fon-line-item-free-bottle>div.image {
    flex-basis: auto;
}

    .fon-save-option {
    position: relative;
}
.fon-subscribe-info {
        width: auto;
        position: absolute;
        right: 0px;
        top: 0px;
    }
.fon-cart-close {
    cursor: pointer;
    width: 13px;
    position: relative;
    top: 0;
    right: 0px;
}

   .fon-save-option p.fon-option-title {
    font-size: 13px;
}
    p.fon-option-fon-save {
        margin-top: 5px;
        font-size: 11px;
    }

    ul.fon-option-feature li {
        margin: 0;
        display: flex
;
        gap: 7px;
        color: #3333338a;
        font-size: 11px;
        line-height: 17px;
    }

  .fbt-item .image img {
    max-width: 81px;
}
.fbt-item button img {
    max-width: 21px;
}
/* Match the desktop type scale */
.fon-line-item p {
    color: #3F3F3F;
    font-family: "Tomato Grotesk SemiBold", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.15px;
}
.fon-line-item p.fon-sub-line { font-size: 12px; font-weight: 400; }
p.fon-line-flavour { font-size: 11px; }

.fon-cart-fbt-section h3 {
    font-size: 15px;
}
.fon-cart-line-items {
    /* height comes from the drawer's flex column, not a viewport guess */
    height: auto;
    padding: 10px 13px;
}
.fon-line-item-wrapper {
    border-radius: 4px;
    border: 1px solid rgba(41,41,35,.1);
    background: #fffffc;
    box-shadow: 2px 2px 6.2px #0000000d;
    padding: 10px;
}
.fon-subscribe-save-footer {
        height: auto;
        background: white;
    }
  
  .swiper-fon-cart-fbt .swiper-pagination {
    bottom: -12px;
}

span.x-product-title {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
}

span.x-variant-title {
    color: #292923;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 300% */
    letter-spacing: -0.15px;
}

.fbt-item p {
    font-size: 10px;
    line-height: 11px;
    font-weight: 500;
    font-family: 'Tomato Grotesk Medium', sans-serif;
}
  .fbt-item p.fbt-type {
    font-size: 10px;
}
    .fbt-item {
        margin-top: 0;
        min-height: 80px;
    }
.fon-subscribe-save-footer .fon-cart-fbt-section {
    padding: 10px 23px 0 23px;
}
    .fbt-item button img {
        max-width: 21px;
    }
    .fbt-item .content {
    padding-left: 10px;
}
    .fon-cart-line-items {
        height: auto;
    }
      .fon-line-item-subscribe-save .fon-text {
        line-height: 16px;
        font-size: 13px;
    }
        .fon-subscribe-info .new-price, .fon-subscribe-info .before-after-price {
        margin: 5px auto;
        justify-content: center;
        gap: 4px;
        text-align: center;
        font-size: 12px;
    }
.body-fon-cart-drawer span.discount {
        display: block;
        margin-left: 0;
        margin-top: 8px;
    }
    .fon-line-item p.price {
    font-size: 10px;
}
    .fon-line-item p.subscribe-save img {
        width: 10px;
    }
      .fon-subscribe-save-footer {
        height: auto;
    }

    .fon-subscribe-save-wrapperx {
    padding: 13px 21px;
}

}

@media screen and (max-width: 425px) {
    .fon-cart-line-items {
        height: auto;
    }
    
    .fon-line-item {
        gap: 10px;
    }

        .fon-badge.fon-badge-popular, .fon-badge.fon-badge-best-value {
        width: 64px;
        font-size: 8.8px;
        margin: 0 auto 5px;
        height: auto;
        padding: 5px;
        line-height: 8px;
    }
    .fon-line-item.fon-line-item-free-bottle>div.image {
        flex-basis: 90px;
        flex-grow: inherit;
    }
    .fon-line-item>div.image {
    flex-basis: 90px;
    flex-grow: 0;
}
    
}

@media screen and (max-width:375px){
    ul.fon-option-feature img {
        width: 9px;
        position: relative;
        top: 0px;
    }
       ul.fon-option-feature li {
        font-size: 10px;
        line-height: 17px;
    }
 

    .fbt-item p {
        font-size: 10px !important;
    }
        .fon-line-item p {
        font-size: 14px;
    }
  

    .fon-cart-checkout.checkout {
    margin-top: 0px;
    padding-top: 5px;
}

  .fon-subscribe-save-wrapper {
        padding: 10px;
    }
.btn-fon-checkout {
    height: 37px;
}
.fon-subscribe-save-footer {
    height: auto;
    display: flex;
    justify-content: stretch;
    width: 100%;
    flex: 0 0 auto;   /* pinned to the bottom; never squeezed */
}
.fon-cart-checkout.checkout {
    margin-top: auto;
    padding-top: 10px;
    flex-grow: 1;
    z-index: 1;
}
}


 /* ===== Upsell Card ===== */
.fon-upsell-wrap {
    margin-top: 16px;
}
.fon-upsell {
    --fon-blue: #2554f5;
    --fon-dark: #262626;
    --fon-grey: #7e7e7e;
    --fon-green: #ecf6b3;
    --fon-border-grey: #dad8e0;
    --purple-linear: linear-gradient(0deg, rgba(250, 249, 253, .3) 33.17%, rgba(250, 249, 253, .8) 66.83%, #EEECF3 100%);
    position: relative;
    max-width: 435px;
    margin: 0 auto;
    border: 2px solid var(--fon-border-grey);
    border-radius: 12px;
    background: var(--purple-linear);
    box-shadow: 0 0 6.6px #00000021;
    padding: 18px 18px 20px;
    color: var(--fon-dark);
    box-sizing: border-box;
    margin-top: 5px;
}

  /* Animated blue border state — add/remove this class to toggle */
  .fon-upsell--animated {
    border-color: transparent;
    background:
      var(--purple-linear) padding-box,
      linear-gradient(#fff, #fff) padding-box,
      conic-gradient(
        from var(--fon-angle),
        #dad8e0 0%,
        #f4f3f7 25%,
        #c2c0ca 50%,
        #f4f3f7 75%,
        #dad8e0 100%
      ) border-box;
    animation: fon-border-spin 4s linear infinite;
  }

  .fon-upsell *,
  .fon-upsell *::before,
  .fon-upsell *::after { box-sizing: inherit; }

  /* ===== Animated border (3px) ===== */
  @property --fon-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }
  @keyframes fon-border-spin {
    to { --fon-angle: 360deg; }
  }
  @media (prefers-reduced-motion: reduce) {
    .fon-upsell--animated { animation: none; }
  }

  /* Title */
  .fon-upsell__title {
    margin: 0 0 7px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #262626;
  }
  .fon-upsell__title strong { font-weight: 800; }
  .fon-upsell__title-save { font-weight: 600; color: #3F3F3F; }
  .fon-cart-line-items h3.fon-upsell__title { font-size: 14px; }

  /* Pause / adjust line */
  .fon-upsell__perks {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #3a3a3a;
    margin-bottom: 11px;
  }
  .fon-upsell__perks-icon { flex-shrink: 0; display: block; }

  /* Price row */
  .fon-upsell__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
  }
 .fon-upsell__price-main {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--fon-blue);
    color: #0051FF;
    font-family: "Tomato Grotesk Bold", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.01px;
    letter-spacing: 0.06px;
}
.fon-upsell__price-compare {
    font-size: 12px;
    color: #9b9b9b;
    color: rgba(63, 63, 63, 0.48);
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11.25px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.01px;
    letter-spacing: 0.06px;
}
  /* CTA button */
 .fon-upsell__cta {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 9px;
    background: #fff;
    color: var(--fon-blue);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 1px 3px #141e3c14;
    transition: box-shadow .15s ease,transform .15s ease;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(152, 152, 152, 0.19);
    background: #FFF;
    box-shadow: 0 0 4.8px 0 rgba(0, 0, 0, 0.10);
}
  .fon-upsell__cta:hover {
    box-shadow: 0 4px 10px rgba(37, 84, 245, 0.16);
    transform: translateY(-1px);
  }
  .fon-upsell__cta:focus-visible {
    outline: 2px solid var(--fon-blue);
    outline-offset: 2px;
  }

  /* Divider — bleeds edge to edge */
  .fon-upsell__divider {
    border: none;
    border-top: 1px solid #d1d1d1;
    margin: 13px 0px 10px;
  }

  /* Supply section */
  .fon-upsell__supply-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 11px;
  }
 .fon-upsell__supply-title {
    font-size: 13px;
    font-weight: 500;
    color: #3F3F3F;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.01px;
    letter-spacing: 0.06px;
}
  .fon-upsell__supply-title strong { font-weight: 800; }
  .fon-upsell__cal-icon { display: block; }

  /* Progress bar */
  .fon-upsell__bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    margin-bottom: 9px;
    border-radius: 4px;
    border: 1px solid rgba(152, 152, 152, 0.19);
    background: #FFF;
    box-shadow: 0 0 4.8px 0 rgba(0, 0, 0, 0.10);
  }
  .fon-upsell__bar-fill {
    height: 100%;
    width: 0%;
    border-radius: 4px;
    border: 1px solid rgba(152, 152, 152, 0.19);
    background: #EAF6AB;
    box-shadow: 0 0 4.8px 0 rgba(0, 0, 0, 0.10);
  }
  /* Continuous 8s loop, started once the drawer has finished rendering:
     hold at 5%, fill to 97% over 2.4s, rest full, then snap back and repeat.
     A CSS animation rather than JS-driven transitions, so it never stutters. */
  .fon-upsell__bar-fill.is-visible {
    animation: fon-upsell-fill 8s infinite;
  }
  /* 8s: hold at 0 (0.9s) → ease to 97% (2.4s) → sit at 97% until the 7s mark
     → close the last 3% → snap back to 0 and repeat. */
  @keyframes fon-upsell-fill {
    0%,   11%  { width: 0%;   animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
    41%        { width: 97%;  animation-timing-function: step-end; }
    87.5%      { width: 97%;  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
    99.9%      { width: 100%; animation-timing-function: step-end; }
    100%       { width: 0%; }
  }
  @media (prefers-reduced-motion: reduce) {
    .fon-upsell__bar-fill.is-visible { animation: none; width: 100%; }
  }
  @media (prefers-reduced-motion: reduce) {
    .fon-upsell__bar-fill { transition: none; }
  }

  /* Week labels */
  .fon-upsell__weeks {
    display: flex;
    justify-content: space-between;
    font-size: 9.5px;
    letter-spacing: 0.01em;
    color: var(--fon-grey);
    text-transform: uppercase;
  }
  .fon-upsell__weeks span:last-child {
    color: #3f3f3f;
    font-weight: 800;
  }
  .fon-upsell__week-date {
    font-weight: 400;
    font-size: inherit;
  }

  @media (max-width: 640px) {
    .fon-upsell-wrap {
    padding:5px 5px 5px;
    margin-top: 5px;
}
    .fon-upsell { padding: 18px 18px 20px; margin-top:5px; }
    .fon-upsell__divider { margin-left: -18px; margin-right: -18px; }
    .fon-upsell__title { font-size: 17px; }
    .fon-upsell__price-main { font-size: 14px; }
    .fon-upsell__price-compare { font-size: 11px; }
    .fon-upsell__weeks { font-size: 9px; }
  }

  /* ===== Cross-sell block ===== */
.fon-cross-heading {
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.15px;
    color: #262626;
    margin: 0 0 12px;
}
.fon-cross {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.fon-cross *,
.fon-cross *::before,
.fon-cross *::after { box-sizing: inherit; }

.fon-cross__thumb {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border-radius: 8px;
  object-fit: cover;
  background: #f4f4f4;
}

.fon-cross__body {
  flex: 1;
  min-width: 0;
}

.fon-cross__title {
    margin: 0 0 3px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    letter-spacing: -.01em;
    color: #3F3F3F;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 122%;
    letter-spacing: -0.247px;
    text-transform: capitalize;
}

.fon-cross__sub {
    margin: 0 0 8px;
    font-size: 10px;
    font-style: italic;
    color: #3a3a3a;
    color: #3D3C3E;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 122%;
    letter-spacing: -0.228px;
    text-transform: capitalize;
}

.fon-cross__cta {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #d6d9e6;
    background: linear-gradient(180deg,#fdfdff,#f6f6fb);
    color: #2554f5;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: box-shadow .15s ease,border-color .15s ease;
    text-align: center;
    border-radius: 5px;
    border: .5px solid #F5F7FA;
    background: var(--Purple-Linear, linear-gradient(0deg, rgba(250, 249, 253, .3) 33.17%, rgba(250, 249, 253, .8) 66.83%, #EEECF3 100%));
    box-shadow: 0 0 4px #00000040;
    color: #0051FF;
    text-align: center;
    font-family: "Tomato Grotesk Bold", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    letter-spacing: -0.228px;
    text-transform: capitalize;
}
.fon-cross__cta:hover {
  border-color: #2554f5;
  box-shadow: 0 2px 8px rgba(37, 84, 245, 0.12);
}
.fon-cross__cta:focus-visible {
  outline: 2px solid #2554f5;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .fon-cross { gap: 12px; }
  .fon-cross__thumb { width: 76px; height: 76px; margin-top: 2px; }
 .fon-cross__cta {
    font-size: 11px;
    padding: 9px 8px;
}
  .fon-subscribe-save-footer h3 {
    font-size: 14px;
    margin-bottom: 5px;
}
}

.fon-cross-divider {
    height: 1px;
    width: calc(100% + 110px);
    background: rgba(63, 63, 63, 0.20);
    left: -55px;
    position: relative;
    margin-bottom: 15px;
}

/* ===== Remove-confirm modal (replaces native confirm) ===== */
.fon-confirm-modal {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: none;
  align-items: center;
  justify-content: center;
}
.fon-confirm-modal.active { display: flex; }
.fon-confirm-overlay {
  position: absolute;
  inset: 0;
  background: rgba(41, 41, 35, 0.35);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.fon-confirm-box {
  position: relative;
  z-index: 1;
  width: min(320px, 82%);
  background: #FFFFFC;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  padding: 24px 22px 18px;
  text-align: center;
  animation: fon-confirm-in 0.18s ease;
}
@keyframes fon-confirm-in {
  from { transform: translateY(6px) scale(0.98); opacity: 0; }
  to   { transform: none; opacity: 1; }
}
.fon-confirm-message {
  color: #292923;
  font-family: "Tomato Grotesk Medium", sans-serif;
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: -0.15px;
  margin: 0 0 18px;
}
.fon-confirm-actions {
  display: flex;
  gap: 10px;
}
.fon-confirm-actions button {
  flex: 1;
  height: 40px;
  border-radius: 6px;
  font-family: "Tomato Grotesk Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.fon-confirm-no {
  background: #FFFFFC;
  color: #292923;
  border: 1px solid rgba(41, 41, 35, 0.2);
}
.fon-confirm-yes {
  background: #2963e9;
  color: #fffffc;
  border: 1px solid #2963e9;
}
.fon-confirm-actions button:hover { opacity: 0.88; }


/* ===== OneFit (onefit-b) line-item design ===== */
.fon-line-flavour {
  display: block;
  margin: 0 0 3px;
  font-family: "Tomato Grotesk Regular", sans-serif;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  color: #8a8a86;
  overflow-wrap: anywhere;
}
p.fon-line-flavour {
    color: #B2B2B2;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    margin-bottom: 0;
    position: relative;
    top: 0px;
}
p.fon-line-flavour--onelife { margin-right: 0; }
.fon-flavour-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.08);
    position: relative;
    top: 1px;
    margin-right: 6px;
}
h3.fon-onefit-title {
  margin: 0;
}
.fon-line-desc {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Tomato Grotesk Regular", sans-serif;
  font-size: 12px;
  color: #292923;
}
.fon-line-desc .fon-line-price {
  font-family: "Tomato Grotesk Medium", sans-serif;
  font-weight: 500;
  color: #000;
}
.fon-line-desc .fon-line-sep { color: rgba(41, 41, 35, 0.3); }
.fon-line-desc .fon-line-serves {
    color: #3F3F3F;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.15px;
}
.fon-sub-line {
  /* margin: 11px 0 0 !important; */
  border-top: 1px solid rgba(41, 41, 35, 0.1);
  border-bottom: 1px solid rgba(41, 41, 35, 0.1);
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Tomato Grotesk Regular", sans-serif;
  font-size: 12px;
  color: #6e6e6e;
}
.fon-line-item p.fon-sub-line {
    color: #474747;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.15px;
    margin-top: 0;
    padding-top:5px;
}
.fon-line-item p.fon-sub-line + .action {
    margin-top: 7px;
}
.fon-sub-line span {
    color: #474747;
    font-family: "Tomato Grotesk Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.15px;
 }


/* ===== OneFit 90-day bundle line design ===== */
.fon-line-item-onefit-90d .fon-line-item-wrapper { position: relative; }
.fon-line-compare {
  text-decoration: line-through;
  color: #9b9b9b;
  font-family: "Tomato Grotesk Regular", sans-serif;
}
.fon-saving-badge {
    position: absolute;
    top: -10px;
    right: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #eef3ff;
    color: #2554f5;
    font-family: "Tomato Grotesk Medium", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid #d6e0ff;
    white-space: nowrap;
    border-radius: 100px;
    /* Animated conic border copied from .fon-upsell--animated, badge fill on padding-box */
    border: 2px solid transparent;
    background:
      linear-gradient(0deg, #FAF9FD 33.17%, #FAF9FD 66.83%, #EEECF3 100%) padding-box,
      conic-gradient(
        from var(--fon-angle),
        #dad8e0 0%,
        #f4f3f7 25%,
        #c2c0ca 50%,
        #f4f3f7 75%,
        #dad8e0 100%
      ) border-box;
    animation: fon-border-spin 4s linear infinite;
}
.fon-saving-badge__icon {
    width: 12px;
    height: 12px;
    display: block;
    flex: none;
}
@media (prefers-reduced-motion: reduce) {
    .fon-saving-badge { animation: none; }
}

/* ==================== aos.css ==================== */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/* ==================== photoswipe.min.css ==================== */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}
/*# sourceMappingURL=photoswipe.min.css.map */

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}
/*# sourceMappingURL=default-skin.min.css.map */

/* ==================== default-skin.min.css ==================== */
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}
/*# sourceMappingURL=default-skin.min.css.map */