/** Shopify CDN: Minification failed

Line 126:0 Unexpected "{"
Line 126:1 Expected identifier but found "."
Line 129:0 Unexpected "{"
Line 129:26 Expected ":"
Line 131:1 Unexpected "}"

**/
/*
custom.css

Use this file to add custom CSS to your theme.
Make sure to uncomment out the line in theme.liquid so that this css file is loaded.

For more information check out this help guide:
https://help.switchthemes.co/shapes/advanced/custom-css.html
*/
.ingrediant_items,
.alphabet_list {
    display: block;
    width: 100%;
    max-width: var(--max-site-width);
    margin: 40px auto;
    margin-top: 0;
    padding: 0 35px;
}

.alphabet_list ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  background: #ebbfb8;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  flex-wrap: wrap;
}

.alphabet_list li a{
  margin-right: 15px;
  text-align: center;
  color: #e1634a;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  transition: .4s;
  display: block;
}

.alphabet_list li a:hover {
  background: #e1634a;
  color: #ebbfb8
}

.ingrediant_content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 25px 0;
}

.ingrediant_wrapper {
  border-top: 2px dashed #e2644a;
  margin: 20px 0;
  padding: 20px 0;
  position: relative;
}

.letter_block {
  top: -16px;
  position: absolute;
  text-transform: uppercase;
  background: #e2644a;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-weight: 800;
}

.image_container {
  background: #E0DDD6;
  padding: 20px;
  border-radius: 20px;
  max-width: 300px;
      min-width: 300px;
  margin-right: 25px;
}

.image_container img{
  margin: 0 auto;
}

.ingrediant_text h2 {
  margin-bottom: 20px;
  font-weight: 800;
  color: #e2644a;
}

html {
  scroll-behavior: smooth;
}

@media (max-width: 768px) {
  .ingrediant_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 25px 0;
    gap: 25px;
  }
}
.product-block-title h1{
  color: rgb(226, 100, 77) !important;
}
.product-tile h3{
  color: black !important;
}
{.product-tile h4
color: black !important;
}
{product-block-buy-buttons
colour: rgb(223, 99, 76) !important;
}}