/** Shopify CDN: Minification failed

Line 377:0 Unexpected "}"

**/
/* ==============================================================
   1. TÍTULO E REMOÇÃO DA BORDA EXTERNA
   ============================================================== */
/* Remove a borda e o fundo cinza que envelopa as duas caixas */
.sealsubs-container, 
.sls-purchase-options-container {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-top: 15px !important; /* Cria o espaçamento entre o título e as caixas */
}

/* Esconde o texto antigo, mas mantém a altura física para não bugar o layout */
label.sls-purchase-options-label { 
    font-size: 0 !important; 
    visibility: hidden !important; 
    position: relative !important; 
    display: block !important; 
    height: 24px !important; /* Força a altura */
    margin: 0 !important;
}

/* Injeta o novo texto */
label.sls-purchase-options-label::after { 
    content: "Select your frequency" !important; 
    font-size: 14px !important; 
    visibility: visible !important; 
    position: absolute !important; 
    top: 0 !important; 
    left: 0 !important; 
    color: #111 !important; 
}

/* ==============================================================
   2. CAIXAS DE OPÇÕES E COR DE FUNDO (ACTIVE)
   ============================================================== */
.sls-option-container { 
    border: 1px solid #dcdcdc !important; 
    border-radius: 8px !important; 
    padding: 15px !important; 
    margin-bottom: 15px !important; 
    background-color: transparent !important; 
    transition: all 0.3s ease !important;
}

/* Detalhe 2: Fundo levemente acinzentado quando a caixa é selecionada */
.sls-option-container.sls-active { 
    border: 1px solid #111 !important; 
    background-color: #ffffff !important; 
}

/* ==============================================================
   3. LAYOUT INTERNO DA CAIXA "SUBSCRIBE" E ÍCONE DO RELÓGIO
   ============================================================== */
.sls-selling-plan-group-options {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important; 
}

/* Prepara a caixa pai para receber o ícone flutuante */
.sls-select-container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    position: relative !important; 
}

.selling-plan-group-options-name-select {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important; 
    margin-top: 15px !important;
    width: 100% !important;
}

.selling-plan-group-options-name-select label {
    margin-bottom: 10px !important;
    font-size: 13px !important;
    align-self: flex-start !important; 
}

/* Cria o ícone do relógio usando um SVG codificado direto no CSS */
/* Detalhe importante: Ajuste manual na centralização vertical (roubando 2px para baixo) */
.sls-select-container::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important; /* Distância da borda esquerda */
    top: 50% !important; /* Centralização padrão */
    /* Empurra o relógio 2px para baixo para alinhar visualmente com a linha do texto */
    transform: translateY(-50%) translateY(-2px) !important; 
    width: 16px !important;
    height: 16px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important; /* Garante que o clique passe direto */
    z-index: 2 !important;
}

/* FORÇA O SELECT A ESTICAR E ABRE ESPAÇO PARA O ÍCONE */
select.sls-select.seal-tight.needsclick,
.sls-select-container select.sls-select {
    width: 100% !important;
    min-width: 100% !important; 
    max-width: 100% !important;
    display: block !important;
    /* Detalhe importante: padding esquerdo de 38px para o texto não ficar em cima do relógio */
    padding: 12px 15px 12px 38px !important; 
    border-radius: 4px !important;
    border: 1px solid #111 !important; /* Borda escurecida para igualar ao template */
    background-color: #fff !important;
    font-size: 14px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

/* ==============================================================
   4. QUANTIDADE E BOTÃO COMPRAR LADO A LADO (PROPORÇÕES CORRETAS)
   ============================================================== */
.product-form__button-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    /* Move os dois botões para a esquerda (juntos) */
    justify-content: flex-start !important; 
    gap: 15px !important; /* Espaço entre eles */
    width: 100% !important;
}

/* Trava a caixa de quantidade */
.product-form__quantity--inline {
    flex: 0 0 140px !important; 
    width: 140px !important;
    max-width: 140px !important;
    margin: 0 !important;
    padding: 0 !important;
}

