/** Shopify CDN: Minification failed

Line 143:11 Unexpected "="
Line 146:5 Expected ":"
Line 149:8 Unexpected "("
Line 150:5 Expected ":"
Line 153:8 Unexpected "("
Line 154:5 Expected ":"
Line 157:8 Unexpected "("
Line 158:5 Expected ":"
Line 162:5 Expected ":"

**/
/* RE3AYA MOBILE BOTTOM NAV V3 */

.r3-bottom-nav {
  display: none;
}

@media screen and (max-width: 749px) {
  body {
    padding-bottom: 68px !important;
  }

  .r3-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 950;

    height: 64px;
    padding: 5px 7px 6px;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px;

    background: rgba(255,255,255,.985);
    border-top: 1px solid rgba(16,24,40,.08);
    box-shadow: 0 -12px 34px rgba(16,24,40,.13);
  }

  .r3-bottom-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    right: 18px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(138,21,41,.35), transparent);
  }

  .r3-bottom-item {
    position: relative;
    border: 0;
    border-radius: 15px;
    background: transparent;
    text-decoration: none;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;

    color: #22314C;
    font-family: inherit;
    cursor: pointer;
    transition: all .18s ease;
  }

  .r3-bottom-icon {
    width: 25px;
    height: 25px;
  }

  .r3-bottom-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .r3-bottom-icon svg {
  shape-rendering: geometricPrecision;
}

  .r3-bottom-label {
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .01em;
  }

  .r3-bottom-item:active {
  background: rgba(138,21,41,.06);
  color: #8A1529;
  transform: translateY(-1px);
}
.r3-meds-icon svg {
  transform: scale(1.12);
}
.r3-search-item {
  color: #22314C;
}

.r3-search-item svg {
  filter: none;
}

.r3-search-item svg {
  filter: drop-shadow(0 2px 6px rgba(138,21,41,.18));

}
  .r3-bottom-count {
    display: none;
    position: absolute;
    top: 3px;
    right: 17px;

    min-width: 16px;
    height: 16px;
    padding: 0 4px;

    border-radius: 999px;
    background: #8A1529;
    color: #fff;

    font-size: 10px;
    font-weight: 900;
    line-height: 16px;
    text-align: center;

    box-shadow: 0 4px 10px rgba(138,21,41,.25);
  }
}
/* ACTIVE STATE */

const path = window.location.pathname;

if (path.includes('/cart')) {
  nav.querySelector('a[href="/cart"]')?.classList.add('r3-active');
}

else if (path.includes('/collections/pharmacy')) {
  nav.querySelector('a[href="/collections/pharmacy"]')?.classList.add('r3-active');
}

else if (path.includes('/account')) {
  nav.querySelector('a[href="/account"]')?.classList.add('r3-active');
}

else if (path.includes('/search')) {
  nav.querySelector('[data-action="search"]')?.classList.add('r3-active');
}

else {
  nav.querySelector('[data-action="shop"]')?.classList.add('r3-active');
}
@media screen and (max-width: 749px) {
  .r3-bottom-item.r3-active {
    color: #8A1529 !important;
    background: rgba(138,21,41,.06) !important;
  }

  .r3-bottom-item.r3-active svg {
    stroke: #8A1529 !important;
  }

  .r3-bottom-item.r3-active::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 3px;
    border-radius: 999px;
    background: #8A1529;
  }
}