/** Shopify CDN: Minification failed

Line 2490:15 Expected identifier but found whitespace
Line 2490:16 Unexpected "$"
Line 2490:22 Expected ":"

**/
:root {
    --primary-color: #3C8D5E;
    --discount-tag: #F28C38;
    --btn-bg: #2A5B2A;
    --heading-color: #2A5B2A;
}
div#whatsapp-chat-widget {
    display: none;
}
.chatbot-window .product-card {
background: white;
border: 2px solid #e6ffe6;
border-radius: 12px;
padding: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: all 0.3s ease;
}
#shopify-chatbot-widget {
    bottom: 170px;
}
body .wa-chat-box-brand {
    width: 32px;
    height: 32px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}
.chatbot-window .product-card:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    transform: translateY(-2px);
    border-color: #005656;
    }
    #chatbot-send, .bot-text-bubble .message-close-btn {
    padding: 10px;
}
.chip-button {
    line-height: normal;
}
* {
    font-family: 'Montserrat';
}
.container {
    max-width: 1328px;
}
.index h2 {
    font-weight: bold !important;
}
h2 {
    font-size: 40px !IMPORTANT;
    font-weight: 600 !IMPORTANT;
}
h4 {
     font-size: 20px !IMPORTANT;
    font-weight: 600 !IMPORTANT;
}
p {
    color: #626161;
}
.jdgm-widget-actions-wrapper a.jdgm-write-rev-link {
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
}
/* car sidebar css */
cart-recommendations-component .flickity-viewport {
    height: 180px !important;
}
cart-drawer cart-note.block {
    display: none;
}
.f-cart-recommendations .product-card {
    border: none;
    padding: 0;
}
 .f-cart-recommendations .product-card--list .product-card__actions {
    top: 10px;
}

span.jdgm-prev-badge__text {
    display: none;
}
.banner-outer-box {
    padding: 24px 0;
}
.main-header-outer {
    display: flex;
    align-items: center;
}
.green-box img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.header-navigation .main-header-outer {
    display: flex;
    align-items: center;
}
.nav-item {
    padding: 0 8px;
    border-radius: 8px;
}
.nav-item:hover {
    background: #f5f5f5;
}
.header-navigation ul li:first-child img, .header-navigation ul li:nth-child(2) img {
    display: none;
}
.custom-dropdown img {
    display: block !IMPORTANT;
}
.product-emi {
    font-size: 12px;
    margin-top: -12px;
    position: relative;
    padding-left: 22px;
    color: #000;
}
.product-emi:before {
    position: absolute;
    content: "\f09d";
    left: 0;
    width: 18px;
    height: 18px;
    top: -4px;
    font-family: 'FontAwesome';
    font-size: 17px;
}
.main-header-outer img.icon-img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

label[for="Filter-Avaliações-1"] span, label[for="Filter-Avaliações-2"] span, label[for="Filter-Avaliações-3"] span, label[for="Filter-Avaliações-4"] span, label[for="Filter-Avaliações-5"] span {
    color: #E6B402;
    font-size: 20px;
}
.f-facets__results-count {
    color: #858585 !important;
    font-size: 14px !important;
}
.swym-header-launcher-badge {
    background: #F28C38 !important;
}
/* subscription css */
.shopify_subscriptions_app_block_label ul {
    padding-left: 0 !important;
    margin-top: 10px !important;
}
.product- .f-product-single__info--sticky {
    max-width: 400px;
    max-height: fit-content !important;
}
.shopify_subscriptions_fieldset .shopify_subscriptions_app_policy {
    display: none;
}
fieldset.shopify_subscriptions_fieldset {
    position: absolute;
    right: -300px;
    top: -24px;
    width: 275px;
}
.shopify_subscriptions_fieldset div[style*="border-width: 1px"] {
  border-width: 0px !important;
}
.shopify_subscriptions_fieldset label {
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
}
.shopify_subscriptions_fieldset label input {
    accent-color: #3c8d5e;
}
.shopify_subscriptions_app_block_label.shopify_subscriptions_purchase_option_wrapper, .shopify_subscriptions_app_block_label {
    background: #F4F8F5;
    border: 1px solid #3C8D5E !important;
    border-radius: 12px;
}
.shopify_subscriptions_app_block_label {
    margin-top: 24px !important;
}
/* subscription css ends*/
/* single page blog css */
.single-blog-page h1 {
    margin: 24px 0;
    font-weight: 600;
}
.single-blog-related h2 {
    font-size: 24px !IMPORTANT;
    text-align: left;
    color: #2A5B2A;
}
.single-blog-related .section__header {
    padding-bottom: 24px;
}
.single-blog-related .f-article-card__info i.fa-solid.fa-arrow-right {
    margin-left: 10px;
}
.single-blog-page {
    margin: 24px 0;
}
.single-blog-page [style*="--aspect-ratio"]:before {
    padding-top: 430px;
    border-radius: 12px;
}
.single-blog-page .f-image .f-img-loaded {
    border-radius: 10px;
}
.single-blog-page .blog-meta {
    display: flex;
    align-items: center;
    gap: 15px;
     color: #717182 !important;
    flex-wrap: wrap;
}
.single-blog-page .f-article-template__block-item {
    margin: 24px auto 24px;
}
.article- .flash-sale-title i.fa-solid.fa-bolt, .article-post-blog .flash-sale-title i.fa-solid.fa-bolt {
    display: none;
}
.author-box h4 {
    font-size: 16px !IMPORTANT;
}
.template-article nav.breadcrumbs {
    background: #ECECF0;
    padding: 15px 20px;
    justify-content: start !IMPORTANT;
    border-bottom: 1px solid #E3E3E5;
}
.template-article .breadcrumbs a, .template-article .breadcrumbs--last {
    font-size: 14px !important;
}
.article-note-box {
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 10px;
  margin-top: 30px;
  align-items: flex-start;
}
.article-note-box .note-icon {
  color: #555;
  flex-shrink: 0;
  margin-top: 3px;
}
.article-note-box p {
  margin: 0 !important;
}
.newsletter-block-wrapper {
  margin-top: 24px;
  margin-bottom: 24px;
}
.newsletter-block {
  padding: 0 24px;
  display: flex;
  gap: 15px;
}
.newsletter-left {
    flex: 1;
}
.newsletter-icon {
  width: 45px;
  flex-shrink: 0;
  height: 45px;
  background: #E9F5ED;
  color: #206B3A;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.newsletter-text h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.newsletter-text p {
  margin: 3px 0 10px 0;
  font-size: 15px;
  color: #717182;
}
.newsletter-form {
  display: flex;
  flex: 1;
  gap: 10px;
}
.newsletter-form input:focus-visible {
    outline: none;
}
.newsletter-form input {
  flex: 1;
  padding: 12px 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
  background: #F3F3F5;
}
.newsletter-form input::placeholder {
    color: #717182;
}
.newsletter-form button {
  background: #2D7A4F;
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
}
.newsletter-form button:hover {
  opacity: 0.9;
}
.article-meta-tags span.meta-tag {
    padding: 2px 8px;
    border: 2px solid #F28C38;
    border-radius: 8px;
    display: inline-block;
    color: #F28C38;
    font-weight: 500 !important;
    font-size: 12px;
}
.article-meta-tags {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}
.article-meta-block p {
    margin-bottom: 7px !important;
}
.article-meta-block {
    padding: 24px 0;
    border-top: 1px solid #D9D9D9;
}
.article-meta-tags span.meta-tag {
    padding: 2px 8px;
    border: 2px solid #F28C38;
    border-radius: 8px;
    display: inline-block;
    color: #F28C38;
    font-size: 12px;
}
.article-meta-tags {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}
.author-box {
    display: flex;
    gap: 16px;
    margin: 0 0 24px;
    padding: 24px 0 12px;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}
