/** Shopify CDN: Minification failed

Line 38:24 Unterminated string token

**/
@media (min-width: 768px) {
   #shopify-section-template--22727413268816__main > div > div > form > div > div.grid__item.text-right > div.btn-wrapper-default > button {
  margin-right:20px;
}
}


[data-grid-slider-wrapper] .swiper-btn--wrapper.swiper-btn-layout__left-and-right .swiper-button--next, [data-grid-slider-wrapper] .swiper-btn--wrapper .swiper-button--next, [data-grid-slider-wrapper] .swiper-btn--wrapper .swiper-button--prev {

    background-color: rgb(255 255 255 / 50%) !important;
}

    .drawer .paymentButtonsWrapper .product--add-to-cart-button, .drawer .paymentButtonsWrapper .shopify-payment-button {
       
        width: 100% !important;
    }

.homepage-featured-content-box-inner  h2 {
  font-weight:600 ;
}




a.appstle_manageSubBtn .btn {
width:100%;}

.homepage-collection-grid-item {
  margin-bottom:40px;
}

.appstle_tooltip_content {
  color:#000 !important'
}

body#seasonal-flowers-amp-subscriptions-for-home-amp-office-flowers-by-flourish #appstle_subscription_widget0 .appstle_tooltip_wrapper .appstle_tooltip .appstle_tooltip_appstle {
  display:none !important;
}

body#flower-subscriptions-regular-flower-bouquets-delivered-nationwide #appstle_subscription_widget0 .appstle_tooltip_wrapper .appstle_tooltip .appstle_tooltip_appstle
 {
  display:none !important;
}

#appstle_subscription_widget0 .appstle_tooltip_content
{
  background: #e8f7d5 !important;
  color: #000 !important;
}
/* --- Custom Padding for Product Price Block --- */
.product-form-block--price {
  padding-top: var(--padding-top-desktop, 20px);
  padding-bottom: var(--padding-bottom-desktop, 0px);
}

@media (max-width: 768px) {
  .product-form-block--price {
    padding-top: var(--padding-top-mobile, 10px);
    padding-bottom: var(--padding-bottom-mobile, 0px);
  }
}

/* FINAL -- Styling for 'Perfect For' Occasions */
.price-and-occasions-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.product-price-group {
  flex-shrink: 0;
}

.perfect-for-text {
  text-align: right;
  min-width: 0;
  font-size: var(--occasion-font-size-desktop, 14px);
}

