/** Shopify CDN: Minification failed

Line 963:13 Unexpected "{"
Line 963:22 Expected ":"

**/
/* Define Custom Fonts */
@font-face {
  font-family: "Youth_Heritage";
  src: url("/cdn/shop/files/Youth_Heritage.woff2?v=1740529787")
    format("woff2");
}

@font-face {
  font-family: "NewBurns-Regular";
  src: url("/cdn/shop/files/NewBurns-Regular.woff2?v=1740529787")
    format("woff2");
}

@font-face {
  font-family: "DenimWD-Medium";
  src: url("/cdn/shop/files/DenimWD-Medium.woff2?v=1740529787")
    format("woff2");
}

/* Assign Fonts to Shopify Defaults */
:root {
  --font-heading-family: "NewBurns-Regular", serif;
  --font-body-family: "DenimWD-Medium", sans-serif;
  --font-display-family: "Youth_Heritage", cursive;
  --font-body-style: normal;
  --font-heading-style: normal;
  --font-body-weight: 400;
  --font-heading-weight: 600;
  --font-body-scale: 1;
  --font-heading-scale: 1;
}

/* Headings */
h0,
.h0,
h1,
.h1 {
  font-family: var(--font-display-family);
  font-size: calc(var(--font-heading-scale) * 4rem);
  font-weight: normal;
  line-height: 1.2;
  text-transform: none;
  color: rgb(var(--color-foreground));
}

h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

/* Body Text */
body,
p {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
}

/* Buttons */
button,
.btn {
  font-family: var(--font-heading-family);
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

/* Captions */
.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}
.caption-large {
  font-size: 1.3rem;
  letter-spacing: 0.04rem;
}

/* Bakehouse Custom Styles - Menu */

/* Full-Bleed Background with Texture */
.full-bleed-bg {
  position: relative;
}

.full-bleed-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: var(--bg-color)
    url("/cdn/shop/files/bedge-grunge.png?v=1743795890")
    repeat;
  background-blend-mode: multiply;
  opacity: 1;
  z-index: -1;
}

/* Header & Menu Styles */

.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }

  /* only affect the middle-left header within its wrapper */
  .header-wrapper > .header.header--middle-left {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }

  .header-wrapper > .header.header--middle-left .header__heading {
    grid-column: 1;
    margin-left: 0;
  }

  .header-wrapper > .header.header--middle-left .header__inline-menu {
    grid-column: 2;
    justify-self: center;
    margin-left: 0;
  }

  .header-wrapper > .header.header--middle-left .header__icons {
    grid-column: 3;
    justify-self: end;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none !important;
  color: rgb(var(--color-foreground));
  font-size: 2.2rem;
  font-family: var(--font-body-family);
  font-weight: 200;
  text-transform: uppercase;
  transition: font-weight 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease;
}

.header__menu-item:hover {
  font-weight: 600;
  transform: scale(1.1);
}

.header__menu-item span {
  transition: none;
}

.header__menu-item:hover span {
  text-decoration: none !important;
}

.menu-drawer__menu-item {
  font-size: 2.5rem;
}

.header__icon--account,
.header__icon--search,
.header__icon--cart {
  display: none !important;
}

.full-bleed {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background-color: var(--bg-color);
  overflow: hidden;
}

.page-width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ***Dope Menu*** Section */
.dope-menu-section {
  text-align: center;
  margin: 0 auto;
  border: none;
}

.dope-menu-section h1,
.dope-menu-section p {
  margin: 0;
}

.dope-menu-wrapper {
  max-width: 900px;
  margin: 0 auto;
}

.dope-menu-title {
  font-family: "Youth_Heritage", cursive;
  font-size: 10rem;
}

