/* Variables */

:root {
    --LAYOUT-WIDTH: 3000px;
    --FONT-STACK-BODY: 'Suisse Intl', sans-serif;
    --FONT-STACK-HEADING: 'Suisse Works', serif;
    --FONT-STACK-ACCENT: 'Suisse Intl', sans-serif;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-green: #6eff70;
    --color-pale: #EFEFEF;
    --color-light: #E9E9E9;
    --color-dark: #BEBEBE;
    --color-line: #656565;
    --color-dot-border: #969696;
}

/* ========================================== Global css ========================================== */

/* hide main menu dropdown */
.header__dropdown {
    display: none !important;
}

.announcement {
    position: relative;
    width: 100%;
    z-index: 6001;
    height: 2rem;
}

.announcement * {
    font-size: .8rem !important;
    height: 100%;
}

.type-accent {
     --font-adjust: var(--FONT-ADJUST-BODY) !important;
}

.standard__cta:not(.btn--outline) {
    border: 1px solid var(--color-white);
}

/* Hero sections - remove scroll button */
.scroll_icon_wrap {
    display: none;
}

/* Full image/video sections */
/* Homepage Hero */ #shopify-section-template--25937918787930__section_video_k6nJYH,
/* Homepage #2 */ #shopify-section-template--25937918787930__section_video_kmYdEw,
/* Homepage #3 */ #shopify-section-template--25937918787930__section_video_drECNB,
/* Homepage #4 */ #shopify-section-template--25937918787930__section_hero_Xfkzte,
/* Product #1 */ #shopify-section-template--25937919115610__section_video_tky9T8,
/* Science Hero */ #shopify-section-template--25940330250586__section_video_wbcMt8,
/* Science #1 */ #shopify-section-template--25940330250586__section_hero_dxyRLj,
/* Science #2 */ #shopify-section-template--25940330250586__section_hero_atFmFA,
/* Contact Hero */ #shopify-section-template--25937918886234__section_hero_W9ia8e
{
    
    .hero__content {
        margin: 0;
        max-width: none;
    }

    .hero__content .text__standard {
        max-width: none;
    }

    .hero__description {
        max-width: 70%;
        text-wrap: balance;
    }

    .hero__description p {
        max-width: 50ch;
    }

    .scroll_link {
        display: none;
    }

    h2 {
        font-size: var(--font-10);
    }

    @media (min-width: 1800px) {
        h1 {
            font-size: calc(-6px + 3vw);
        }
    }

    @media (max-width: 960px) {
       .hero__description {
            max-width: 100%;
            text-wrap: balance;
        }
    }
}

/* Richtext Section - Based on clinical science (broccoli sprout background) */
#shopify-section-template--25937918787930__section_hero_rryVLL .hero__content {
    width: 100%;
    max-width: none;
    background: transparent;
    margin: 0;
}
#shopify-section-template--25937918787930__section_hero_rryVLL h2,
#shopify-section-template--25937918787930__section_hero_rryVLL p {
    width: 60%;
}
#shopify-section-template--25937918787930__section_hero_rryVLL .image__hero__pane,
#shopify-section-template--25937918787930__section_hero_Xfkzte .image__hero__pane {
    left: auto;
    right: 0;
    width: 100%;
}
#shopify-section-template--25937918787930__section_hero_rryVLL .image__hero__pane img,
#shopify-section-template--25937918787930__section_hero_Xfkzte .image__hero__pane img {
    object-position: 80% 50% !important;
    object-fit: cover;
}
@media (max-width: 960px) {
    #shopify-section-template--25937918787930__section_hero_rryVLL h2,
    #shopify-section-template--25937918787930__section_hero_rryVLL p {
        width: 100%;
    }
    #shopify-section-template--25937918787930__section_hero_rryVLL .image-overlay {
        background: var(--color-white);
        opacity: .75 !important;
    }
}

/* FAQ Accordion */
/* Homepage */ #shopify-section-template--25937918787930__section_faq_Aj8LTe,
/* Science */ #shopify-section-template--25940330250586__section_faq_PWEwxg,
/* Product Single */ #shopify-section-template--25937919115610__section_faq_qPkVhP,
/* Contact */ #shopify-section-template--25937918886234__section_faq_g3DKGz {
    
    section {
        background: #F7F7F7;
    }

    .accordion__title {
        font-family: var(--FONT-STACK-HEADING);
        font-weight: var(--FONT-WEIGHT-BODY);
    }

}