.perfect-for-text .occasion-button {
  display: inline-block;
  padding: 8px 14px;
  color: var(--font-color, #FFFFFF);
  background: linear-gradient(to bottom, var(--gradient-top, #8eb87b), var(--gradient-bottom, #6a9f59));
  border-radius: 5px;
  line-height: 1.2;
}

.perfect-for-text .occasion-button strong {
  color: inherit;
  font-weight: var(--label-weight-desktop, 700);
}

.perfect-for-text .occasion-button .occasion-values {
  font-weight: var(--values-weight-desktop, 400);
}

/* --- Layout Options --- */
/* Desktop Stacked Layout */
@media (min-width: 769px) {
  .price-and-occasions-container.layout-desktop--stacked {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .price-and-occasions-container.layout-desktop--stacked .perfect-for-text {
    text-align: left;
  }
}

/* --- Mobile-specific overrides --- */
@media (max-width: 768px) {
  .perfect-for-text {
    font-size: var(--occasion-font-size-mobile, 12px);
  }
  .perfect-for-text .occasion-button strong {
    font-weight: var(--label-weight-mobile, 700);
  }
  .perfect-for-text .occasion-button .occasion-values {
    font-weight: var(--values-weight-mobile, 400);
  }
  
  /* Mobile Stacked Layout */
  .price-and-occasions-container.layout-mobile--stacked {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .price-and-occasions-container.layout-mobile--stacked .perfect-for-text {
    text-align: left;
  }
}

/* FINAL -- 'Perfect For' Button Animations (with Shimmer Controls) */
/* --- Keyframe Definitions --- */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes shimmer {
  0% { transform: translateX(-150%) skewX(-25deg); }
  100% { transform: translateX(150%) skewX(-25deg); }
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
/* --- Prepare Button for Shimmer --- */
.product-form-wrapper .occasion-button {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
/* --- Create the Shimmer Element --- */
.product-form-wrapper .occasion-button::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--shimmer-color, #FFFFFF) 50%,
    transparent 100%
  );
  opacity: var(--shimmer-opacity, 0.4);
  transform: translateX(-150%) skewX(-25deg);
  z-index: 2;
  animation: none; /* Default to no animation */
}
/* --- Applying the selected animation with high priority --- */
.product-form-wrapper .perfect-for-text[data-animation="fade-in"] .occasion-button {
  animation: fadeIn 0.8s ease-in-out both !important;
}
/* This now triggers the shimmer effect with your custom settings */
.product-form-wrapper .perfect-for-text[data-animation="flash"] .occasion-button::after {
  animation: shimmer var(--shimmer-speed, 3s) infinite !important;
}
.product-form-wrapper .perfect-for-text[data-animation="pulse"] .occasion-button {
  animation: pulse 2s infinite !important;
}

/* Product Page Divider Block */
.product-form-divider {
  padding-top: var(--padding-top-mobile);
  padding-bottom: var(--padding-bottom-mobile);
  margin: 0;
  width: 100%;
  border: none;
  border-bottom: var(--divider-thickness, 1px) solid var(--divider-color, #e5e5e5);
}

@media screen and (min-width: 750px) {
  .product-form-divider {
    padding-top: var(--padding-top-desktop);
    padding-bottom: var(--padding-bottom-desktop);
  }
}

/* -- Combined ATC Button (Final Corrected Version) -- */

/* == 1. Main Layout & Default State == */
.combined-atc-button {
  display: flex;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  height: 50px;
  box-sizing: border-box;
  gap: 0 !important;
}
.combined-atc-button__quantity {
  flex: 0 0 25%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border-right: 1px solid #5c5c5c; /* Divider */
  
  

  /* FIX: Transition removed to prevent glimmer */
}
.combined-atc-button__atc {
  flex: 1 1 75%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  background-color: #000000 !important;
  color: #FFFFFF !important;

  /* FIX: Transition removed to prevent glimmer */
}
.combined-atc-button quantity-input,
.combined-atc-button .js-qty {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.combined-atc-button .js-qty__num {
  flex-grow: 1;
  text-align: center;
  color: #FFFFFF !important;
  background: transparent;
  border: none;
  height: 100%;
}
.combined-atc-button .js-qty__adjust svg path {
  stroke: #FFFFFF !important; 
  transition: stroke 0.2s ease;
}
.combined-atc-button .product--add-to-cart-button {
  height: 100%;
  width: 100%;
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: none;
  transition: color 0.2s ease;
}

/* == 2. Hover & Focus Styling (Corrected) == */

.combined-atc-button:hover > .combined-atc-button__quantity {
  background-color: #FFFFFF !important;
  border-right-color: #e6e6e6 !important; /* Add this line */
}
/* FIX: Restored the hyper-specific rule for the ATC button's background */
div.combined-atc-button:hover > div.combined-atc-button__atc > button.product--add-to-cart-button {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
.combined-atc-button:hover .js-qty__num {
  color: #000000 !important;
}
.combined-atc-button:hover .js-qty__adjust svg path {
  stroke: #000000 !important;
}
/* Reset any unwanted outlines from children on focus */
.combined-atc-button:focus-within * {
  outline: none !important;
  box-shadow: none !important;
}


/* -- Final Brute Force Border Fix -- */

/* This hyper-specific rule targets the inner ATC button on hover/focus
   and makes its own border transparent, allowing the container's border to show. */
body .combined-atc-button:hover .btn.product--add-to-cart-button,
body .combined-atc-button:focus-within .btn.product--add-to-cart-button {
  border-color: transparent !important;
}

/* -- Brute Force Override for .js-qty Border -- */

/* This hyper-specific rule targets the quantity container and
   forcefully removes the unwanted border from the theme. */
.combined-atc-button .js-qty {
  border: none !important;
}