quantity-input.quantity {
    width: 100% !important;
    height: 50px !important;
    border-radius: 30px !important;
    border: 1px solid #111 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 10px !important;
    background: transparent !important;
}

.quantity__input {
    border: none !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 16px !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Tamanho e alinhamento do botão de Comprar */
.product-form__button-row .product-form__submit {
    flex: 0 0 auto !important; 
    /* Aumentado de 150px para 220px para ficar com proporção de botão principal */
    width: 220px !important; 
    max-width: 220px !important;
    margin: 0 !important;
    height: 50px !important;
    border-radius: 30px !important;
    background-color: #111 !important;
    color: #fff !important;
    font-weight: bold !important;
    border: none !important;
    cursor: pointer !important;
    text-align: center !important;
}

.product-form__button-row .product-form__submit:hover {
    background-color: #333 !important;
}


/* ==============================================================
   5. BADGE "MOST POPULAR" NA CAIXA DE ASSINATURA E ESPAÇAMENTO
   ============================================================== */
/* Prepara a caixa de opções para segurar o badge na borda */
.sls-option-container {
    position: relative !important;
}

/* Aumenta o espaçamento interno (topo) apenas da caixa de assinatura para afastar do badge */
.sls-option-container[data-selling-plan-group="0"] {
    padding-top: 28px !important; 
}

/* Cria o badge apenas na caixa de assinatura (identificada pelo data-attribute) */
.sls-option-container[data-selling-plan-group="0"]::before {
    content: "MOST POPULAR" !important;
    position: absolute !important;
    top: -11px !important; 
    left: 50% !important; 
    transform: translateX(-50%) !important; 
    background-color: #ffffff !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    padding: 3px 12px !important;
    border-radius: 12px !important;
    border: 1px solid #dcdcdc !important; 
    z-index: 2 !important; 
}

/* ==============================================================
   6. AVISO DE CANCELAMENTO ABAIXO DO SELETOR
   ============================================================== */
/* Injeta o texto *You can cancel... logo após o seletor de frequência */
.selling-plan-group-options-name-select::after {
    content: "*You can cancel your subscription at any time before the next renewal." !important;
    display: block !important;
    font-size: 11px !important;
    color: #333 !important;
    margin-top: 10px !important; /* Espaço entre o seletor e a frase */
    font-weight: normal !important;
    line-height: 1.3 !important;
}

/* ==============================================================
   8. CORREÇÃO DE BUG VISUAL (FLASH) NA GRADE DE PRODUTOS
   ============================================================== */
/* Esconde o widget do app na grade imediatamente para evitar o "pisca" */
#product-grid .sealsubs-target-element.sls-homepage-automatic {
    display: none !important;
}


/* ==============================================================
   9. PREPARAÇÃO DO CONTAINER DO VÍDEO (A MOLDURA)
   ============================================================== */
/* Garante que o container limite o botão ao espaço do vídeo */
.custom-video-accordion__media-item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Garante que o vídeo ocupe o espaço correto e cubra o fundo */
.custom-video-accordion__video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}


/* ==============================================================
   10. O BOTÃO PLAY CENTRAL GIGANTE
   ============================================================== */
/* A caixa invisível que segura o ícone bem no centro */
.custom-play-btn-overlay {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important; /* Fica acima do vídeo */
    cursor: pointer !important;
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(255, 255, 255, 0.9) !important; /* Fundo circular semi-transparente branco */
    border-radius: 50% !important; /* Faz o círculo perfeito */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; /* Sombra elegante */
    transition: opacity 0.3s ease, transform 0.3s ease !important; /* Animação suave */
}

/* O desenho do triângulo de Play (SVG) */
.custom-play-btn-overlay svg {
    width: 36px !important;
    height: 36px !important;
    color: #111 !important; /* Cor do ícone - agora cor de preenchimento */
    margin-left: 4px !important; /* Ajuste óptico para o triângulo parecer centralizado */
}

