/** Shopify CDN: Minification failed

Line 226:0 Unexpected "}"
Line 258:47 Unexpected "("
Line 259:1 Expected identifier but found "%"
Line 260:0 Unexpected "<"
Line 261:0 Comments in CSS use "/* ... */" instead of "//"
Line 262:0 Comments in CSS use "/* ... */" instead of "//"
Line 263:0 Comments in CSS use "/* ... */" instead of "//"
Line 264:0 Comments in CSS use "/* ... */" instead of "//"
Line 265:0 Comments in CSS use "/* ... */" instead of "//"
Line 266:0 Comments in CSS use "/* ... */" instead of "//"
... and 71 more hidden warnings

**/


.hover-animation:before {
    content: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    background-color: transparent !important;
    transform: none !important;
    clip-path: none !important;
    backface-visibility: visible !important;
    transition: none !important;
    animation: none !important;
}

.button.hover-animation {
  border-radius: 30px!important; /* Adjust the value to your desired radius for non-hover state */
}

.button.hover-animation:hover {
  border-radius: 30px!important; /* Adjust the value to your desired radius for hover state */
}

.button, .product-form .shopify-payment-button__button--unbranded {
    font-size: var(--body-size);
    color: var(--button-color);
    display: inline-block;
    min-width: 200px;
    min-height: 44px;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    padding: 16px 24px;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    border: 0;
    position: relative;
    border-radius: 100px;
    background: var(--button-background);
    padding: 1vh!important;
}

@media (max-width: 720px) {
    .breadcrumbs, .main-navigation-wrapper, .navigation-super, .page-wrapper, .product-images-lightbox>div {
        padding-left: 4vw;
        padding-right: 10vw;
    }
}

/* Add your custom CSS here */


.product-details form>:not(:last-child) {
    margin: 1.5vh;
}

button.offer-option-btn {
    margin-bottom: unset;
}

._1fragem2i._1fragemo1::after {
    content: "Your custom text goes here.";
    display: block;
    margin-top: 20px; /* Adjust this value as needed */
    font-size: 16px; /* Adjust this value as needed */
    color: #000; /* Adjust this value as needed */
    background-color: #f0f0f0; /* Optional: add background color */
    padding: 10px; /* Optional: add padding */
    border-radius: 5px; /* Optional: add border radius */
}


/* BEGIN CSS rules to prevent unwanted scrolling*/

body.loading, body.unloading {
  overflow: hidden;
}

#main-body {
  overflow: hidden; /* Prevents the #main-body from causing overflow */
}

/* Ensure no element causes overflow */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll */
}
.discount_code_box{
  display: block;
}
/* Specific for your overlay and other sections */
#slideout-overlay {
  overflow: hidden;
}
.hulkapps-cart-total{
  margin-left: 10px;
}
/* END CSS rules to prevent unwanted scrolling*/

.share-wrapper,.article-author
{display: none;}

*:not(img):not(svg):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.product--item-title):not(.product-item-price):not(.product-item):not(.grid-item-20):not(.swiper-slide):not(.aos-init):not(.aos-animate):not(.swiper-slide-active):not(.product-item__wrapper):not(.product-item__image-wrapper):not(.product--item-title):not(.product-item-price) {
  border-radius: 30px; /* Adjust the value to your desired radius */
}



.accordion-faq--template--15976518877393__accordion_qFP6jh .accordion-content {
    border-bottom: 1px solid #000000;
    margin-bottom: 1em;
    border-radius: unset !important;
}


.image-with-text-overlay__wrapper--textAlignment-center {
    text-align: center;
    margin: auto;
    width: 63%;
}

.department-item figure.overlay-80:before {
    background-color: var(--header-color-opacity-80); /* White color with opacity */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8; /* Opacity set to 80% always */
    transition: opacity .2s cubic-bezier(.25,.46,.45,.94); /* Transition effect */
    content: "";
}

.department-item figure.overlay-20:before {
    background-color: var(--header-color-opacity-20); /* White color with 20% opacity */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8; /* Opacity set to 80% always */
    content: "";
}



/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

.index-wrapper .shopify-section {
  margin-top: 2vh;
  margin-bottom: 2vh;
}

/* Hide on mobile */

@media (max-width: 767px) {
#shopify-section-template--15976518615249__index_image_with_text_overlay_NAVya7

{
	display: none !important;
}
}

/* Hide on desktop */

@media (min-width: 768px) {
#shopify-section-template--15976518615249__index_image_with_text_overlay_kGgErC {
  display: none !important;
  }
}