.dope-menu-inner {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

.dope-menu-card {
  position: relative;
  background-color: #fffffa;
  border-radius: 30px;
  padding: 40px;
  margin-top: 60px;
  text-align: left;
  overflow: visible;
}

.dope-menu-icons {
  position: absolute;
  top: -50px;
  left: -30px;
  width: calc(100% + 80px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@keyframes jiggle {
  0%,25%,50%,75%,100% { transform: rotate(0deg); }
  12.5% { transform: rotate(5deg); }
  37.5% { transform: rotate(-3deg); }
  62.5% { transform: rotate(4deg); }
  87.5% { transform: rotate(-3deg); }
}

.dope-menu-icon:hover {
  animation: jiggle 0.4s ease-in-out;
}
.dope-menu-icon-left {
  transform: rotate(-30deg);
  margin-top: -30px;
}
.dope-menu-icon-right {
  transform: rotate(30deg);
}

.dope-menu-card h2 {
  text-align: center;
  font-family: "NewBurns-Regular", serif;
  color: #000;
  font-size: 2rem;
  margin: 20px 0 10px;
}

.dope-menu-card p {
  font-family: "DenimWD-Medium", sans-serif;
  color: #000;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.menu-line {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  font-family: "DenimWD-Medium", sans-serif;
  color: #000;
  margin-bottom: 1rem;
  padding: 0 8rem;
}

@media screen and (max-width: 768px) {
  .menu-line {
    padding: 0 2rem;
  }
}

/* Scrolling Footer Text Section */
@-webkit-keyframes slide {
  from { -webkit-transform: translateX(0); }
  to { -webkit-transform: translateX(-100%); }
}
@keyframes slide {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

.scrolling-text-wrapper {
  padding: 20px 0 0;
  margin-top: 20px;
}

.scrolling-text-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: -1rem;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.scrolling-text-container:hover .scrolling-text-slide {
  animation-play-state: paused;
}

.scrolling-text-slide {
  display: inline-block;
  white-space: nowrap;
  -webkit-animation: slide 35s infinite linear;
  animation: slide 35s infinite linear;
  will-change: transform;
  font-size: 4.5rem;
  color: #fff;
}

.scrolling-text-slide .separator {
  padding: 0 2rem;
  color: #fff;
}

.scrolling-text-container.reverse .scrolling-text-slide {
  animation-direction: reverse;
}

/* Collapse divider between full-bleed sections */
.full-bleed + .full-bleed {
  margin-top: 0;
  border-top: none;
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
  .dope-menu-wrapper {
    max-width: 90%;
  }
  .dope-menu-title {
    font-size: 4rem;
    margin-bottom: 1.2rem;
  }
  .dope-menu-inner {
    padding: 0 15px;
  }
  .dope-menu-card {
    padding: 25px;
    margin: 40px auto 0;
    border-radius: 20px;
  }
  .dope-menu-icons {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
  }
  .dope-menu-icon-left {
    position: absolute;
    top: 30px;
    left: -15px;
    width: 120px !important;
    height: auto;
    transform: rotate(-15deg);
  }
  .dope-menu-icon-right {
    position: absolute;
    top: -5px;
    right: -15px;
    width: 82px !important;
    height: auto;
    transform: rotate(15deg);
  }
  html, body {
    overflow-x: hidden;
  }
  .scrolling-text-container {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  }
}

/* ====== BAKEHOUSE ORDER FORM — FINAL CLEANED INPUT STYLES ====== */

.field__input,
.select__select,
.customer .field input,
.customer select,
.qty-input,
select,
input[type="date"],
input[type="time"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="number"] {
  font-family: var(--font-body-family) !important;
  font-style: var(--font-body-style) !important;
  font-weight: var(--font-body-weight) !important;
  font-size: 1.6rem !important;
  width: 100% !important;
  padding: 0.75rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
  outline: none !important;
  appearance: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  position: relative !important;
  z-index: 1 !important;
}

.field__input:focus,
.qty-input:focus,
select:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="number"]:focus {
  border-color: #ccc !important;
  box-shadow: none !important;
  background-color: #fff !important;
  outline: none !important;
  z-index: 2 !important;
  position: relative !important;
}

.field__input:hover,
.qty-input:hover,
select:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="number"]:hover,
.field__input:active,
.qty-input:active,
select:active,
input[type="date"]:active,
input[type="time"]:active,
input[type="email"]:active,
input[type="tel"]:active,
input[type="text"]:active,
input[type="number"]:active {
  border-color: #4a90e2 !important;
}

.field__input::placeholder,
.qty-input::placeholder,
select::placeholder,
input::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

.field__label {
  display: none !important;
}

.order-form__description {
  font-size: 1.6rem;
  margin-bottom: 2rem;
  font-family: var(--font-body-family);
  color: #ffffff;
}

.product-info {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  font-family: var(--font-body-family);
  color: #fff;
  white-space: nowrap;
}

.title,
.title.h1,
.title.h2,
.title.h0 {
  color: #ffffff !important;
}

.order-form {
  max-width: 600px;
  margin: 0 auto;
  background-color: transparent;
  padding: 2rem;
  border-radius: 8px;
  color: #ffffff;
}

.order-form__fields .field {
  margin-bottom: 1rem;
}

.title {
  display: block;
  font-family: var(--font-heading-family);
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #ffffff;
  text-align: left;
}

.pickup-row,
.pickup-row > div,
.pickup-half,
.field.pickup-row {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pickup-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.pickup-half {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.order-form__items {
  margin-bottom: 2rem;
  padding: 2rem;
}

.order-form__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.qty-container {
  width: 60px;
  display: flex;
  justify-content: center;
}

.qty-input {
  width: 100%;
  padding: 0.4rem;
  font-size: 1.3rem;
  border-radius: 6px;
  text-align: center;
  border: 1px solid #ccc;
  background: white;
  color: #333;
}

.form__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1;
}

.order-form__button-wrapper .form__message {
  text-align: center !important;
  margin-bottom: 1rem;
}

.order-form__button-wrapper {
  text-align: center;
  margin-top: 2rem;
}

.order-form__button-wrapper .button {
  padding: 1rem 3rem;
  border-radius: 20px;
  font-size: 1.6rem;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

.order-form__button-wrapper .button:hover {
  background-color: #eeeeee;
}

.order-form__image {
  margin-top: 2rem;
  text-align: center;
}

.order-popup {
  background-color: #000000dd;
  color: #ffffff;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  animation: fadeIn 0.4s ease-in-out;
}

.popup-close {
  background: none;
  border: none;
  color: white;
  font-size: 1.4rem;
  cursor: pointer;
  margin-left: 1rem;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.field.pickup-row::before,
.field.pickup-row::after {
  content: none !important;
  box-shadow: none !important;
  border: none !important;
}

input[type="date"],
input[type="time"] {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-family: var(--font-body-family) !important;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
  padding: 0.75rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  color: #333 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="date"]:focus::-webkit-focus-ring-color {
  outline: none;
  box-shadow: none;
}

input[type="date"]:focus::-webkit-textfield-decoration-container {
  outline: none !important;
  box-shadow: none !important;
}

.field:before,
.field:after,
.select:before,
.select:after,
.customer .field:before,
.customer .field:after,
.customer select:before,
.customer select:after,
.localization-form__select:before,
.localization-form__select:after {
  content: none !important;
  box-shadow: none !important;
  border: none !important;
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

.section-preorder-form .page-width {
  border-radius: 0px;
}

.order-page .page-width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.order-page .page-width {
  background-color: transparent; /* Override the global background here */
}

.section-preorder-form {
  position: relative;
  --bg-color: #d9a93f; /* Use your dynamic color value here */
}

.section-preorder-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: var(--bg-color);
  z-index: -1;
}

/* DEFAULT CONTACT FORM EDITS */

.section-template--19176326856919__main-padding h1.main-page-title {
  display: none !important;
}

.contact__button {
  text-align: center;
  margin-top: 2rem;
}

/* Big orange button */

.contact__button .button {
  display: inline-block;
  margin: 0 auto;
  background-color: #f58634;
  color: #fff;
  font-size: 4rem;
  padding: 2rem 6rem;
  border: none;
  border-radius: 60px;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  text-decoration: underline;
  white-space: nowrap;
  box-sizing: border-box;
  max-width: 90%;
}

.contact__button .button,
.contact__button .button::before,
.contact__button .button::after {
  border-radius: 60px !important;
}

/* First breakpoint */
@media (max-width: 850px) {
  body .contact__button .button {
    font-size: 2.5rem !important;
    padding: 1.5rem 4rem !important;
    max-width: 100% !important;
  }
}

/* Second breakpoint */
@media (max-width: 500px) {
  body .contact__button .button {
    font-size: 1.2rem !important;
    padding: 1rem 2rem !important;
  }
}

/* ABOUT PAGE SECTION */
.section-about-page.page-width {
  max-width: none !important;
}

.section-about-page {
  position: relative;
  overflow: visible;
  padding: 8rem 4rem;
  --bg-color: #1c53a6;
  color: #fff;
  background: transparent !important;
  box-sizing: border-box;
}

.section-about-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: var(--bg-color);
  z-index: -1;
}

/* LAYOUT */
.about-page-container {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template:
    "left  right" 1fr
    "left  right" 1fr / 
    1fr  1fr;
  min-height: 60vh;
}
.about-page-left,
.about-page-right {
  padding: 2rem;
}
.about-page-left {
  grid-area: left;
  align-self: start;
  justify-self: start;
  text-align: left;
}
.about-page-right {
  grid-area: right;
  align-self: end;
  justify-self: end;
  text-align: right;
}

/* TYPOGRAPHY */
.about-page-heading {
  font-family: var(--font-heading-family);
  font-size: clamp(3rem, 8vw, 6rem);
  line-height: 1;
  margin-bottom: 0.5rem;
  white-space: nowrap;
  color: #fff;
}
.about-page-text {
  font-family: var(--font-body-family);
  font-size: clamp(1.6rem, 4vw, 2rem);
  line-height: 1.2;
  margin-bottom: 1rem;
  white-space: nowrap;
}

/* LINK */
.about-link {
  color: #fffffa;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.3s;
}
.about-link:hover {
  transform: scale(1.15);
}

/* RESPONSIVE: MOBILE (≤880px) */
@media (max-width: 880px) {
  .about-page-container {
    display: block;
    min-height: auto;
  }
  .about-page-left,
  .about-page-right {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  .about-page-heading,
  .about-page-text {
    white-space: normal;
  }
}

/* SHOP EDITS */
.product__title h1,
.product__title h2.h1 {
  font-size: 2.5rem;
  margin: 2rem 0 1rem;
  line-height: 1;
  color: #000;
}

.card__heading.h5 a.full-unstyled-link {
  font-size: 2rem !important;
  font-weight: bold;
  line-height: 1.2;
}

.price__regular {
  font-size: 1.4rem;
}

/* grid padding and gutter via item padding */
.product-grid {
  padding: 0 3rem;
}
#collection-{{ section.id }} .product-grid .grid__item {
  padding-left: 2rem;
  padding-right: 2rem;
}


/* featured-collection-container + bleed background */
.featured-collection-container {
  position: relative;
  --shop-bg-color: #fff;
  background-color: var(--shop-bg-color);
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem;
  box-sizing: border-box;
}
.featured-collection-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: var(--shop-bg-color);
  z-index: -1;
}

/* clear out inner overrides */
.featured-collection-container 
  .color-scheme-1.isolate.gradient,
.featured-collection-container .page-width,
.featured-collection-container .collection--full-width {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  z-index: 1;
}

/* mega-title styling */
.featured-collection-mega-title {
  text-align: center;
  margin: 2rem 0;
}
.featured-collection-mega-title h1 {
  font-family: "Youth_Heritage", cursive;
  font-size: 10rem;
  line-height: 1;
  margin: 0;
  color: #015faf;
}

/*LANDING PAGE EDITS*/

.image-with-text .grid {
  margin-bottom: 0;
}

.image-with-text .grid__item {
  position: relative;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse {
    flex-direction: row-reverse;
  }
}

.image-with-text__media {
  min-height: 100%;
  overflow: visible;
}

.image-with-text__media--small {
  height: 19.4rem;
}

.image-with-text__media--medium {
  height: 29.6rem;
}

.image-with-text__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 31.4rem;
  }

  .image-with-text__media--medium {
    height: 46rem;
  }

  .image-with-text__media--large {
    height: 69.5rem;
  }
}

.image-with-text__media--placeholder {
  position: relative;
  overflow: hidden;
}

.image-with-text__media--placeholder:after {
  content: "";
  position: absolute;
  background: rgba(var(--color-foreground), 0.04);
}

.image-with-text__media--placeholder.image-with-text__media--adapt {
  height: 20rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--placeholder.image-with-text__media--adapt {
    height: 30rem;
  }
}

.image-with-text__media--placeholder > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.image-with-text__media--placeholder:is(.animate--ambient, .animate--zoom-in)
  > .svg-wrapper {
  top: 0;
  left: 0;
  transform: translate(0);
}

.image-with-text__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-self: center;
  padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;
  position: relative;
  z-index: 1;
}