/* Efeito de hover (Quando passa o mouse por cima) */
.custom-play-btn-overlay:hover {
    transform: translate(-50%, -50%) scale(1.05) !important; /* Cresce 5% */
    background-color: #ffffff !important;
}

/* Quando o vídeo está tocando (Classe injetada pelo JavaScript) */
.custom-play-btn-overlay.is-playing {
    opacity: 0 !important; /* Fica 100% invisível */
    pointer-events: none !important; /* Ignora cliques para não atrapalhar o clique no próprio vídeo */
}


/* ==============================================================
                                HOME
   ============================================================== */


/* ==============================================================
   11. ESTILO DO SUBTÍTULO DO SLIDESHOW
   ============================================================== */
.description-container .slideshow-item__description {
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 200 !important; /* Light */
    font-size: 48px !important;
    line-height: 1.35 !important; /* 135% */
    letter-spacing: 0.01em !important; /* 1% */
}

/* --- Responsividade para Celular --- */
@media screen and (max-width: 768px) {
    .description-container .slideshow-item__description {
        font-size: 24px !important; /* Metade do tamanho para mobile, ajuste como preferir */
    }
}


/* ==============================================================
   12. ESTILO DO LIVING FOR FOOD
   ============================================================== */
#shopify-section-template--20331692523703__custom_banner_x8KAef .custom-banner__heading p{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 200 !important; 
    font-size: 78px !important;
    line-height: 1.10 !important; 
    letter-spacing: 0.01em !important; 
}


/* ==============================================================
   13. ESPAÇAMENTO DOS CARDS LIVING FOR FOOD
   ============================================================== */
#shopify-section-template--20331692523703__custom_banner_x8KAef .custom-banner__feature {
    width: 100%;
    height: min(100%, var(--feature-max-height));
    max-height: 170px !important;
    padding: var(--feature-padding);
    border-radius: var(--feature-radius);
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: flex-start;
    gap: 0px !important;
    overflow: hidden;
}

#shopify-section-template--20331692523703__custom_banner_x8KAef .custom-banner__feature-icon {
    width: var(--feature-icon-size);
    height: var(--feature-icon-size);
    flex: 0 0 var(--feature-icon-size);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
 #shopify-section-template--20331692523703__custom_banner_x8KAef .custom-banner__heading p{
    font-size: 38px !important;
 }
}

}

/* ==============================================================
   14. START YOUR FERMENTATION JOURNEY HERE
   ============================================================== */
h2.section__heading.scroll-trigger.animate--slide-in.h1{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 48px !important;
    line-height: 1.25 !important; 
    letter-spacing: 0.01em !important; /* 1% */
}

.custom-bundle-wrap.section-header-wrap.flex.flex-col.gap-y-4.lg\:items-center.text-center.mb-16.section-header-vertical {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 2rem;
}

.custom-bundle-wrap .section__description p{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 300 !important; 
    font-size: 48px !important;
    line-height: 1.25 !important; 
    letter-spacing: 0.01em !important; /* 1% */
}

@media screen and (max-width: 768px) {
    h2.section__heading.scroll-trigger.animate--slide-in.h1{
        font-family: "Josefin Sans", sans-serif !important;
        font-weight: 400 !important; 
        font-size: 32px !important;
        line-height: 1.25 !important; 
        letter-spacing: 0.01em !important; /* 1% */
    }
    .custom-bundle-wrap .section__description p{     
        font-size: 24px !important;   
    }

}

/* ==============================================================
   15. TOP PICKS FOR AUTUMN
   ============================================================== */

.featured-collection-wrap .section__description p{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 24px !important;
    line-height: 1.35 !important; 
    letter-spacing: 0.0em !important; 
    margin-top: 32px;
}

@media screen and (max-width: 768px) {
   .featured-collection-wrap .section__description p{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 14px !important;
    line-height: 1.35 !important; 
    letter-spacing: 0.0em !important; 
    margin-top: 32px;
}
}