.author-box img {
    width: 60px;
    height: 60px;
}
.author-box .author-img {
    width: 60px;
    flex-shrink: 0;
    height: 60px;
    color: #fff;
    border-radius: 50%;
    background: #2D7A4F;
    display: flex;
    align-items: center;
    justify-content: center;
}
.most-read {
    background: #fff;
    padding: 25px;
    border-radius: 14px;
    margin-top: 24px;
    border: 1px solid #E5E5E5;
}
.most-read-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}
.most-read h6 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.most-read span {
    display: block;
}
span.trend-icon i {
    color: #2D7A4F;
    font-size: 22px;
}
.most-read-list {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
}
.related-wrapper h4 {
    font-weight: 600 !important;
    font-size: 24px !IMPORTANT;
}
.most-read-list li {
  counter-increment: item;
  font-size: 18px;
  font-weight: 600;
}
.most-read-list li:not(:last-child) {
    margin-bottom: 12px;
}
.most-read-list li::before {
    content: counter(item, decimal-leading-zero);
    color: #3C8D5E;
    margin-right: 10px;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    width: 35px;
    display: inline-block;
}
.most-read-list a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}
.most-read-list a:hover {
  text-decoration: underline;
}

/* blog page css start */
.blog-single-main {
    border: 2px solid #E5E5E5;
    border-radius: 14px;
    height: 100%;
}
.blog-single-main .f-article-card__info {
    padding: 24px;
    margin: 0;
}
span.blog-tag {
    background: #FF8C42;
    color: #fff;
    padding: 4px 10px;
    border-radius: 8px;
    line-height: normal;
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
}
.blog-single-main .blog-meta span i {
    margin-right: 3px;
}
.blog-single-main .f-article-card__image .f-image:before {
    padding-top: 210px;
}
.blog-single-main .blog-meta span {
    color: #717182;
    font-size: 14px;
}
.blog-single-main .blog-reading-time {
    margin-top: 8px;
}
.blog-single-main h3.f-article-card__title {
    font-size: 16px;
    font-weight: 600;
}
.main-blog-page .f-blog-controls select,
.main-blog-page .f-blog-controls input {
font-size: 15px;
}
.main-blog-page .f-blog-tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
.main-blog-page select#blog-sort {
    padding: 10px;
    border-radius: 8px;
    border-color: #B0B0B0;
}
.main-blog-page .tab-button {
background: #f3f3f3;
border: none;
padding: 8px 16px;
border-radius: 8px;
line-height: normal;
cursor: pointer;
transition: 0.3s ease;
font-weight: 500;
}
.blog-search-wrap {
    position: relative;
    flex: 1;
    width: 100%;
}
.blog-search-wrap i {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #a7a6a5;
    font-size: 14px;
}
.main-blog-page .f-blog-controls input#blog-search {
    padding: 10px 20px 10px 40px;
    border-radius: 8px;
    border-color: #B0B0B0;
    background: #F3F3F5;
    width: 100%;
}
.main-blog-page .f-blog-controls input#blog-search:focus-visible, select#blog-sort:focus-visible {
    outline: none;
}
.main-blog-page .f-blog-controls {
    margin-bottom: 24px;
    gap: 24px;
}
.main-blog-page .tab-button.active,
.main-blog-page .tab-button:hover {
background: #2D7A4F;
color: white;
}
.main-blog-page .blog-card {
transition: all 0.3s ease;
}
.main-blog-page .blog-card:hover {
transform: translateY(-4px);
}
/* blog page css ends */

.section-title, .h2-title h2 {
    color: #2A5B2A;
}
.about-home-title p {
    font-size: 26px;
    line-height: normal;
}
.f-facets__block-header {
    justify-content: space-between !important;
    gap:10px;
}
.faq .section__description {
    margin-top: 12px;
}
.f-badge {
    color: white;
    padding: 4px 8px;
    border-radius: 0 4px 4px 0;
    font-size: 10px;
    font-weight: 600;
  }
.faq .section__header--text {
    text-align: left;
}
.faq .collapsible__content-inner p {
    font-size: 18px;
}
.faq .collapsible__content-inner {
    padding: 0 24px 24px;
}
.faq .collapsible__item-wrap {
    padding: 0;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin-bottom: 24px;
}
.faq .collapsible__button {
    padding: 25px 24px;
    border: none;
    justify-content: space-between;
    margin: 0 !IMPORTANT;
}
/* .faq [data-collapsible-icon] {
    right: 24px;
} */
.faq span.collapsible__button-text {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.page-width {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 20px;
}
.f-slideshow .flickity-wrapper.flickity-controls-group.f-pagination-bg--dark .flickity-page-dots {
    background-color: transparent !IMPORTANT;
    border: none;
}
.custom-product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 40px;
    column-gap: 16px;
}
.product-rating .jdgm-preview-badge .jdgm-star {
    color: #E6B402 !IMPORTANT;
}
span.no-reviews {
    line-height: 21px;
}
.f-product-rating {
    display: none;
}
a {
    cursor: pointer;
}
.btn:not(.btn--plain):not(.btn--underline):after {
    background-color: #2a5b2a !important;
}
.btn:not(.btn--plain):not(.btn--underline):before {
    background-color: #2a5b2a !important;
}
.btn:not(.btn--plain):not(.btn--underline):not(.spr-button,.announcement-bar__close):hover {
    border-color: var(--primary-color) !important;
}

