/** Shopify CDN: Minification failed

Line 225:1 Expected "}" to go with "{"

**/
/* === TB Hero Banner Styles === */
.tb-hero-banner { position:relative; }
.tb-hero-banner__media { position:relative; overflow:hidden; }
.tb-hero-banner__img { display:block; width:100%; height:auto; }

.tb-hero-banner__overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35));
  opacity: 0.35; /* default overlay strength */
}

.tb-hero-banner__content {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:2rem;
}

.tb-hero-banner__subheading {
  margin:0 0 .25rem;
  font-size:clamp(.8rem,2vw,1rem);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tb-hero-banner__heading {
  margin:.25rem 0;
  font-size:clamp(1.75rem,5vw,3rem);
  line-height:1.1;
}

.tb-hero-banner__text {
  max-width:52ch;
  margin:.5rem 0 1rem;
}

.tb-hero-banner__button {
  display:inline-block;
  padding:.8rem 1.25rem;
  border:1px solid currentColor;
}
/* --- Force solid pink hero button --- */
.tb-image-banner .tb-hero-banner__button,
.tb-hero-banner__button {
  display: inline-block !important;
  background-color: #ff007f !important; /* Tatty Bratty hot pink */
  color: #fff !important;
  font-weight: 600 !important;
  padding: 0.9em 2.2em !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.tb-image-banner .tb-hero-banner__button:hover,
.tb-hero-banner__button:hover {
  background-color: #fff !important;
  color: #ff007f !important;
  border: 2px solid #ff007f !important;
}
/* --- Final Override for TB Hero Button (Aurora Theme Safe) --- */
.tb-hero-banner__content a.tb-hero-banner__button {
  background-color: #ff007f !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  padding: 1em 2.4em !important;
  display: inline-block !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  box-shadow: 0 4px 12px rgba(255, 0, 127, 0.35) !important;
  transition: all 0.25s ease !important;
}
/* === Tatty Bratty | Desktop Hero Center Fix (Clean Baseline) === */
@media screen and (min-width: 1024px) {
  .tb-hero-banner__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    height: 90vh !important;       /* Full hero height */
    margin: 0 auto !important;
    max-width: 800px !important;
    transform: translateY(-5%);    /* Moves content slightly upward */
  }

  .tb-hero-banner__heading {
    font-size: 2.2rem !important;
    line-height: 1.3 !important;
    margin-bottom: 1rem !important;
  }

  .tb-hero-banner__text {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 2rem !important;
  }

  .tb-hero-banner__button {
    font-size: 1.1rem !important;
    padding: 1rem 3rem !important;
    border-radius: 50px !important;
  }
}
/* === Tatty Bratty | Make Desktop Hero Full-Width Like Mobile === */
@media screen and (min-width: 1024px) {
  .tb-hero-banner {
    width: 100vw !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tb-hero-banner__media img {
    width: 100% !important;
    height: 100vh !important;
    object-fit: cover !important;
  }

  .tb-hero-banner__content {
    width: 100% !important;
    text-align: center !important;
    padding: 0 2rem !important;
  }
}
/* === Tatty Bratty | Desktop Hero Button Boost === */
@media screen and (min-width: 1024px) {
  .tb-hero-banner__button {
    background-color: #ff007f !important; /* keep that hot pink vibe */
    color: #fff !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    padding: 1.1rem 3.5rem !important; /* makes it wide and strong */
    border-radius: 50px !important;
    letter-spacing: 0.05em !important;
    margin-top: 2rem !important;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.6) !important; /* subtle glow */
    transition: all 0.3s ease !important;
  }

  .tb-hero-banner__button:hover {
    background-color: #fff !important;
    color: #ff007f !important;
    transform: scale(1.05) !important; /* nice hover lift */
  }

  .tb-hero-banner__text {
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
    margin-bottom: 2rem !important;
  }
}
/* === Tatty Bratty – Price color system (Aurora) === */

/* 1) Compare-at price (old price) – light grey + strike-through */
.price .price__regular,
.price__sale .price-item--regular,
.card-information .price .price-item--regular,
.product__info .price .price-item--regular {
  color: #9a9a9a !important;          /* soft grey */
  text-decoration: line-through !important;
}

/* 2) Current price / sale price – hot pink highlight */
.price .price__current,
.price .price-item--sale,
.card-information .price .price-item--sale,
.product__info .price .price-item--sale {
  color: #ff2fa8 !important;          /* Tatty Bratty pink */
}

/* 3) Make sure “from” prices and unit prices also follow the main color */
.price .price__from,
.price .price__unit {
  color: inherit !important;
/* === Tatty Bratty | Compare Price Color Override === */
.price__compare,
.price--on-sale .price__sale .price-item--regular,
.price-item--regular {
  color: #ff007f !important;   /* Hot pink compare price */
  text-decoration-color: #ff007f !important;
}
/* === Tatty Bratty | Compare-at price color === */

/* Product page + collection cards (most common Aurora selectors) */
.price .price__compare,
.price .price-item--compare,
.price .price__sale del,
.price del,
.price s,
.product__info .price del,
.product__info .price s {
  color: #ff007f !important;        /* Tatty Bratty pink */
  opacity: 0.8 !important;          /* a little softer than main price */
}

/* If Aurora uses a class on compare price specifically */
.price--compare,
.price--on-sale .price__compare {
  color: #ff007f !important;
}
/* === Tatty Bratty | Compare-at Price Color Fix === */
.price__compare,
.price__compare .price-item,
.price-item--compare,
.compare-price,
.price__sale .price-item--regular,
.product__info-container .price__compare,
.product__info-container .price-item--regular {
    color: #ff007f !important; /* Tatty Bratty pink */
}