/* ==============================================================
   16. DRIVE YOUR TASTEBUDS WILD
   ============================================================== */
.recipe-editorial-stack__left-description.rte{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 24px !important;
    line-height: 1.35 !important; 
    letter-spacing: 0.0em !important; 
}

@media screen and (max-width: 768px) {
   .recipe-editorial-stack__left-description.rte{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 14px !important;
    line-height: 1.35 !important; 
    letter-spacing: 0.0em !important; 
}
}

/* ==============================================================
   17. Aim for 30+
   ============================================================== */
#custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__overlay-body {
    width: 100%;
    max-width: var(--content-max-width, 100%);
    pointer-events: auto;
    margin-right: 42px;
}

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

    /* 1. Alinha as colunas da esquerda e da direita pelo centro */
    #custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__inner {
        align-items: center !important; 
    }

    /* 2. Libera espaço horizontal: remove paddings e gaps que espremiam a imagem */
    #custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__column--right {
        gap: 0 !important;
        justify-content: center !important;
        padding: 0 !important; /* Retirar o padding faz a imagem ganhar muito mais largura (crescer) */
    }

    /* 3. O SEGREDO DO TAMANHO: Quebra a altura rígida do tema */
    #custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__column--right .custom-dual-columns__block--image {
        height: auto !important; /* A caixa agora tem a altura exata da imagem, sem sobras */
        width: 100% !important;
        flex: 0 0 auto !important;
    }

    /* 4. A Imagem: Proporção natural, grande e alinhada ao centro-esquerda */
    #custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__column--right .custom-dual-columns__image {
        width: 100% !important;
        padding-left: 20px !important;
        height: auto !important; /* Permite que ela cresça verticalmente sem limites */
        object-fit: contain !important;
        object-position: center left !important; /* Mantém centralizada e próxima ao texto */
    }

    /* 5. O Botão: Posicionado logo abaixo da imagem nova e maior */
    #custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__column--right .custom-dual-columns__block--content {
        height: auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        
        /* O espaçamento exato entre a imagem grande e o botão */
        margin-top: 25px !important; 
    }
}

@media screen and (min-width: 2000px) {
    #custom-dual-columns-template--20331692523703__custom_section_7mnaqi .custom-dual-columns__column--right .custom-dual-columns__image {
        width: 80% !important;
        padding-left: 20px !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center left !important;
    }
}



/* ==============================================================
                            Gut Health
   ============================================================== */

   /* ==============================================================
   18. Your gut is talking
   ============================================================== */
#shopify-section-template--20331692687543__slideshow_new_QKniP9 .h2{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 300 !important; 
    
    line-height: 1.15 !important; 
    letter-spacing: 0.1em !important; 
}

@media screen and (max-width: 768px) {
   .recipe-editorial-stack__left-description.rte{
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 14px !important;
    line-height: 1.35 !important; 
    letter-spacing: 0.0em !important; 
}
}

   /* ==============================================================
   19. About Us
   ============================================================== */
.ai-text-subheading-icon-asljkcezlweq2a1v6caigenblock4c0cd30m7g9gj {
    width: 5px !important;
    height: 5px !important;
    border-radius: 4px;
    background: #4a4a4a;
    display: inline-block;
    flex-shrink: 0;
}

.ai-text-description-asljkcezlweq2a1v6caigenblock4c0cd30m7g9gj p{
   
}

#shopify-section-template--20331692687543__17773977097171edfa p {
    color: #4a4a4a;
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 400 !important; 
    font-size: 20px !important;
    line-height: 1.35 !important; 
    letter-spacing: 0.0em !important; 
    margin-bottom: 20px;
    max-width: 420px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.ai-text-logo-asljkcezlweq2a1v6caigenblock4c0cd30m7g9gj {
    max-width: 100px !important;
    height: auto;
    display: block;
}