/* product price css */
.informacoes-nutricionais tr td {
    padding: 9px 6px !important;
    border-bottom: 1px solid #D9D9D9;
    border-left: 0;
    border-right: 0;
}
.informacoes-nutricionais table {
    box-shadow: none !important;
}
.informacoes-nutricionais tr td {
    font-size: 12px;
}
.informacoes-nutricionais tr td b {
    font-size: 14px;
}
 .product-price {
    margin-bottom: 12px;
    display: flex;
    align-items: end;
    gap: 6px;
}
.price-compare {
    color: #999;
    text-decoration: line-through;
    font-size: 12px;
    line-height: normal;
}
.product-badges {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 24px;
}
.custom-tags {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.discount-badge {
    /* background: var(--discount-tag); */
    color: white;
    padding: 4px 6px;
    border-radius: 0 4px 4px 0;
    font-weight: 600;
    font-size: 10px;
    position: relative;
    margin-left: 10px;
}
.discount-badge:before {
    position: absolute;
    content: '';
    left: -8px;
    top: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 8px solid var(--discount-tag);
    border-bottom: 12px solid transparent;
}
.discount-badge1 {
    background: var(--discount-tag);
    color: white;
    padding: 4px 6px;
    border-radius: 0 4px 4px 0;
    font-weight: 600;
    font-size: 10px;
    position: relative;
    margin-left: 6px;
  }
  .product-badges span:first-child {
     margin-left: 10px;
    }
  .discount-badge1:before, .f-badge--bestseller:before, .f-badge--vegan:before {
    position: absolute;
    content: '';
    left: -8px;
    top: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.discount-badge1:before {
  border-right: 8px solid var(--discount-tag);
}
.f-badge--bestseller, .f-badge--vegan {
  position: relative;
}
.f-badge--bestseller:before {
  border-right: 8px solid #E6B402;
}
.f-badge--soldout::before {
    border-right: 8px solid #b7b7b7;
}
.f-badge--vegan:before {
  border-right: 8px solid #518451;
}
.all-collection-product {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    padding: 12px;
    height: 100%;
    background: #fff;
}
.sidebar-category-filter {
    padding: 10px 0 0;
}
.sidebar-category-filter li label {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 8px;
}
.sidebar-category-filter li label input {
    width: 16px;
    accent-color: #2a5b2a;
    height: 16px;
    cursor: pointer;
}
.sidebar-category-filter li:not(:last-child) {
    margin-bottom: 14px;
}
.sidebar-category-filter li {
    list-style: none;
}
.filter-head-border h6 {
    border-bottom: 1px solid #D9D9D9;
    padding: 16px 0; 
    font-size: 16px;
    margin-bottom: 24px;
    font-weight: 600;
}
.f-facets__block-header h5 {
    padding: 12px 0; 
    font-size: 16px;
    font-weight: 600;
}
.all-collection-product .f-price--on-sale .f-price__sale {
    gap: 6px;
}
.all-collection-product .btn-comprar {
    margin-top: 12px;
}
.f-facets-price__range {
    background: #F28C38 !IMPORTANT;
}
.f-facets-price__range::-webkit-slider-thumb {
  background: #ffffff !important;
  box-shadow: 1px 1px 10px #a2a2a2 !important;
}
.sidebar-category-filter {
    margin: 0;
}
span.min-value, span.max-value {
    margin-top: 4px;
    font-size: 12px;
}
.price-range {
    margin-top: 8px;
}
.relative {
    position: relative;
}
.main-collection__pagination .f-pagination__item--current {
    background: #A8D5BA;
    color: #1F4F46;
    width: 32px;
    height: 32px;
}
.main-collection__pagination .f-pagination__item {
    font-size: 20px;
}
.main-collection__pagination  .f-pagination__item span, .f-pagination__item svg {
    color: #B0B0B0;
}
.all-collection-product span s.f-price-item--regular {
    color: #626161 !IMPORTANT;
    font-size: 14px !important;
    font-weight: 400;
}
.all-collection-product span.f-price-item--sale, .all-collection-product .f-price-item {
    color: #000 !important;
    font-size: 20px;
    font-weight: 600;
}
.btn-comprar {
    width: 100%;
    padding: 7px 20px;
    line-height: normal;
    height: auto;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.btn-comprar:hover {
    background: #fff;
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.btn-comprar:hover img {
    filter: inherit;
}
.btn-comprar img {
    filter: brightness(0) invert(1);
}
.btn-comprar:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #ccc;
    color: #ccc;
}
.product-recommendations {
    background: transparent;
}
.all-collection-product h3.product-card__title {
    color: #626161;
    font-size: 16px;
    font-weight: 500;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-card {
    height: 100%;
}
.product-extra-details {
    display: flex;
    gap: 20px;
    column-gap: 120px;
    flex-wrap: wrap;
    margin-top: 30px;
    border: 1px solid #C7C6C6;
    padding: 24px;
    border-radius: 24px;
}
.swym-storefront-layout-body {
    width: 100%;
    overflow: auto;
}
.product-section {
  flex: 0 0 44%;
}
.product-section p {
    color: #000;
}
.product-section h3 {
  font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.nutrition-bg .metafield-rich_text_field p:last-child {
    background: #E6F3EC;
    padding: 10px 8px;
    font-weight: 500;
    border-top: 1px solid #A8D5BA;
    border-bottom: 1px solid #A8D5BA;
}
.nutrition-bg p {
    font-size: 12px;
}
.all-collection-product .product-rating {
    margin-bottom: 12px;
}

#Drawer-MobileNav .f-drawer__content {
    background: #0C5C5B;
}
#Drawer-MobileNav .f-mobile-nav__item a.f-mobile-nav__link {
    color: #fff;
    font-weight: 400;
}
.f-mobile-nav__sub-link {
    color: #fff !important; 
}
#Drawer-MobileNav #Mobile-Nav svg {
    stroke: #ffffff;
}
.site-header.mob-header {
    display: none !IMPORTANT;
}
/* wishlist icon css */
button.swym-add-to-wishlist-view-product {
    padding: 0;
    border: none;
}
button.swym-add-to-wishlist-view-product svg {
    width: 25px;
    height: 25px;
    fill: transparent;
}
button.swym-add-to-wishlist-view-product.disabled {
    opacity: 1 !important;
    cursor: pointer;
}
button.swym-add-to-wishlist-view-product.disabled svg {
    fill: red;
}
button.swym-add-to-wishlist-view-product svg path {
    stroke: #000000 !important;
    stroke-width: 20px !important;
}
button.swym-add-to-wishlist-view-product.disabled svg path {
    stroke: red !important;
}
button.swym-button.swym-add-to-wishlist {
    background: transparent !IMPORTANT;
}
.swym-storefront-layout-body, .swym-storefront-layout-container {
    overflow: auto !important;
}
button.swym-button.swym-add-to-wishlist svg {
    height: 30px;
}
button.swym-add-to-wishlist {
    padding: 0 !important;
    height: auto !important;
}
button.swym-button span {
    display: block;
}
.swym-button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    transition: all 0.3s ease;
}
.rating-tab li i {
    color: #E6B402;
}
.swym-button .icon-heart svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #B0B0B0;
    stroke-width: 40px;
    transition: all 0.3s ease;
} 
button.swym-button.disabled {
    opacity: 1 !important;
}
.swym-button.swym-added .icon-heart svg, .swym-button[data-swaction=removeFromWishlist] .icon-heart svg {
    fill: #FF0000;
    stroke: #FF0000;
}
.section-header i {
    display: none;
}
.f-mobile-nav__arrow-icon i {
    color: #fff;
}
/* product bundle css */
.bundle-items {
    display: flex;
    gap: 24px;
    align-items: center;
}
.bundle-item img.bundle-image {
    border: 1px solid #D9D9D9;
    width: 168px;
    background: #fff;
    height: 139px;
    object-fit: contain;
    border-radius: 8px;
    padding: 10px;
}
.bundle-section {
    display: flex;
    padding-top: 24px;
    align-items: center;
    gap: 72px;
}
.bundle-main-wrapper {
    margin-top: 64px;
}
.bundle-section .bundle-total h5 {
    font-size: 24px;
    font-weight: 600;
}
.btn-mob-price-btn {
    display: none;
}
.bundle-section button.bundle-add-to-cart {
    padding: 11px 69px;
    height: auto;
    line-height: normal;
    font-size: 16px;
    color: #2A5B2A;
    border-color: #2A5B2A;
}
.bundle-section .bundle-item {
    max-width: 170px;
}
.bundle-item p.bundle-price {
    color: #000;
    font-weight: 500;
}
.bundle-section .bundle-item p.bundle-title {
    height: 42px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
span.bundle-plus {
    font-size: 29px;
}
.f-product-form__buttons .swym-atw-btn-wrapper {
    justify-content: start;
    flex-direction: inherit;
}
.f-product-form__buttons .f-product-form__submit {
    max-width: 389px;
    flex: 1;
}
.f-product-form__buttons .atw-button.full-width {
    border: none;
    padding: 0;
    font-size: 20px !important;
}
.f-product-form__buttons .atw-button-icon {
    width: 34px;
    height: 40px;
}
.f-product-form__buttons  .atw-button.full-width svg path {
    transform: scale(1.5);
    stroke-width: 1px;
}
.f-product-single__info .f-price-item--regular {
    font-size: 28px;
    font-weight: 700;
}
.f-product-single__info .f-price-item--sale {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}
.f-product-single__info  .f-quantity__wrapper {
     display: flex;
    align-items: center;
    gap: 12px;
}
.f-product-single__info .f-quantity {
    height: 30px;
}
.f-product-single__info .f-quantity__input {
    font-weight: 600;
}
.f-product-single__info .quantity__label span {
    font-size: 18px;
}
.f-product-single__info .f-quantity__wrapper label {
    margin: 0;
}
.f-product-single__block--title, .f-product-single__block--text {
    margin: 0px 0 12px !important;
}
.f-product-single__info-quantity {
    padding: 12px 0;
}
.sticky-atc-bar .f-image img {
    object-fit: contain;
}
.comprar-selo-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 23px 0 24px;
}
.comprar-selo-wrapper p {
    font-size: 12px;
    font-weight: 600;
    color: #1D4F56;
}
.f-product__media-wrapper media-gallery {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background:#fff;
    overflow: hidden;
    height: 100%;
}
.f-single-product--information {
    padding: 54px 0 30px;
}
.template-product nav.breadcrumbs {
    display: none;
}
.f-product-single__info {
    padding: 24px 0 !IMPORTANT;
}
.comprar-selo-wrapper .img-text {
    text-align: center;
}
.comprar-selo-wrapper .img-text img {
    margin-bottom: 8px;
    object-fit: contain;
}
.add_to_cart_button_right-position.atw-button-added svg path {
    fill: red;
    stroke: red;
}
/* collection page css */
.jdgm-prev-badge {
    margin-bottom: 12px !important;
}
.collection-card {
    border: 1px solid #dedede;
    padding: 15px;
    border-radius: 12px;
}
/* cart page css */
cart-drawer h2#cart-drawer-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.swym-ui-component .swym-sfl-popup-dialog.swym-control-centre-mode {
    padding: 20px;
}
cart-drawer .f-cartgoal--done .f-cartgoal__success-message {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.cart- .swym-cc-sfl-popup-action-container {
    padding: 20px !important;
}
.cart- figure img.swym-cc-sfl-popup-image {
    object-fit: contain !important;
}
.swym-cc-sfl-popup-desktop button.swym-button {
    min-width: fit-content !important;
    padding: 9px 20px !important;
}
.checkout-steps {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 98px;
}
.checkout-steps span i {
    font-size: 12px;
}
.checkout-steps span.step {
    font-size: 18px;
    color: #626161;
}
.cart-table-product .f-cart-item__quantity, .f-cart-item__totals {
    vertical-align: bottom !important;
}
.checkout-steps span.step.active {
    color: #000;
    font-weight: 600
}
.cart-table-product {
    max-width: 842px;
    background: #fff;
    display: block;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
}
.cart-table-product f-cart-goal.f-cartgoal {
    max-width: 100% !important;
    text-align: left !IMPORTANT;
    margin: 0 !important;
}
.cart-table-product .f-cart-item__image {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    overflow: hidden;
    padding: 10px;
    width: 120px;
    height: 110px !IMPORTANT;
}
.cart-table-product [style*="--aspect-ratio"]>:first-child {
    object-fit: contain;
}
.cart-table-product [style*="--aspect-ratio"]:before {
    padding-top: 90px;
}
.cart-table-product .f-quantity {
    height: 38px;
}
.f-cart-item__remove .btn--underline:after {
    display: none;
}
.summary-list li {
    display: flex;
    align-items: center;
    color: #000;
    justify-content: space-between;
}
#main-cart-footer .f-cart__footer .tax-note {
    text-align: left;
    margin-bottom: 0;
}
#main-cart-footer  .f-cart__footer .totals>* {
    font-weight: 600;
    color: #000;
}
ul.summary-list {
    padding: 24px 12px 0;
    margin: 0;
}
#main-cart-footer .summary-products img {
    border: 1px solid #dedede;
    border-radius: 4px;
    height: 70px;
    width: 70px;
    object-fit: contain;
}
#main-cart-footer .summary-products {
    display: flex;
    align-items: center;
    overflow: auto;
    padding: 12px 12px 0;
    gap: 8px;
}
cart-remove-button {
    display: flex;
    align-items: center;
    gap: 32px;
}
cart-remove-button .btn--underline {
    font-size: 14px;
    color: #265D4A;
}
.cart-table-product f-cart-goal.f-cartgoal .f-cartgoal__title {
    font-size: 12px !important;
    background: #EAEECC;
    padding: 12px 25px;
    color: #38580C;
    border-radius: 8px 8px 0 0;
    line-height: normal;
    font-weight: 600 !important;
    margin: 0 !important;
}
.cart-table-product #main-cart-items {
    padding-bottom: 0 !important;
}
.cart-table-product  .f-cart-item__price-wrapper .product-option {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Inter';
    color: #000;
}
.cart-table-product  .f-cart-item__details a.f-cart-item__name.h6 {
    font-weight: 500;
    color: #000;
}
.cart-table-product f-cart-goal.f-cartgoal .f-cartgoal__title span i {
    margin-right: 8px;
}
.cart-table-product .f-cartgoal__inner {
    display: none;
}
.f-cart__footer .f-cart__subtotal {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    background: #fff;
}