/* Select the specified classes with common styles */
.department-item.department-item-image_3HRiE6.aos-init.aos-animate::before,
.department-item.department-item-image_Yq3Y37.aos-init.aos-animate::before {
    /* Create a pseudo-element for the overlay */
    content: '';
    /* Position the pseudo-element */
    position: absolute;
    top: 0; /* Align to the top of the parent element */
    left: 0; /* Align to the left of the parent element */
    width: 100%; /* Cover the full width of the parent element */
    height: 100%; /* Cover the full height of the parent element */
    /* Apply the overlay with white color at 50% opacity */
    background-color: rgba(255, 255, 255, 0.5) !important; /* White at 50% opacity with !important */
}

/* Ensure the parent elements have relative positioning */
.department-item {
    position: relative;
}

.blog-rss svg {
   display: none !important;
}

.guarantee-container {
        gap: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .guarantee-container {
        padding: 11px 15px;
    }
}
.guarantee-container {
    order: 2;
    padding: 11px 29px;
    gap: 26px;
    align-items: center;
    background-color: #fbf8f5;
    border-radius: 8px;
    display: inline-flex;
    width: 100%;
    margin-bottom: 30px;
}

.guarantee-container img {
    height: 88px;
    width: auto;
}

.guarantee-text, .grey-text, .green-text {
margin: 1vh!important;
}

.guarantee-text p {
margin: 1vh!important;
}

<!-- Begin Shopify-Clearpay JavaScript Snippet (v1.2.1) -->
{% if cart.currency.iso_code == shop.currency %}
<script type="text/javascript">
// Overrides:
// var clearpay_msg_size = 'sm';  // Can be 'xs', 'sm', 'md' or 'lg'.
// var clearpay_bold_amount = true;
// var clearpay_logo_theme = 'colour';  // Can be 'colour', 'black' or 'white'.
// var clearpay_modal_open_icon = true;
// var clearpay_hide_upper_limit = false;
// var clearpay_hide_lower_limit = true;
// var clearpay_show_if_outside_limits = true;

// var clearpay_product_integration_enabled = true;
// var clearpay_product_selector = '#product-price-selector';
// var clearpay_variable_price_fallback = false;
// var clearpay_variable_price_fallback_selector = '';
// var clearpay_variable_price_fallback_method = 'mutation';  // Can be 'mutation' or 'interval'.

// var clearpay_cart_integration_enabled = true;
// var clearpay_cart_static_selector = '#cart-subtotal-selector';
// var clearpay_variable_subtotal_fallback = false;
// var clearpay_variable_subtotal_fallback_selector = '';
// var clearpay_variable_subtotal_fallback_method = 'mutation'; // Can be 'mutation' or 'interval'.

// var clearpay_dynamic_cart_integration_enabled = false;
// var clearpay_dynamic_cart_selector = '.cart-drawer__footer .totals';
// var clearpay_dynamic_cart_observer_target = '#CartDrawer';

// var clearpay_footer_logo_enabled = true;
// var clearpay_footer_logo_format = 'icon';  // Can be 'icon', 'stacked' or 'logo'.
// var clearpay_footer_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'.
// var clearpay_footer_logo_background = 'border';  // Can be 'border' or 'transparent'.
// var clearpay_footer_logo_container = 'footer ul.payment-icons';
// var clearpay_footer_logo_template = '<li class="payment-icon"><object data="{logo_path}" type="image/svg+xml"></object></li>';

// Non-editable fields:
var clearpay_js_language = {{ localization.language.iso_code | slice: 0, 2 | json }};
var clearpay_js_country = {{ localization.country.iso_code | json }};
var clearpay_shop_currency = {{ shop.currency | json }};
var clearpay_cart_currency = {{ cart.currency.iso_code | json }};
var clearpay_shop_money_format = {{ shop.money_format | json }};
var clearpay_shop_permanent_domain = {{ shop.permanent_domain | json }};
var clearpay_theme_name = {{ theme.name | json }};
var clearpay_product = {{ product | json }};
var clearpay_product_collections = {{ product.collections | map: 'title' | join: ',' | json }};
var clearpay_current_variant = {{ product.selected_or_first_available_variant | json }};
var clearpay_cart_total_price = {{ cart.total_price | json }};
var clearpay_cart_skus = {{cart.items | map: 'sku' | join: ',' | json }};
var clearpay_cart_collections = {{cart.items | map: 'product' | map: 'collections' | map: 'title' | uniq | join: ',' | json }};
var clearpay_js_snippet_version = '1.2.1';
</script>
<script type="text/javascript" src="https://static.afterpay.com/shopify-clearpay-javascript.js"></script>
{% else %}
<!-- Clearpay disabled: {{ cart.currency.iso_code }} != {{ shop.currency }} -->
{% endif %}
<!-- End Shopify-Clearpay JavaScript Snippet (v1.2.1) -->

.clearpay-banner {
    background-color: #B2FCE4;
    color: #000000;
    padding: 2vh 2vw!important;
    line-height: 2rem;
}

#shopify-section-clearpay-banner {
  visibility: collapse;
  display: none;
}