.image-with-text .grid__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.image-with-text:not(.image-with-text--overlap)
  .image-with-text__media-item:after {
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.image-with-text:not(.image-with-text--overlap)
  .image-with-text__text-item:after {
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
}

.image-with-text .image-with-text__media-item > * {
  border-radius: var(--media-radius);
  overflow: hidden;
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.image-with-text .global-media-settings {
  overflow: hidden !important;
}

.image-with-text .image-with-text__text-item > * {
  border-radius: var(--text-boxes-radius);
  overflow: hidden;
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
}

.image-with-text:not(.image-with-text--overlap)
  .image-with-text__media-item
  > *,
.image-with-text:not(.image-with-text--overlap)
  .image-with-text__text-item
  > * {
  box-shadow: none;
}

@media screen and (max-width: 749px) {
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__media-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid__item
    .image-with-text__media,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__media
    img,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__media
    .placeholder-svg {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__text-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid__item
    .image-with-text__content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap)
    .image-with-text__content {
    border-top: 0;
  }
}

.image-with-text__content--mobile-right > * {
  align-self: flex-end;
  text-align: right;
}

.image-with-text__content--mobile-center > * {
  align-self: center;
  text-align: center;
}

.image-with-text--overlap .image-with-text__content {
  width: 90%;
  margin: -3rem auto 0;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse .image-with-text__content {
    margin-left: auto;
  }

  .image-with-text__content--bottom {
    justify-content: flex-end;
    align-self: flex-end;
  }

  .image-with-text__content--top {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .image-with-text__content--desktop-right > * {
    align-self: flex-end;
    text-align: right;
  }

  .image-with-text__content--desktop-left > * {
    align-self: flex-start;
    text-align: left;
  }

  .image-with-text__content--desktop-center > * {
    align-self: center;
    text-align: center;
  }

  .image-with-text--overlap .image-with-text__text-item {
    display: flex;
    padding: 3rem 0;
  }

  .image-with-text--overlap .image-with-text__content {
    height: auto;
    width: calc(100% + 4rem);
    min-width: calc(100% + 4rem);
    margin-top: 0;
    margin-left: -4rem;
  }

  .image-with-text--overlap
    .image-with-text__grid--reverse
    .image-with-text__content {
    margin-left: 0;
    margin-right: -4rem;
  }

  .image-with-text--overlap
    .image-with-text__grid--reverse
    .image-with-text__text-item {
    justify-content: flex-end;
  }

  .image-with-text--overlap .image-with-text__media-item--top {
    align-self: flex-start;
  }

  .image-with-text--overlap .image-with-text__media-item--middle {
    align-self: center;
  }

  .image-with-text--overlap .image-with-text__media-item--bottom {
    align-self: flex-end;
  }

  .image-with-text__media-item--small,
  .image-with-text__media-item--large + .image-with-text__text-item {
    flex-grow: 0;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media
    img,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__media
    .placeholder-svg,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__text-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__content,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__content:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__text-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__content,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__content:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media-item:after,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media
    img,
  .image-with-text.collapse-corners:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__media
    .placeholder-svg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap)
    .grid:not(.image-with-text__grid--reverse)
    .image-with-text__content {
    border-left: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap)
    .image-with-text__grid--reverse
    .image-with-text__content {
    border-right: 0;
  }
}

.image-with-text:not(.collapse-corners, .image-with-text--overlap)
  .image-with-text__media-item {
  z-index: 2;
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.image-with-text.image-with-text--overlap .backround-transparent,
.image-with-text:not(.image-with-text--overlap) .background-transparent {
  background: transparent;
}

/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */
.image-with-text .gradient {
  transform: perspective(0);
}

.image-with-text__content {
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  word-break: break-word;
}

@media screen and (min-width: 990px) {
  .image-with-text__content {
    padding: 6rem 7rem 7rem;
  }
}

.image-with-text__content > * + * {
  margin-top: 2rem;
}

.image-with-text__content > .image-with-text__text:empty ~ a {
  margin-top: 2rem;
}

.image-with-text__content > :first-child:is(.image-with-text__heading),
.image-with-text__text--caption + .image-with-text__heading,
.image-with-text__text--caption:first-child {
  margin-top: 0;
}

.image-with-text__content :last-child:is(.image-with-text__heading),
.image-with-text__text--caption {
  margin-bottom: 0;
}

.image-with-text__content .button + .image-with-text__text {
  margin-top: 2rem;
}

.image-with-text__content .image-with-text__text + .button {
  margin-top: 3rem;
}

.image-with-text__heading {
  margin-bottom: 0;
}

.image-with-text__text p {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media screen and (max-width: 749px) {
  .collapse-padding .image-with-text__grid .image-with-text__content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 750px) {
  .collapse-padding
    .image-with-text__grid:not(.image-with-text__grid--reverse)
    .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-right: 0;
  }

  .collapse-padding
    .image-with-text__grid--reverse
    .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-left: 0;
  }
}

/*LANDING IMAGE FIX*/
/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .image-with-text .grid {
    margin-left: 0;
  }
}

.multirow__inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .multirow__inner {
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.image-with-text__media--medium {
  height: auto !important;
}

.image-with-text__media--medium img {
  width: 100%;
  height: auto;
  object-fit: contain; 
  overflow: visible;
}

@media screen and (min-width: 750px) {
  .image-with-text__content {
    padding-top: 1rem !important; 
    margin-top: 0 !important; 
  }
}

/* TEXTURE V2 */
.full-bleed-bg::before,
.section-about-page::before,
.section-preorder-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: var(--bg-color)
    url("/cdn/shop/files/bedge-grunge.png?v=1743795890")
    repeat;
  background-blend-mode: multiply;
  opacity: 1;
  z-index: -1;
}

/* Cart warning message */
.cart-item__cutoff-note {
  margin-top: 0.25rem;
  font-size: 0.85rem;
  color: #d32f2f !important;
  font-weight: 500;
}

@keyframes jiggle {
  0%,25%,50%,75%,100% { transform: rotate(0deg); }
  12.5% { transform: rotate(5deg); }
  37.5% { transform: rotate(-3deg); }
  62.5% { transform: rotate(4deg); }
  87.5% { transform: rotate(-3deg); }
}

/* About page icon wiggle */

.about-page-container img:hover {
  animation: jiggle 0.4s ease-in-out;
}

.about-page-container img.about-icon-left {
  transform: rotate(-30deg);
}

.about-page-container img.about-icon-right {
  transform: rotate(30deg);
}