.f-cart__footer .f-cart__block--subtotal {
    padding: 24px 12px;
}
.f-cart__footer .f-cart__block--buttons {
    padding: 0 12px 24px;
}
.f-cart__footer .totals {
    justify-content: space-between;
}
.f-cart__footer .total-box-head {
    border-bottom: 1px solid #D9D9D9;
    padding: 12px;
}
.f-cart__footer .total-box-head h4 {
    margin: 0;
    font-weight: 600;
}
.custom-cart-product {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 24px;
}
.f-cart__items {
    border-bottom: none !important;
}
.custom-cart-product:not(:last-child) {
border-bottom: 1px solid #D9D9D9;
}
.custom-cart-product .f-cart-item__name {
    font-weight: 500;
}
.custom-cart-product .quantity.f-cart-item__quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.custom-cart-product .product-info {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}
.custom-cart-product .price {
    width: 100%;
}
.custom-cart-product .f-cart__quantity-wrapper.relative {
    display: flex;
    align-items: center;
    gap: 16px;
}
.cart- .section-header {
    margin-bottom: 24px;
}
.cart- #shopify-section-template--26857345057110__breadcrumb_z9Rnif {
    flex: 100%;
}
.cart- .f-cart__footer {
    padding: 0;
}
.cart- h2.section-title {
    font-size: 28px !important;
}
.cart- .pagination-wrapper {
    display: none;
}
.cart- .all-products-section .page-width {
    padding: 0;
}
.product-recommendations .product-card {
    padding: 0;
    border: none;
}
.product-recommendations h2.section__heading {
    text-align: left;
}   
.product-recommendations .product-card__link img {
    object-fit: contain;
}
.swym-add-to-wishlist-product {
    padding: 0 !important;
    height: auto !IMPORTANT;
}
.mobile-checkout-btn {
    display: none;
}
/* popup css */
/* Floating Icon Styles */
.popup-float-btn {
  position: fixed;
  bottom: 25px;
  left: 25px;
  background-color: #2a5b2a;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: all 0.3s ease;
}
.popup-float-btn:hover {
  transform: scale(1.05);
}
.popup-float-btn i {
  font-size: 40px;
    color: #fff;
}
.results-grid {
    max-width: 290px;
    margin: 30px auto 0;
}
.product-info .btn-comprar {
    justify-content: center;
}
.result-section h2 {
    font-size: 22px !important;
    text-align: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}
