/** Shopify CDN: Minification failed

Line 229:122 Unexpected "}"

**/
/* ==============================================
   INDIGO ESSENTIALZ - Modern UI Enhancements
      ============================================== */

      /* --- Global smooth scroll & transitions --- */
      html {
        scroll-behavior: smooth;
        }

        *, *::before, *::after {
              transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
        }

        /* --- Typography improvements --- */
        body {
              -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                  letter-spacing: 0.01em;
                  }

                  /* --- Announcement bar --- */
                  .announcement-bar {
                      letter-spacing: 0.08em;
                        font-weight: 500;
                        }

                        /* --- Header / Navigation --- */
                        .header-wrapper {
                              box-shadow: 0 2px 12px rgba(0,0,0,0.06);
                                backdrop-filter: blur(8px);
                                }

                                /* --- Navigation links smooth hover --- */
                                .header__menu-item,
                                .header__active-menu-item {
                                      transition: color 0.2s ease, opacity 0.2s ease !important;
                                      }

                                      .header__menu-item:hover {
                                          opacity: 0.75;
                                      }

                                      /* --- Navigation category buttons --- */
                                      .header__menu-item .header__menu-item--link,
                                      header-menu a {
                                          position: relative;
                                            transition: color 0.2s ease !important;
                                      }

                                      /* --- Buttons - modern rounded style --- */
                                      .button,
                                      .btn,
                                      button[type="submit"],
                                      .shopify-challenge__button {
                                          border-radius: 50px !important;
                                            font-weight: 600 !important;
                                              letter-spacing: 0.05em !important;
                                                transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
                                                }

                                                .button:hover,
                                                .btn:hover,
                                                button[type="submit"]:hover {
                                                      transform: translateY(-2px);
                                                        box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
                                                }

                                                .button:active,
                                                .btn:active {
                                                      transform: translateY(0px);
                                                      }

                                                      /* --- Product cards - elevated hover effect --- */
                                                      .card-wrapper,
                                                      .product-card-wrapper {
                                                          transition: transform 0.3s ease, box-shadow 0.3s ease !important;
                                                            border-radius: 12px !important;
                                                              overflow: hidden;
                                                      }

                                                      .card-wrapper:hover,
                                                      .product-card-wrapper:hover {
                                                          transform: translateY(-4px);
                                                            box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
                                                            }

                                                            .card__inner,
                                                            .card {
                                                                  border-radius: 12px !important;
                                                                    overflow: hidden;
                                                            }

                                                            /* --- Product images smooth zoom --- */
                                                            .card__media img,
                                                            .media img {
                                                                  transition: transform 0.4s ease !important;
                                                                  }

                                                                  .card-wrapper:hover .card__media img,
                                                                  .card-wrapper:hover .media img {
                                                                      transform: scale(1.04);
                                                                  }

                                                                  /* --- Search bar --- */
                                                                  .search__input,
                                                                  input[type="search"],
                                                                  .field__input {
                                                                      border-radius: 50px !important;
                                                                        transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
                                                                        }

                                                                        .search__input:focus,
                                                                        input[type="search"]:focus,
                                                                        .field__input:focus {
                                                                              box-shadow: 0 0 0 3px rgba(var(--color-foreground), 0.08) !important;
                                                                                outline: none !important;
                                                                                }

                                                                                /* --- Input fields --- */
                                                                                .field__input,
                                                                                input[type="text"],
                                                                                input[type="email"],
                                                                                input[type="password"],
                                                                                textarea,
                                                                                select {
                                                                                      border-radius: 8px !important;
                                                                                        transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
                                                                                }

                                                                                .field__input:focus,
                                                                                input[type="text"]:focus,
                                                                                input[type="email"]:focus {
                                                                                      box-shadow: 0 0 0 3px rgba(var(--color-foreground), 0.08) !important;
                                                                                }

                                                                                /* --- Collection navigation pill buttons --- */
                                                                                .menu-drawer__navigation a,
                                                                                .list-menu__item--link {
                                                                                      border-radius: 8px;
                                                                                        transition: background-color 0.2s ease, padding-left 0.2s ease !important;
                                                                                }

                                                                                .list-menu__item--link:hover {
                                                                                      padding-left: 6px;
                                                                                }

                                                                                /* --- Cart drawer --- */
                                                                                .cart-drawer {
                                                                                      border-radius: 16px 0 0 16px !important;
                                                                                      }

                                                                                      .cart-drawer__header {
                                                                                          border-bottom: 1px solid rgba(var(--color-foreground), 0.08);
                                                                                      }

                                                                                      /* --- Price tag --- */
                                                                                      .price {
                                                                                          font-weight: 700 !important;
                                                                                            letter-spacing: 0.02em;
                                                                                            }

                                                                                            /* --- Badge / sale labels --- */
                                                                                            .badge,
                                                                                            .card__badge {
                                                                                                  border-radius: 50px !important;
                                                                                                    font-weight: 600 !important;
                                                                                                      letter-spacing: 0.04em;
                                                                                                        font-size: 0.7rem !important;
                                                                                                          padding: 4px 10px !important;
                                                                                            }

                                                                                            /* --- Slideshow / hero section --- */
                                                                                            .slideshow__slide {
                                                                                                  border-radius: 0 0 24px 24px;
                                                                                                    overflow: hidden;
                                                                                                    }

                                                                                                    /* --- Section headings --- */
                                                                                                    .section-header h2,
                                                                                                    .title {
                                                                                                          letter-spacing: -0.02em;
                                                                                                    }

                                                                                                    /* --- Footer --- */
                                                                                                    .footer__content-top {
                                                                                                          border-top: 1px solid rgba(var(--color-foreground), 0.08);
                                                                                                    }

                                                                                                    /* --- Quantity selector --- */
                                                                                                    .quantity {
                                                                                                          border-radius: 50px !important;
                                                                                                            overflow: hidden;
                                                                                                    }

                                                                                                    /* --- Pagination --- */
                                                                                                    .pagination__item {
                                                                                                          border-radius: 50px !important;
                                                                                                            transition: background-color 0.2s ease, color 0.2s ease !important;
                                                                                                            }

                                                                                                            /* --- Focus states for accessibility --- */
                                                                                                            a:focus-visible,
                                                                                                            button:focus-visible,
                                                                                                            input:focus-visible {
                                                                                                                  outline: 2px solid rgba(var(--color-foreground), 0.5) !important;
                                                                                                                    outline-offset: 3px;
                                                                                                                    }

                                                                                                                    /* --- Smooth image loading --- */
                                                                                                                    img {
                                                                                                                          transition: opacity 0.3s ease;
                                                                                                                    }

                                                                                                                    /* --- Mobile menu --- */
                                                                                                                    .menu-drawer {
                                                                                                                          border-radius: 0 16px 16px 0 !important;
                                                                                                                          }

                                                                                                                          /* --- Tooltip/popup --- */
                                                                                                                          .cart-notification {
                                                                                                                              border-radius: 12px !important;
                                                                                                                                box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
                                                                                                                                }
                                                                                                                          }
                                                                                                                    }
                                                                                                                    }
                                                                                                            }
                                                                                                    }
                                                                                                    }
                                                                                                    }
                                                                                                    }
                                                                                            }
                                                                                            }
                                                                                      }
                                                                                      }
                                                                                }
                                                                                }
                                                                                }
                                                                                }
                                                                                }
                                                                        }
                                                                  }
                                                                  }
                                                            }
                                                            }
                                                      }
                                                      }
                                                }
                                                }
                                      }
                                      }
                                      }
                                }
                        }
                  }
        }
        }