/* Clinical and in-vitro studies */
/* Science */ #shopify-section-template--25940330250586__section_richtext_hk7JXR h2,
/* Product */ #shopify-section-template--25937919115610__section_richtext_jzCx7H h2 {
    max-width: 46ch;
    font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING))
}
/* Gallery Text (right below) */
/* Science */ #shopify-section-template--25940330250586__section_gallery_text_4MBgtq .gallery__text,
/* Product */ #shopify-section-template--25937919115610__section_gallery_text_bNpkGG .gallery__text {
    flex-direction: row;
    column-gap: 1rem;
    align-items: baseline;
}
/* Science */ #shopify-section-template--25940330250586__section_gallery_text_4MBgtq .gallery__text:before,
/* Product */ #shopify-section-template--25937919115610__section_gallery_text_bNpkGG .gallery__text:before {
    content: '';
    width: 1rem;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid var(--color-line);
    background: var(--color-green);
    transform: translateY(2px);
}

/* Hotspot/Slides Gardin section */
.brick__section .brick__block__text button {
    font-size: calc(var(--font-4) * var(--font-adjust, 1));
}
@media (min-width: 1280px) {
    .brick__section .brick__block__text p:not([role="heading"]) {
        max-width: 80%;
    }
}

/* 404, Terms, Policy */
body[id="404-not-found"] main,
body[id="privacy-policy"] main,
body[id="terms-amp-conditions"] main {
  min-height: calc(100vh - var(--header-height));
}

/* Cart Page */
body.template-cart .cart__template {
    padding: 20vh 0;
}

/* Footer */
@media only screen and (min-width: 768px) {
    .footer .footer__content__inner .float-grid {
        display: flex;
        align-items: center;
    }
}
.footer .footer__content__inner .grid__item:first-child .footer__title {
    display: none;
}
.footer .footer__content__inner .grid__item:last-child .footer__column {
    max-width: 34ch;
}
/* Subfooter */
.subfooter .subfooter__item {
    align-items: center;
}
.subfooter .subfooter__item > .subfooter__copyright:last-child {
    justify-self: end;
}
.subfooter .subfooter__item .popout__toggle {
    margin: 0;
}

/* ========================================== Homepage ========================================= */

.image__hero__frame .image__hero__scale {
    transform: none !important;
}

/* Pair-section with accordion */
#shopify-section-template--25531943813464__section_pair_slideshow_accordion_mzxkn4,
#shopify-section-template--25531943813464__section_pair_hotspots_accordion_XtfrpT {
    .brick__block__text {
        padding-right: 0;
    }
}

/* Bullet point bar */
#shopify-section-template--25937918787930__section_icons_bPfdXz .icon__column__text p,
#shopify-section-template--25940330250586__section_icons_JFMfWm .icon__column__text p {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    column-gap: .5rem;
    padding: 5px 0;
    text-align: start;
}
#shopify-section-template--25937918787930__section_icons_bPfdXz .icon__column__text p:before,
#shopify-section-template--25940330250586__section_icons_JFMfWm .icon__column__text p:before {
    content: '';
    display: block;
    height: .75rem;
    aspect-ratio: 1;
    background: var(--color-green);
    border: 1px solid var(--color-dot-border);
    border-radius: 50%;
}

/* ========================================== Science ========================================== */

/* Science behind ITCs */
#shopify-section-template--25601299644760__section_pair_hotspots_accordion_JWe6fM .brick__section {
    flex-direction: row-reverse;
}
#shopify-section-template--25601299644760__section_pair_hotspots_accordion_JWe6fM .brick__block__text {
    padding-left: 0;
}
#shopify-section-template--25601299644760__section_double_ipeBQf .brick__block:first-child {
    order: 1;
}
#shopify-section-template--25601299644760__section_double_ipeBQf .brick__block .brick__block__text {
    padding-inline-start: var(--outer);
    padding-inline-end: 0;
}

/* Slides Gardin på Science */
#shopify-section-template--25601299644760__section_pair_slideshow_accordion_LenCtd img {
 object-position: 50% 0 !important;
}

/* ========================================== Product Single =================================== */

/* Hotspot section på Product Single */
#shopify-section-template--25937919115610__section_pair_hotspots_accordion_iEVahc .brick__section.brick--2.use_image {
    display: grid;
    grid-template-columns: 2fr 1fr;

    @media (max-width: 960px) {
        grid-template-columns: 1fr;
    }
}
#shopify-section-template--25937919115610__section_pair_hotspots_accordion_iEVahc .brick__section.brick--2.use_image > div {
    width: 100%;
}