.results-grid .product-image {
  width: 100%;
  height: auto;
}
.results-grid .product-info {
  padding: 10px 15px 0;
}
.results-grid .product-title {
  font-size: 16px;
  color: #333;
  margin: 10px 0 5px;
}
.product-popup {
    position: fixed;
    bottom: 40px;
    left: 70px;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
button#prev-btn {
    background: #bfbfbf !important;
}
.product-popup.active {
  display: flex;
}
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
#questionnaire-section {
  display: none;
}

#results-section {
  display: none;
}
#intro-section .intro-body {
    padding: 48px 24px 24px;
}
#intro-section .intro-body h4 {
    font-weight: 600;
}
#intro-section .intro-body button {
    background: #00A63E;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 24px;
    left: 24px;
    width: calc(100% - 48px);
}
.popup-content {
  position: relative;
  width: 500px;
  max-width: 500px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 10000;
  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  max-height: 90vh;
  min-height: 400px;
  overflow-y: auto;
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.popup-close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 36px;
  height: 36px;
  border: none;
  color: #fff;
  font-size: 28px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
  line-height: 1;
  padding: 0;
}
.popup-close:hover {
  transform: rotate(90deg);
}
.heading-popup-main h5 {
    font-weight: 600;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.heading-popup-main h5 i {
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #00a63e;
    justify-content: center;
}
.heading-popup-main {
    background: #00A63E;
    padding: 10px 12px;
    color: #fff;
}
.popup-header-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 32px 32px 24px;
  position: relative;
  overflow: hidden;
}
.popup-header-section::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.popup-header-section::after {
  content: '';
  position: absolute;
  bottom: -50%;
  left: -20%;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
/* Progress Bar */
.progress-bar {
  width: 100%;
  height: 7px;
  background: #ccc;
  margin-top: 5px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.progress-fill {
  height: 100%;
  background: #3C8D5E;
  border-radius: 2px;
  width: 10%;
  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.que-bar {
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
    padding: 12px 24px 12px;
}
.question-container .question {
    padding: 4px 24px 24px;
}
/* Question Counter */
.question-counter {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}
/* Question Container */
/* .question-container {
  padding: 40px 32px 32px;
  min-height: 300px;
} */
.question-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.3;
}
/* Options Container */
.options-container {
  display: flex;
 flex-wrap: wrap;
  gap: 10px;
}
/* Option Cards */
.option-card {
  position: relative;
  cursor: pointer;
}
.option-card input[type="radio"],
.option-card input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.option-label {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  flex: 0 0 48%;
  gap: 10px;
}
.option-label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 0;
}
.option-card:hover .option-label {
  border-color: #667eea;
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}
.option-card input[type="radio"]:checked ~ .option-label,
.option-card input[type="checkbox"]:checked ~ .option-label {
  border-color: #667eea;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
  transform: translateX(4px);
}
.option-card input[type="radio"]:checked ~ .option-label .radio-circle,
.option-card input[type="checkbox"]:checked ~ .option-label .radio-circle {
  background: white;
  border-color: white;
}
.option-card input[type="radio"]:checked ~ .option-label .radio-circle::after,
.option-card input[type="checkbox"]:checked ~ .option-label .radio-circle::after {
  background: #667eea;
}
/* Radio Circle */
.radio-circle {
  width: 24px;
  height: 24px;
  border: 2px solid #cbd5e0;
  border-radius: 50%;
  margin-right: 16px;
  position: relative;
  flex-shrink: 0;
  transition: all 0.3s ease;
  background: white;
  z-index: 1;
}
.radio-circle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  background: #667eea;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.option-card input[type="radio"]:checked ~ .option-label .radio-circle::after,
.option-card input[type="checkbox"]:checked ~ .option-label .radio-circle::after {
  transform: translate(-50%, -50%) scale(1);
}
/* Option Text */
.option-text {
  font-size: 14px;
  font-weight: 500;
  color: #2d3748;
  transition: color 0.3s ease;
  z-index: 1;
  position: relative;
}
.options-container input#text-answer, .options-container  input#number-answer {
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 10px 10px;
    border-radius: 5px;
}
.option-card input[type="radio"]:checked ~ .option-label .option-text,
.option-card input[type="checkbox"]:checked ~ .option-label .option-text {
  color: white;
}
/* Navigation Buttons */
.navigation-buttons {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #dedede;
    padding: 22px 24px;
}
input[type="radio"] {
    accent-color: #2a5b2a;
}
div#results-section {
    padding: 0 20px;
    text-align: center;
    height: 50vh;
}
div#results-section .inner-result h5 {
    font-weight: 600;
    margin-bottom: 5px;
}
.inner-result .success-icon i {
    background: #00A63E;
    color: #fff;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 25px;
    margin-bottom: 24px;
}
div#results-section .inner-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#product-popup .nav-btn {
  padding: 4px 25px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  background: #00A63E;
  color: #fff;
}
#product-popup .nav-btn span {
  position: relative;
  z-index: 1;
}
.prev-btn {
  background: #f0f0f0;
  color: #333;
}
.prev-btn:hover {
  background: #e0e0e0;
  transform: translateX(-2px);
}
.next-btn-primary,
.submit-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
  margin-left: auto;
}
.next-btn-primary::before,
.submit-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
.next-btn-primary:hover::before,
.submit-btn:hover::before {
  width: 300px;
  height: 300px;
}
.next-btn-primary:active,
.submit-btn:active {
  transform: translateY(0);
}
/* Results Section */
.results-section h3 {
      font-size: 28px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
    padding-bottom: 10px;
}
.popup-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.loading-text {
  text-align: center;
  color: #666;
  padding: 40px;
  font-size: 16px;
}
.recommendation-info {
  grid-column: 1 / -1;
  padding: 20px;
  background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
  border-radius: 12px;
  margin-bottom: 10px;
}
.recommendation-info h2 {
  font-size: 22px;
  color: #667eea;
  margin-bottom: 10px;
}
.recommendation-info p {
  color: #666;
  line-height: 1.6;
}
.product {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.product img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 16px;
}
.product h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #1a1a1a;
}
.product p {
  font-size: 20px;
  font-weight: 600;
  color: #667eea;
  margin-bottom: 16px;           
}     
.checkout-btn {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.checkout-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* main product css starts */
.product-icons {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.product-icon {
  width: 36px;
  height: 36px;
  position: relative;
}
.product-icon img {
  width: 100%;
  height: auto;
}
.product-icon.not-included::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #a30000;
  transform: rotate(-25deg);
}
/* main product css starts */

/* Mobile Responsive */
@media (max-width: 640px) {
    .result-section h2 {
        font-size: 18px !important;
    }
    .results-grid .product-info {
        padding: 10px 0 0;
    }
  .popup-content {
    border-radius: 20px;
    max-height: 95vh;
    width: auto;
  }

  .popup-header-section {
    padding: 24px 24px 20px;
  }

  .questionnaire-section {
    padding: 10px 5px 5px;
  }

  .question-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .options-container {;
        gap: 10px;
    }
  .option-label {
    padding: 6px 12px;
  }

  .option-text {
    font-size: 12px;
  }
  .results-section h3 {
    font-size: 20px;
  }
  .navigation-buttons {
    flex-wrap: wrap;
  }

  #product-popup .nav-btn {
    font-size: 15px;
  }

  .prev-btn {
    flex: 1;
    min-width: 120px;
  }

  .next-btn-primary,
  .submit-btn {
    flex: 1;
    min-width: 120px;
  }

  .popup-products {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1229px) {
    .cart- main#MainContent #shopify-section-template--26857345057110__cart-items, .cart-table-product {
        max-width: 100%;
    }
    .cart- div#main-cart-footer {
        max-width: 100%;
    }
    .cart- div#main-cart-footer .f-cart__footer>* {
        width: 100%
    }
}
@media (max-width: 1213px) {
    .cart- .f-cart__footer {
        position: relative;
        top: 0;
    }
    .product- .f-product-single__info--sticky {
        max-width: 100%;
    }
    fieldset.shopify_subscriptions_fieldset {
        position: static;
        width: 100%;
    }
}
@media (max-width: 991px) {
    div#Mobile-Nav img {
    filter: brightness(0) invert(1);
}
    .cart__footer-wrapper {
        margin: 0;
    }
    .checkout-steps {
        margin-bottom: 38px;
    }
    .column-switcher {
        display: none;
    }
    .filter-head-border {
        display: none;
    }
    .f-mobile-nav__inner .f-mobile-nav__item .main-header-outer img {
        margin-right: 16px;
        filter: brightness(0) invert(1);
        width: 18px;
        height: 18px;
    }
    .f-mobile-nav__dropdown {
        padding-left: 3.6rem;
    }
    .f-mobile-nav__inner li.f-mobile-nav__item {
        margin-bottom: 10px;
    }
    .bundle-items {
        gap: 10px;
        align-items: start;
    }
    .bundle-item img.bundle-image {
        width: 97px;
        height: 97px;
    }
    .bundle-section {
        flex-direction: column;
        gap: 24px;
    }
    .product-extra-details {
        flex-direction: column;
        gap: 24px;
        padding: 24px 12px;
        margin: 0;
    }
    .product-section h3 {
        font-size: 14px;
    }
    .product-section div {
        font-size: 12px;
    }
    .theme-search {
        display: none !important;
    }
    .site-header.mob-header {
        display: block !IMPORTANT;
    }
     .cart- div#main-cart-footer, .f-cart__footer .f-cart__subtotal {
        margin-top: 0 !important;
    }
     .cart- .cart__footer-wrapper, div#main-cart-footer {
        width: 100%  !important;
        max-width:100% !important;
    }
    .cart- .all-products-section .page-width{
        padding: 0 !important;
    }
    .f-section {
        margin-top: 24px;
    }
}
@media (max-width: 768px) {
    .f-cart__footer .f-cart__block--subtotal {
      padding: 24px 12px 0;   
    }
    body .wa-chat-bubble {
        bottom: 60px !important;
    }
    body .wa-widget-send-button {
        bottom: 30px !important;
    }
    .static-block-wrap {
        display: none !important;
    }
    #intro-section .intro-body {
        padding: 24px 12px 12px;
    }
    .popup-float-btn {
        width: 45px;
        height: 45px;
        left: 10px;
        bottom: 70px;
    }
    div#product-popup {
        padding: 0 10px;
        left: 50px;
    }
    .question-container .question {
        padding: 4px 12px 12px;
    }
    .que-bar {
        margin-bottom: 12px;
        padding: 12px 12px 12px;
    }
    .popup-float-btn i {
        font-size: 20px;
    }
    .newsletter-icon {
        width: 40px;
        height: 40px;
    }
    .newsletter-form button, .newsletter-form input {
        padding: 3px 10px;
        width: 100%;
        flex: inherit;
    }
    .newsletter-block {
        padding: 24px;
        background: #fff;
        border-radius: 10px;
    }
    .author-box img, .author-box img {
        width: 35px;
        height: 35px;
    }
    .most-read-list a {
        font-size: 14px;
    }
    .single-blog-page [style*="--aspect-ratio"]:before {
        padding-top: 200px;
    }
    .most-read-list li::before {
        font-size: 20px;
        margin-right: 5px;
        width: auto;
    }
    .related-wrapper h4 {
        font-weight: 600 !important;
        font-size: 16px !IMPORTANT;
    }
    .most-read {
        padding: 20px;
    }
    div#whatsapp-chat-widget {
        display: block;
    }
    div#chatbot-toggle {
    display: none;
}
    .main-blog-page .f-blog-controls {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .main-blog-page .tab-button {
        font-size: 14px;
        padding: 8px 12px;
    }
    .main-blog-page .f-blog-controls input,
    .main-blog-page .f-blog-controls select {
        width: 100%;
    }
    .all-collection-product span.f-price-item--sale, .all-collection-product .f-price-item {
        font-size: 16px;
    }
    .product-recommendations .section__header {
        padding-bottom: 4px !important;
    }
    .product-emi {
        margin-top: -4px;
    }
    .f-cart__footer .f-cart__block--buttons .cart__ctas {
        display: none;
    }
    .mobile-checkout-btn {
        display: block;
        display: flex;
        align-items: center;
        gap: 24px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: #ffffff;
        width: 100%;
        padding: 24px 12px;
        border-top: 1px solid #dedede;
    }
    .mobile-checkout-btn button#checkout {
        flex: 1;
    }
    .mobile-checkout-btn p {
        font-size: 20px;
        font-weight: 500;
        color: #000;
        margin: 0;
        line-height: normal;
    }
    .mobile-checkout-btn p span {
        font-size: 12px;
        color: #626161;
    }
    .pagmento .payment-icons {
        padding: 12px !IMPORTANT;
    }
    .cart- .breadcrumbs {
        display: block;
        padding-bottom: 0 !important;
    }
    .cart- .swym-ui-component .swym-sfl-popup-dialog.swym-control-centre-mode .swym-cc-sfl-popup-action-container>div figure {
        margin: 0 auto;
    }
    .cart- .swym-cc-sfl-popup-content p, .cart- .swym-cc-sfl-popup-content h3 {
        text-align: center;
    }
    .cart- .swym-cc-sfl-popup-content {
        padding: 0 !IMPORTANT;
        margin-top: 20px;
    }
    .cart- .swym-ui-component .swym-sfl-popup-dialog.swym-control-centre-mode .swym-cc-sfl-popup-action-container>div {
        flex-direction: column;
        justify-content: center;
    }
    .cart- h2.section-title {
        font-size: 14px !important;
    }
    .custom-cart-product .f-cart__quantity-wrapper .f-cart-item__price-wrapper {
        display: none;
    }
    .custom-cart-product {
        display: flex !IMPORTANT;
        margin-bottom: 0 !important;
    }
    .cart-table-product .f-cart-item__price-wrapper .product-option {
        font-size: 14px;
    }
    .cart-table-product [style*=--aspect-ratio]:before {
        padding-top: 70px;
    }
    .cart-table-product .f-cart-item__image {
        width: 71px;
        height: 88px!important;
    }
    .cart-table-product .f-quantity {
        width: 99px;
    }
    .cart-table-product .f-cart-item__details a.f-cart-item__name.h6 {
        font-size: 12px;
    }
    .f-cart-item__remove .btn--underline {
        font-size: 10px;
    }
    .checkout-steps span.step {
        font-size: 10px;
    }
    .checkout-steps {
        gap: 6px;
        margin-bottom: 10px;
    }
    .checkout-steps .separator {
        line-height: normal;
    }
    .checkout-steps span i {
        font-size: 8px;
        padding: 10px 0;
    }
    .breadcrumbs {
        display: none;
    }
    .filter-head-border h6 {
        margin-bottom: 4px;
        padding: 16px 20px;
    }
    .shopify_subscriptions_purchase_option_wrapper {
        margin: 0 !important;
    }
    .product- .sticky-atc-bar__product [style*=--aspect-ratio]:before {
        padding-top: 100%;
    }
     .product- [style*="--aspect-ratio"]:before {
        /* padding-top: calc(100%/(0 + var(--aspect-ratio-mobile, var(--aspect-ratio, 16/9)))); */
        padding-top: 353px;
    }
    .product- .f-image img {
        max-height: 400px;
    }
    .product- .f-product__media-viewer [data-media-viewer]:before {
        padding-top: 353px !important;
    }
    .bundle-main-wrapper {
        margin-top: 24px;
    }
    .bundle-total {
        width: 100%;
    }
    .bundle-section button.bundle-add-to-cart {
        padding: 11px 24px;
        width: 100%;
        position: relative;
    }
    .btn-mob-price-btn i {
        position: absolute;
        right: 25px;
    }
    .f-single-product--information {
        padding: 24px 0 24px;
    }
    .f-product-single__info {
        padding: 0 20px !important;
    }
    .f-product-single__title {
        font-size: 20px !important;
    }
    .bundle-total h5 {
        display: none;
    }
    .btn-mob-price-btn {
        display: block;
    }
    .bundle-section .bundle-item {
        max-width: 90px;
    }
    span.bundle-plus {
        margin-top: 50px;
    }
    .column-switcher button.btn.btn--icon {
        width: auto;
        padding: 10px 7px;
    }
    .breadcrumbs a, span.breadcrumbs--last {
        font-size: 14px;
    }
    .no-reviews {
        font-size: 13px;
    }
    .breadcrumbs {
        padding: 20px 0 !important;
            justify-content: start;
    }
    .breadcrumbs--sep {
        margin: 0 7px;
    }
    .section-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .section-header i {
        color: var(--primary-color);
        display: block;
    }
    body {
        background: #FAF9F8;
    }
   
    .btn-comprar {
      padding: 6px 20px;
      font-size: 12px;
      background: var(--primary-color);
      color: #fff;
    }
    .heading-border {
        border-color: #D9D9D9;
      border-width: 1px 0 1px 0;
      border-style: solid;
      padding: 12px 0;
      margin-bottom: 24px;
    }
    .section-title {
        margin: 0 0 12px;
    }
    .about-home-title .f-column__image.flex-1 {
        display: none;
    }
    h2 {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
     h4 {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    .about-home-title p, .faq .collapsible__content-inner p {
        font-size: 12px;
    }
    .faq .collapsible__button {
        padding: 12px;
        gap: 10px;
    }
    .faq .collapsible__content-inner {
        padding: 0 12px 12px;
    }
    .faq span.collapsible__button-text {
        font-size: 14px;
    }
    .popup-close {
        right: 0;
        top: 0;
    }
}
@media (max-width: 480px) {
    .popup-products .product img {
        height: 170px;
        object-fit: contain;
    }
}



.cart- main#MainContent {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    max-width: 1281px;
    padding: 0 20px;
    gap:15px;
}
.cart- div#main-cart-footer {
    max-width: 329px;
}
.cart- main#MainContent .container {
    padding: 0 !important;
}
.cart- main#MainContent #shopify-section-template--26857345057110__cart-items {
    flex-shrink: 0;
    max-width: 842px;
    width: 100%;
}
.cart- .cart__footer-wrapper {
    flex-shrink: 0;
    width: fit-content;
}
.cart- .section-all-products {
    flex: 100%;
}
.cart- .cart-template {
    width: 100%;
}
.cart- div[data-section-type="main-cart-footer"] {
    padding: 0 !IMPORTANT;
}

