/** Shopify CDN: Minification failed

Line 748:25 Invalid escape

**/
#chat-button{
    z-index: 19 !important;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

input[type="search"] {
  -moz-appearance: textfield;
}

.hide-scroll-bar::-webkit-scrollbar {
    display: none;
}

.shopify-policy__container .shopify-policy__title h1{
  font-size: 24px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  margin-bottom: 32px !important;
}

.shopify-policy__container .shopify-policy__body h2{
  font-size: 20px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  margin-bottom: 20px !important;
}

.shopify-policy__container .shopify-policy__body p{
  margin: 10px 0px !important;
}

.shopify-policy__container .shopify-policy__body ul li{
  list-style-type: circle !important;
  margin: 10px 0px !important;
  margin-left: 32px !important;
}

.hide-scroll-bar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.section-container{
    max-width: var(--page-width);
    padding: var(--page-padding);
    margin: auto;
}

@media screen and (max-width: 768px) {
    .section-container{
        padding: 20px;
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-5px);
    }
}

.bouncy {
  animation: bounce 0.5s;
}

@keyframes fadeUp {
  0% {
    opacity: 0.01;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0;
  animation: fadeUp 1000ms ease-out forwards;
  animation-delay: var(--delay, 0ms);
  animation-fill-mode: both;
}

.fade-up-item {
  animation-fill-mode: both;
}

/* .selected {
  border: 1px solid #5B525033;
  background-color: #5B52501A;
} */

.image-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.image2-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.carousel-container {
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.product-card {
  flex: 0 0 auto;
}

.popup-content {
  max-width: 75%;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 40px;
}

.fixed{
  position: fixed;
}

/* BYOB boxes */
.bundle-box {
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.empty-box {
  background-color: #f9f9f9;
  text-align: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.empty-box svg{
  width: 40px;
  height: 40px;
}

.bundle-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.remove-button {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #f56565;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}


/* Default (applies to all screen sizes) */
.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

/* Small screens and up (sm) */
@media (min-width: 640px) {
  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:justify-around {
    justify-content: space-around;
  }

  .sm\:justify-evenly {
    justify-content: space-evenly;
  }
}

/* Medium screens and up (md) */
@media (min-width: 768px) {
  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:justify-evenly {
    justify-content: space-evenly;
  }
}

/* Large screens and up (lg) */
@media (min-width: 1024px) {
  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:justify-around {
    justify-content: space-around;
  }

  .lg\:justify-evenly {
    justify-content: space-evenly;
  }
}

/* Extra-large screens and up (xl) */
@media (min-width: 1280px) {
  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:justify-around {
    justify-content: space-around;
  }

  .xl\:justify-evenly {
    justify-content: space-evenly;
  }
}

/* Default (applies to all screen sizes) */
.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

/* Small screens and up (sm) */
@media (min-width: 640px) {
  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }
}

/* Medium screens and up (md) */
@media (min-width: 768px) {
  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-baseline {
    align-items: baseline;
  }

  .md\:items-stretch {
    align-items: stretch;
  }
}

/* Large screens and up (lg) */
@media (min-width: 1024px) {
  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-baseline {
    align-items: baseline;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }
}

/* Extra-large screens and up (xl) */
@media (min-width: 1280px) {
  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:items-baseline {
    align-items: baseline;
  }

  .xl\:items-stretch {
    align-items: stretch;
  }
}

/* Default (applies to all screen sizes) */
.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

/* Small screens and up (sm) */
@media (min-width: 640px) {
  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}

/* Medium screens and up (md) */
@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}

/* Large screens and up (lg) */
@media (min-width: 1024px) {
  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}

/* Extra-large screens and up (xl) */
@media (min-width: 1280px) {
  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}

/* Steps and review-carousel css */

.embla__dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
.embla__dot {
  width: 12px;
  height: 12px;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.embla__dot:after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  content: '';
  background-color: #cccccc;
}
.embla__dot--selected:after {
  background-color: #000000;
}

.step-dots .embla__dot {
  border-radius: 0% !important;
  width: 35px !important;
  height: 30px !important;
}

.step-dots .embla__dot:after {
  width: 35px !important;
  height: 4px !important;
  border-radius: 0% !important;
}

.step-dots .embla__dot--selected {
  width: 35px !important;
  height: 30px !important;
  border-radius: 0% !important;
}

.shopify-challenge__container{
  padding-top: 200px;
  padding-bottom: 200px;

}:root {
  --tr-black: #111111;
  --tr-grey: #232323;
  --tr-cream: #F7F6F3;
}

/* Global font */
html,
body,
button,
input,
textarea,
select {
  font-family: 'Poppins', sans-serif !important;
}

/* Main body copy */
body,
p,
span,
li,
.rte,
.richtext,
.shopify-policy__body,
.product-description,
.product__description {
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.title,
.banner__heading,
.rich-text__heading,
.product__title,
.card__heading,
.shopify-policy__title h1 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

/* Header / navigation */
header,
header *,
nav,
nav *,
.menu,
.menu *,
.header,
.header *,
.site-header,
.site-header * {
  font-family: 'Poppins', sans-serif !important;
  text-transform: none !important;
}

header a,
nav a,
.menu a,
.header a,
.site-header a {
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

/* Buttons */
button,
.button,
.btn,
.shopify-payment-button__button,
.product-form__submit,
a.button,
a.btn {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

/* Small labels, badges and announcement text */
.badge,
.caption,
.subtitle,
.announcement-bar,
.announcement-bar *,
.product__text,
.price,
small {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
}

/* Policy pages: soften the current heavy style */
.shopify-policy__container .shopify-policy__title h1 {
  font-size: 32px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.shopify-policy__container .shopify-policy__body h2 {
  font-size: 22px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
#menu-drawer a,
#menu-drawer button {
    font-weight: 300 !important;
}
#shopify-section-header a,
#shopify-section-header button,
#search-toggle {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* Remove all header borders */
#shopify-section-header,
#shopify-section-header *,
header-487,
header-487 * {
  border: none !important;
  /* Add subtle header divider back */
#shopify-section-header {
  border-bottom: 1px solid #DADADA !important;
}
}
/* =========================
   TWOROADS HEADER
========================= */

@media (min-width: 1024px) {
  .tr-header-shell {
    padding-left: 70px !important;
    padding-right: 70px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
  }

  .tr-header-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;\
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .tr-header-logo {
    flex: 0 0 auto !important;
    max-width: 220px !important;
    margin-right: auto !important;
  }

  .tr-header-nav {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  .tr-header-nav ul,
  .tr-header-nav .flex {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 50px !important;
    white-space: nowrap;
    width: auto !important;
  }

  .tr-header-actions {
    flex: 0 0 auto !important;
    margin-left: 28px !important;
    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
  }

  .tr-shop-now-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #ffffffff !important;
    color: #000000ff !important;
    padding: 14px 28px !important;
    border-radius: 4px;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap;
  }

  .cart-drawer-trigger {
    padding: 0 !important;
    margin: 0 !important;
  }
}/* Shop Now button */

.tr-shop-now-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffffff;
  color: #000000ff !important;
  padding: 12px 22px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: opacity 0.2s ease;
}

.tr-shop-now-button:hover {
  opacity: 0.85;
}
/* Hide Shop Now button on mobile */

@media screen and (max-width: 1023px) {
  .tr-shop-now-button {
    display: none !important;
  }
  #shopify-section-header {
  position: relative !important;
}

#shopify-section-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #DADADA;
  z-index: 99

@media (max-width: 1023px) {
  .tr-header-inner {
    position: relative !important;
  }

  .mobile-logo {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  #menu-toggle {
    padding-left: 16px !important;
  }

  .tr-header-actions {
    margin-left: auto !important;
    padding-right: 16px !important;
  }

  .tr-shop-now-button {
    display: none !important;
  }
}
}@media (max-width: 1023px) {
  .tr-header-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 20px !important;
  }

  .mobile-header-left {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  .mobile-header-logo {
    grid-column: 2 !important;
    justify-self: center !important;
  }

  .mobile-header-right {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .tr-shop-now-button {
    display: none !important;
  }

  .cart-drawer-trigger {
    padding: 0 !important;
    margin: 0 !important;
  }
}.tr-product-tabs {
  display: flex;
  gap: 10px;
  align-items: center;
}

.tr-product-tab {
  border: 1px solid #111111;
  padding: 10px 18px;
  border-radius: 999px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  background: transparent;
  color: #111111;
  cursor: pointer;
}
@font-face {
  font-family: 'Cy Grotesk Grand';
  src: url('{{ "CyGroteskGrand-Regular.woff2" | asset_url }}') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Cy Grotesk Grand';
  src: url('{{ "CyGroteskGrand-Medium.woff2" | asset_url }}') format('woff2');
  font-weight: 500;
  font-style: normal;
}

.tr-product-tab.active {
  background: #111111;
  color: #F7F6F3;
}

.tr-product-panel.hidden {
  display: none !important;
}.tr-marquee-text {
  font-family: 'Cy Grotesk Grand', sans-serif !important;
  font-size: var(--marquee-font-size-mobile) !important;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .tr-marquee-text {
    font-size: var(--marquee-font-size-desktop) !important;
  }
}.tr-marquee-icon {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain;
  flex-shrink: 0;
}
}.tr-shop-section {
  background: #ffffffff;
  padding: 72px 56px;
}

.tr-shop-container {
  max-width: 1440px;
  margin: 0 auto;
}

.tr-shop-category {
  margin-bottom: 72px;
}

.tr-shop-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 24px;
}

.tr-shop-heading-row h2 {
  font-size: 42px;
  line-height: 1.05;
  font-weight: 500;
  margin: 0;
}

.tr-shop-heading-row a {
  color: #143816;
  text-decoration: underline;
  font-weight: 500;
}

.tr-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.tr-shop-card {
  background: #eeeeeeff;
  border-radius: 18px;
  padding: 36px;
  display: grid;
  grid-template-columns: 48% 52%;
  gap: 28px;
  align-items: center;
  min-height: 330px;
}

.tr-shop-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.tr-shop-content h3 {
  font-size: 28px;
  line-height: 1.1;
  margin: 0 0 14px;
  font-weight: 500;
}

.tr-shop-content p {
  font-size: 16px;
  line-height: 1.45;
  margin: 0 0 24px;
}

.tr-shop-price {
  font-size: 22px;
  margin-bottom: 24px;
}

.tr-shop-price span {
  color: #777;
  text-decoration: line-through;
  margin-left: 8px;
}

.tr-shop-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}

.tr-learn-button {
  background: #000000ff;
  color: #fff !important;
  padding: 15px 34px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 500;
}

.tr-add-button {
  background: none;
  border: none;
  border-bottom: 1px solid currentColor;
  color: #000000ff;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
}

.tr-shop-badge {
  display: inline-block;
  border: 1px solid #143816;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 13px;
  margin-bottom: 10px;
}

@media (max-width: 900px) {
  .tr-shop-section {
    padding: 48px 20px;
  }

  .tr-shop-grid {
    grid-template-columns: 1fr;
  }

  .tr-shop-card {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .tr-shop-heading-row h2 {
    font-size: 32px;
  }
}/* Mobile drawer menu visibility fix */

@media (max-width: 1023px) {
  header-menu-drawer,
  .header-menu-drawer,
  .menu-drawer,
  .drawer,
  [id*="menu-drawer"],
  [class*="menu-drawer"] {
    background: #111111 !important;
    color: #ffffff !important;
  }

  header-menu-drawer a,
  .header-menu-drawer a,
  .menu-drawer a,
  [class*="menu-drawer"] a {
    color: #ffffff !important;
  }
}