/** Shopify CDN: Minification failed

Line 97:16 Unexpected "{"
Line 97:24 Expected ":"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/
.halo-ask-an-expert-banner button {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}
.collection-title .icon {
  fill: #fff;
}
.footer-block__details{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer-block__details .image_logo img{
  width: 150px !important;
  height: 150px !important;
}
.halo-popup.halo-notification-popup {
  width: 300px;
}
.halo-popup.halo-notification-popup .product-info .text, .halo-popup.halo-notification-popup .product-info span, .halo-popup.halo-notification-popup .product-info a{
  font-size: 13px;
}
.product-suggest .product-info{
  padding: 10px !important;
}
.halo-article-content .article-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.article-heading {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .halo-article-content .article-header {
    flex-direction: column-reverse;
  }
  .article-heading {
    width: 100%;
  }
  .halo-article-content .article-header .article-image img {
    width: auto !important;
  }
}
.halo-article-content .article-header .article-image img {
  width: 300px;
}

.custom-input {
    margin-bottom: 10px; /* Adjust as needed this is for the notify me for sold out products  */
}

/* Fix for missing SVG icons in RTL (Arabic) */
html[lang="ar"] svg path {
  display: block !important;
}
html[lang="ar"] svg {
  display: inline-block !important;
  visibility: visible !important;
  width: 20px;
  height: auto;
}


/* Hide hCaptcha elements to prevent layout issues */
textarea[name="h-captcha-response"],
textarea[id^="h-captcha-response"],
.h-captcha,
iframe[src*="hcaptcha.com"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* this is for the stars on the reviews of the customers  */
.section-block-{{section.id}} .star-reviews {
    display: flex;
    justify-content: center; /* Centers horizontally */
    margin-left: auto;
    margin-right: auto;
    width: fit-content; /* Only take needed width */
}
/* for the discount on blessed journey  */
/* Desktop (default) */
.badge.bj-offer-badge {
  background: linear-gradient(135deg, #2e7d32, #4caf50);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
  line-height: 1;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .badge.bj-offer-badge {
    font-size: 10px;
    padding: 4px 8px;
  }
}

/* Very small phones */
@media (max-width: 480px) {
  .badge.bj-offer-badge {
    font-size: 9px;
    padding: 3px 6px;
  }
}
/* logic discoutn for blessed journey */
.bj-item-message {
  display: block !important;
  font-size: 12px;
  margin-top: 6px;
  color: #DB1A1A;
  font-weight: 600;
  line-height: 1.4;
}

.bj-item-message.success {
  color: #DB1A1A;
}

/* Hide mobile View As toolbar */
@media (max-width: 1024px) {
    [data-view-as-mobile] {
        display: none !important;
    }
}

/* Force 2 products on all phones */
@media (max-width: 359px) {
    .productGrid .product,
    .productGrid.column-2 .product,
    .productGrid.column-3 .product,
    .productGrid.column-4 .product,
    .productGrid.column-5 .product {
        width: 50%;
    }
}
/* delivery info for the product page */
.elmeraki-delivery-info {
    padding: 14px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.elmeraki-delivery-info h4 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
}

.elmeraki-delivery-info ul {
    margin: 0;
    padding-left: 18px;
}

.elmeraki-delivery-info li {
    margin-bottom: 6px;
    line-height: 1.5;
}
/* delivery info for the product page */



/* Hide share + back-to-top floating buttons */
.recently-viewed-icon,
back-to-top-button.recently-viewed-icon {
    display: none !important;
}

/* description button for scroll */
.elmeraki-product-actions .elmeraki-scroll-btn {
    width: 100% !important;
    margin-top: 14px !important;
    padding: 14px 20px !important;
    border: 1px solid #12261f !important;
    border-radius: 8px !important;
    background-color: #f2debd !important;
    color: #12261f !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.35s ease !important;
    appearance: none !important;
}

.elmeraki-product-actions .elmeraki-scroll-btn:hover {
    background-color: #12261f !important;
    color: #f2debd !important;
    border-color: #12261f !important;
    transform: translateY(-2px);
}

.elmeraki-product-actions .elmeraki-scroll-btn:active {
    transform: translateY(0);
}

/* collapse button for delivery info */
#delivery-info {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    transition: all 0.4s ease;
}

#delivery-info.is-open {
    max-height: 500px;
    opacity: 1;
    padding-top: 14px;
    padding-bottom: 14px;
    border-width: 1px;
    margin-top: 12px;
}

/*button slide  */
.slide-button {
    margin-top: 250px;
}
@media screen and (min-width: 769px) {
    .slide-button {
        padding: 20px 50px;
        font-size: 25px;
    }
}
@media screen and (max-width: 768px) {
    .slide-button {
        margin-top: 325px;
        padding: 30px 60px;
        font-size: 20px;
    }
}

/* fresh items badge */
.fresh-badge {
    background: #4F7942;
    color: white;
    font-size: 100px;
}