/* chatbot css */
chatbot-button {
    border-radius: 50%;
    background: ${this.primaryColor};
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
}
.message-content h3.bot-h3 {
    font-size: 20px;
    font-weight: 600;
    color: #2a5b33;
    margin: 15px 0 0;
}
.message-content ul.bot-list {
    padding: 0 0 0 20px;
}
.message-content ul.bot-sublist {
    padding-left: 14px;
}
.chatbot-button img {
width: 54px;
height: 54px;
}
.chatbot-desc {
padding: 12px;
background: #F3F4F6;
margin-bottom: 22px;
border-radius: 8px;
}
.chatbot-desc p {
line-height: 18px;
font-size: 14px;
color: #626161;
margin: 0;
}
.bot-text-bubble .message-content {
padding: 0;
}
.bot-text-bubble {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
background: #F4F2F2 ;
color: #333;
padding: 10px;
border-radius: 12px;
font-size: 14px;
font-weight: 500;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
border: 1px solid #e0e0e0;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
z-index: 1000;
max-width: 300px;
min-width: 290px;
display: flex;
align-items: flex-start;
gap: 12px;
}        
.bot-text-bubble .message-content p {
    font-size: 14px !important;
}
.bot-text-bubble .message-close-btn {
position: absolute;
top: -11px;
left: -14px;
background: #005656;
color: white;
border: 1px solid #fff;
border-radius: 50%;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 12px;
font-weight: bold;
transition: all 0.2s ease;
}