/* Single Product - Product section*/
body.template-product {

    .product-single {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .product-section .product__block__description {
        max-width: 55ch;
    }

    @media (min-width: 767px) { 

        .product-single .grid__item {
            width: 100%;
        }

        .product-single .featured-product-image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .product-section .product-page .product-single .product__inner {
            padding-top: var(--outer);
            padding-bottom: var(--outer);
        }
    }

    @media (max-width: 767px) {

        .product-section .product-page .product-single .product__mobile--carousel {
            width: calc(100% + var(--outer) * 2);
        }
    }
}

/* Info för jänkarna */
.product__inner .product__block__text p {
    font-size: var(--font-4) !important;
    display: flex;
    align-items: center;
}
.product__inner .product__block__text p a {
   color: var(--color-white);
   background: var(--color-black);
   padding: .25rem .5rem;
   margin-left: .3rem;
   transition-duration: .2s;
}
.product__inner .product__block__text p a:hover {
    background: color-mix(in oklab, var(--color-black), var(--color-white) 40%);
    transition-duration: .2s;
}

/* Single Product - Nomio supports Performance */
#shopify-section-template--25531944141144__section_richtext_eLmRzx .text__standard .standard__heading {
    max-width: 46ch;
}

/* ========================================== Contact ========================================== */

/* ========================================== Apps ============================================= */

/* Klaviyo */
#klaviyo-featured-reviews-carousel {
}
.kl_reviews__carousel {
    margin: 0 !important;
    max-width: unset !important;
}
.kl_reviews__carousel h2 {
    display: block;
    font-family: var(--FONT-STACK-HEADING);
    font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING));
    font-weight: var(--FONT-WEIGHT-HEADING);
}

/* Instagram Feed */
/* Homepage */ #shopify-section-template--25937918787930__1756313894771816a9 > div,
/* Science */ #shopify-section-template--25940330250586__1756327991b6b8bc0b > div,
/* Product Single */ #shopify-section-template--25937919115610__1756329222789b6e12 > div,
/* Contact */ #shopify-section-template--25937918886234__apps_GxVwcG > div {
    --PT: 0 !important;
    --PB: 0 !important;
    --outer: 0 !important;
}
#insta-feed h2 {
    display: none !important;
}
#insta-feed .instafeed-new-layout-container {
    height: auto !important;
}
#insta-feed .instafeed-new-layout-wrapper {
    justify-content: start !important;
    flex-wrap: wrap;
}
#insta-feed .instafeed-new-layout-wrapper .instafeed-new-layout-item {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5;
    clip-path: none !important;
}
#insta-feed .instafeed-new-layout-wrapper .instafeed-new-layout-item img {
    top: 0;
    left: 0;
    transform: unset;
}

/* Kaching */
/* Flex container */
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px !important;
    padding-top: 3rem;
    padding-bottom: .5rem;
    position: relative;
    max-width: 450px;

    @media (max-width: 768px) {
        max-width: 100%;
    }
}

.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars:before {
    content:'Number of boxes';
    width: 100%;
    font-size: var(--font-4);
}

/* Flex item */
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar {
    flex: 1;
    min-width: 40px;
}

/* previously relative ancestor to absolute items */
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-container {
    position: static;
}

/* Button wrapper */
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-container .kaching-bundles__bar-wrapper {
    padding: .5rem 0;
    display: grid;
    justify-items: center;
    align-items: center;
}

/* Content in buttons */
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-pricing,
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-label {
    display: none;
    position: absolute;
    font-size: var(--font-3) !important;
}
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-pricing {
    display: none;
    top: 0;
    left: 0;
}
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-label {
    top: 3px;
    right: 0;
    background: var(--color-green);
}
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-label:before {
    content:'Bundle ';
}
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-pricing .kaching-bundles__bar-price,
.kaching-bundles .kaching-bundles__bars--grid.kaching-bundles__bars .kaching-bundles__bar-pricing .kaching-bundles__bar-full-price {
    font-size: var(--font-7) !important;
    font-family: var(--FONT-STACK-HEADING);
}

/* Text color in button when selected */
.kaching-bundles .kaching-bundles__bar.kaching-bundles__bar--selected .kaching-bundles__bar-title {
    color: var(--color-white);
}

/* Content in buttons when chosen */
.kaching-bundles .kaching-bundles__bar.kaching-bundles__bar--selected .kaching-bundles__bar-pricing,
.kaching-bundles .kaching-bundles__bar.kaching-bundles__bar--selected .kaching-bundles__bar-label {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    column-gap: 1rem;
}
.kaching-bundles .kaching-bundles__bar.kaching-bundles__bar--selected .kaching-bundles__bar-label {
    column-gap: .3em !important;
}