.bot-text-bubble .message-close-btn:hover {
background: #004444;
transform: scale(1.1);
}
    
.bot-text-bubble .message-content p {
margin: 0;
color: #171717;
font-size: 10px;
line-height: normal;
}

.bot-text-bubble .message-content p:last-child {
margin-bottom: 0;
letter-spacing: .2px;
}    

.chatbot-window {
position: absolute;
bottom: 80px;
right: 0;
width: 403px;
height: 505px;
background: white;
border-radius: 16px;
box-shadow: 0 12px 32px rgba(0,0,0,0.15);
display: flex;
flex-direction: column;
overflow: hidden;
}

#chatbot-window .chatbot-header {
background: #0C5C5B;
color: white;
padding: 10px 12px;
display: flex;
justify-content: space-between;
align-items: center;
}

#chatbot-window .header-content {
display: flex;
align-items: center;
gap: 14px;
}

#chatbot-window .header-icon {
width: 50px;
height: 50px;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #005656;
}
#chatbot-window .header-icon img {
width: 42px;
height: 42px
}        
#chatbot-window .header-text h3 {
margin: 0;
font-size: 16px;
font-weight: 700;
color: white;
}

.header-text p {
margin: 2px 0 0 0;
font-size: 14px;
color: rgba(255,255,255,0.8);
font-weight: 400;
line-height: normal;
}

.chatbot-close {
background: none;
border: none;
color: white;
font-size: 28px;
cursor: pointer;
line-height: 1;
padding: 0;
width: 28px;
height: 28px;
}

#chatbot-window .chatbot-messages {
flex: 1;
overflow-y: auto;
padding: 24px;
background: #f8f9fa;
}

.message {
margin-bottom: 16px;
display: flex;
animation: slideIn 0.3s ease;
}

@keyframes slideIn {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.bot-message .message-content {
    background: #f0f0f0;
    color: #333;
    min-height: 35px;
    word-break: break-word;
}

.user-message {
justify-content: flex-end;
}
.message-content {
padding: 10px;
border-radius: 10px;
line-height: 18px;
font-size: 13px;
}
#chatbot-window .user-message .message-content {
background: #005656;
color: white;
}

#chatbot-window .chatbot-input-container {
padding: 12px 24px;
background: white;
border-top: 1px solid #e8e8e8;
}

#chatbot-window .input-section {
display: flex;
gap: 12px;
}

#chatbot-window #chatbot-input {
flex: 1;
padding: 12px 16px;
border: 2px solid #D9D9D9;
border-radius: 24px;
outline: none;
font-size: 14px;
background: #f8f9fa;
transition: all 0.2s ease;
}

#chatbot-window #chatbot-input:focus {
border-color: #005656;
background: white;
box-shadow: 0 0 0 3px rgba(0, 86, 86, 0.1);
}

#chatbot-window #chatbot-send {
background: #005656;
color: white;
border: none;
width: 44px;
height: 44px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}

#chatbot-window #chatbot-send:hover {
background: #004444;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 86, 86, 0.3);
}

.typing-indicator {
display: flex;
gap: 4px;
align-items: center;
padding: 10px 14px;
}

.typing-indicator span {
width: 8px;
height: 8px;
background: #999;
border-radius: 50%;
animation: typing 1.4s infinite;
}

.typing-indicator span:nth-child(2) {
animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
animation-delay: 0.4s;
}

@keyframes typing {
0%, 60%, 100% {
transform: translateY(0);
}
30% {
transform: translateY(-5px);
}
}

#chatbot-window .product-recommendations {
margin-top: 12px;
}

#chatbot-window .quick-title {
margin: 0 0 12px 0;
font-size: 16px;
font-weight: 600;
color: #0c0d0d;
}
#chatbot-window .quick-chips {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
flex-wrap: wrap;
}
#chatbot-window .chip-button {
background: #DEF6E7;
color: #46744A;
border: 2px solid #DEF6E7;
border-radius: 12px;
gap: 10px;
padding: 8px 12px;
text-align: left;
font-size: 12px;
font-weight: 400;
cursor: pointer;
display: flex;
transition: all 0.2s ease;
align-items: center;
justify-content: space-between;
}
#chatbot-window .chip-button:hover {
background: #005656;
color: #fff;
border-color: #005656;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 86, 86, 0.2);
}
.quick-email {
border-top: 1px dashed #e0e0e0;
padding-top: 5px;
margin-bottom: 10px;
}
.quick-email-label {
display: block;
font-size: 12px;
color: #626161;
margin-bottom: 8px;
line-height: 16px;
}
.quick-email-row {
display: flex;
gap: 8px;
}
#quick-email-input {
flex: 1;
padding: 10px 12px;
border: 2px solid #D9D9D9;
border-radius: 10px;
outline: none;
background: #f8f9fa;
transition: all 0.2s ease;
}
#quick-email-input:focus {
border-color: #005656;
background: #fff;
box-shadow: 0 0 0 3px rgba(0, 86, 86, 0.1);
}
#chatbot-window .btn-email {
background: #0C5C5B;
color: #fff;
border: none;
border-radius: 10px;
padding: 10px 14px;
font-weight: 600;
font-size: 12px;
cursor: pointer;
transition: all 0.2s ease;
}
#chatbot-window .product-card {
background: white;
border: 2px solid #dedede;
border-radius: 12px;
min-width: 150px !important;
padding: 0 0 10px !important;
overflow: hidden;
transition: all 0.3s ease;
flex: 1;
}
#chatbot-window .product-card.out-of-stock {
opacity: 0.6;
border-color: #ff6b6b;
background: #fff5f5;
}
#chatbot-window .product-header {
margin-bottom: 8px;
}
#chatbot-window .product-category {
font-size: 12px;
color: #666;
background: #f0f0f0;
padding: 2px 6px;
border-radius: 4px;
}
#chatbot-window .product-details {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
#chatbot-window .product-price {
font-size: 15px;
font-weight: 500;
margin: 13px 0 5px;
color: #000;
}
#chatbot-window .product-stock {
font-size: 12px;
padding: 2px 6px;
border-radius: 4px;
}
#chatbot-window .product-stock.in-stock {
background: #d4edda;
color: #155724;
}
#chatbot-window .product-stock.out-of-stock {
background: #f8d7da;
color: #721c24;
}
#chatbot-window .product-actions {
text-align: center;
}
#chatbot-window .btn-select-product.add-cart-btn {
    background: transparent;
    color: #3c8d5e;
    border: 1px solid #3c8d5e;
    line-height: normal;
    margin-bottom: 8px;
    }
    .add-cart-btn span {
    display: flex;
    align-items: center;
    gap: 5px;
}
#chatbot-window .btn-select-product {
background: #3c8d5e;
color: white;
    width: calc(100% - 20px);
border: none;
padding: 8px 12px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
display: inline-block;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}
#chatbot-window .btn-select-product:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
#chatbot-window .action-buttons {
margin-top: 16px;
display: flex;
gap: 12px;
}
#chatbot-window .btn-action {
flex: 1;
background: #e6ffe6;
color: #005656;
border: 2px solid #e6ffe6;
padding: 12px 16px;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
#chatbot-window .btn-action:hover {
background: #005656;
color: white;
border-color: #005656;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 86, 86, 0.2);
}
       
@media (max-width: 768px) {
    .product- #CartDrawer [style*="--aspect-ratio"]:before {
        padding-top: 140px;
    }
    .product- #CartDrawer .f-image img {
    max-height: max-content;
}
    .chatbot-window {
        width: calc(100vw - 40px);
        height: calc(100vh - 100px);
        bottom: 80px;
        right: -20px;
    }
    #chatbot-window .product-details {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}
#chatbot-window .product-recommendations {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}
#chatbot-window .product-image {
  width: 100%;
  height: 100px;
  object-fit: contain;
  display: block;
}
#chatbot-window .product-info {
  padding: 10px;
  color: #333;
}
#chatbot-window .product-name {
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0;
  height: 32px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#chatbot-window .product-stock {
  font-size: 13px;
  color: #777;
}
#chatbot-window .product-link {
  text-decoration: none;
  color: inherit;
}
#chatbot-window .product-recommendations {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}
#chatbot-window .product-card:hover {
  transform: translateY(-2px);
}
#chatbot-window .product-stock {
  font-size: 13px;
  color: #777;
}
#chatbot-window .product-desc {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
}
div#chatbot-toggle {
    cursor: pointer;
}
/* chatbot css ends */