/** Shopify CDN: Minification failed

Line 566:10 Unexpected "{"
Line 566:19 Expected ":"
Line 706:10 Unexpected "{"
Line 706:19 Expected ":"

**/
/* ============================================================
   WBA System (Global) — CLEAN + FIXED LOGO SCALING
   - Solves “logo barely grows” by removing max-width limiter
   - Makes logo height scale with --wba-nav-h automatically
   - Keeps your global page offset so nav never covers top
   ============================================================ */

:root {
  --wba-pink: #FB548D;
  --wba-gold: #E4A337;
  --wba-plum: #78364B;
  --wba-black: #000;
  --wba-offwhite: #FAF4F3;

  --wba-surface: rgba(0, 0, 0, 0.04);
  --wba-border: rgba(0, 0, 0, 0.10);
  --wba-muted: rgba(0, 0, 0, 0.62);

  --wba-radius-2xl: 20px;
  --wba-radius-3xl: 28px;

  --wba-shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(0, 0, 0, 0.05);
  --wba-shadow-md: 0 2px 2px rgba(0, 0, 0, 0.06), 0 10px 28px rgba(0, 0, 0, 0.08);

  /* Sticky nav height offset (single source of truth) */
  --wba-nav-h: 88px;
}

/* Base Layout Fixes */
html, body {
  width: 100%;
  overflow-x: hidden;
}

/* ============================================================
   GLOBAL OFFSET FIX
   Push content down so fixed WBA nav never covers page top
   ============================================================ */
.content-for-layout {
  padding-top: var(--wba-nav-h) !important;
}

/* If your nav snippet still outputs a spacer element, hide it
   (prevents double spacing) */
.wba-nav-spacer {
  display: none !important;
}

/* ============================================================
   WBA Sticky Nav — FORCE REAL LOGO GROWTH
   Works even if the nav snippet has its own CSS.
   ============================================================ */

/* Ensure the fixed wrapper + inner nav obey global height */
.wba-nav-wrap {
  height: var(--wba-nav-h) !important;
}

/* Dawn pages sometimes don’t size this explicitly — enforce it */
.wba-nav {
  height: var(--wba-nav-h) !important;
}

/* Make the logo container scale with nav height */
.wba-brand {
  align-items: center;
}

.wba-mark {
  height: calc(var(--wba-nav-h) - 16px) !important; /* adjust 16px if needed */
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* THE KEY FIX:
   Remove the built-in limiter that keeps the logo looking tiny */
.wba-mark img {
  height: 100% !important;
  width: auto !important;
  max-width: none !important;   /* <-- this is what was capping growth */
  max-height: none !important;
  object-fit: contain !important;
  display: block;
}

/* Optional: let the brand block expand if needed */
.wba-brand {
  min-width: 0 !important;
}

/* Optional: if the brand text crowds the logo at larger sizes */
@media (min-width: 1024px) {
  .wba-brand-text .top,
  .wba-brand-text .bottom {
    font-size: 14px;
  }
}

/* ============================================================
   Shopify Dawn Navigation Fix
   Ensures the sticky header doesn't "block" clicks on the menu
   ============================================================ */
.header-wrapper {
  position: sticky !important;
  top: 0;
  z-index: 1001 !important;
  background: rgba(250, 244, 243, 0.9) !important;
  backdrop-filter: blur(10px);
}

.header__inline-menu {
  z-index: 1002 !important;
  position: relative;
}

/* Wrap + Sections */
.wba-react-root {
  background: var(--wba-offwhite);
  color: var(--wba-black);
}

.wba-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .wba-wrap { padding: 0 24px; }
}

.wba-section {
  border-top: 1px solid var(--wba-border);
  padding: 56px 0;
}

@media (min-width: 768px) {
  .wba-section { padding: 80px 0; }
}

/* Grid System */
.wba-grid { display: grid; gap: 24px; }

@media (min-width: 768px) {
  .wba-grid-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .wba-col-4 { grid-column: span 4 / span 4; }
  .wba-col-5 { grid-column: span 5 / span 5; }
  .wba-col-7 { grid-column: span 7 / span 7; }
}

/* Typography */
.wba-h1 {
  margin: 18px 0 0;
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.05;
  font-size: 38px;
}

@media (min-width: 768px) { .wba-h1 { font-size: 60px; } }

.wba-h2 {
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.15;
  font-size: 30px;
  margin: 10px 0 0;
}

@media (min-width: 768px) { .wba-h2 { font-size: 40px; } }

.wba-lead, .wba-desc {
  color: var(--wba-muted);
  line-height: 1.65;
  font-size: 16px;
}

.wba-lead { margin-top: 16px; max-width: 560px; }
.wba-desc { margin-top: 12px; }

@media (min-width: 768px) {
  .wba-lead, .wba-desc { font-size: 18px; }
}

/* UI Elements */
.wba-pills { display: flex; flex-wrap: wrap; gap: 8px; }

.wba-pill, .wba-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(250, 244, 243, 0.72);
  border: 1px solid var(--wba-border);
  box-shadow: var(--wba-shadow-sm);
  font-size: 13px;
}

.wba-eyebrow {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.75);
}

/* Buttons */
.wba-btn-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

@media (min-width: 520px) {
  .wba-btn-row { flex-direction: row; align-items: center; }
}

.wba-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid var(--wba-border);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.wba-btn.primary {
  background: #111;
  color: #fff;
  box-shadow: var(--wba-shadow-md);
  border-color: rgba(0,0,0,0.18);
}

.wba-btn.secondary {
  background: rgba(255, 255, 255, 0.55);
  color: #111;
  box-shadow: var(--wba-shadow-sm);
}

.wba-btn.is-disabled {
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
}

/* Cards */
.wba-card {
  border: 1px solid var(--wba-border);
  background: rgba(255, 255, 255, 0.60);
  box-shadow: var(--wba-shadow-sm);
  border-radius: var(--wba-radius-3xl);
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.wba-card.pad { padding: 18px; }
@media (min-width: 768px) { .wba-card.pad { padding: 22px; } }

.wba-card-title { font-weight: 650; letter-spacing: -0.01em; font-size: 22px; }
.wba-card-sub { margin-top: 10px; color: var(--wba-muted); font-size: 16px; line-height: 1.5; }

/* Background Orbs */
.wba-hero { position: relative; overflow: hidden; padding: 56px 0 60px; }
@media (min-width: 768px) { .wba-hero { padding: 80px 0 84px; } }

.wba-orb {
  position: absolute;
  pointer-events: none;
  filter: blur(60px);
  border-radius: 999px;
}

.wba-orb.top {
  width: 520px; height: 520px;
  left: 50%; top: -180px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 30% 30%, rgba(251,84,141,0.20) 0%, rgba(120,54,75,0.12) 52%, transparent 72%);
}

.wba-orb.bl {
  width: 420px; height: 420px;
  left: 40px; bottom: -220px;
  background: radial-gradient(circle at 30% 30%, rgba(228,163,55,0.16) 0%, rgba(251,84,141,0.08) 58%, transparent 72%);
}

.wba-orb.br {
  width: 520px; height: 520px;
  right: 24px; bottom: -260px;
  background: radial-gradient(circle at 30% 30%, rgba(120,54,75,0.14) 0%, rgba(228,163,55,0.08) 56%, transparent 74%);
}

/* Interaction & Scrolling */
.wba-anchor {
  scroll-margin-top: calc(var(--wba-nav-h) + 14px);
}

.template-index #MainContent {
  scroll-snap-type: y mandatory;
}

.template-index .wba-hero,
.template-index .wba-section {
  min-height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.template-index .wba-hero {
  padding-top: calc(var(--wba-nav-h) + 40px);
}

/* ============================================================
   WBA: Product description list styling
   - Removes Dawn's p margins inside li
   - Adds WBA gold dash bullets
   ============================================================ */
.product__description.rte{
  color: rgba(0,0,0,0.75);
  font-size: 16px;
  line-height: 1.65;
}

@media (min-width: 750px){
  .product__description.rte{
    font-size: 18px;
  }
}

.product__description.rte ul,
.product__description.rte ol{
  margin: 14px 0 18px !important;
  padding-left: 0 !important;
}

.product__description.rte li{
  margin: 8px 0 !important;
  line-height: 1.55 !important;
  position: relative;
  padding-left: 1.6rem !important;
}

.product__description.rte li > p{
  margin: 0 !important;
  padding: 0 !important;
}

.product__description.rte li ul,
.product__description.rte li ol{
  margin: 8px 0 !important;
  padding-left: 0 !important;
}

.product__description.rte ul{
  list-style: none !important;
}

.product__description.rte li::before{
  content: "—";
  position: absolute;
  left: 0;
  color: #D4AF37;
  font-weight: 700;
}
/* Clean Pathway */
.wba-ab__path{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--ab-border);
}

.wba-ab__track{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.wba-ab__step{
  font-size:.95rem;
  padding:6px 10px;
  border-radius:999px;
  background:var(--ab-surface);
  border:1px solid var(--ab-border);
  color:var(--ab-muted);
}

.wba-ab__step--hi{
  font-weight:750;
  color:var(--ab-ink);
  background:color-mix(in srgb, var(--ab-accent) 12%, #fff);
  border-color:color-mix(in srgb, var(--ab-accent) 45%, rgba(0,0,0,.18));
}

.wba-ab__divider{
  width:28px;
  height:1px;
  background:var(--ab-border);
}

.wba-ab__divider--hi{
  background:color-mix(in srgb, var(--ab-accent) 55%, rgba(0,0,0,.18));
}

.wba-ab__pathNote{
  margin-top:14px;
  color:var(--ab-muted);
}


/* Clean Tone Lock */
.wba-ab__tone{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--ab-border);
}

.wba-ab__toneBlock{
  max-width:620px;
}

.wba-ab__toneLine{
  margin:8px 0;
  font-size:1.05rem;
  color:var(--ab-muted);
}

.wba-ab__toneLine strong{
  color:var(--ab-ink);
  font-weight:750;
}
/* =========================================
   Hide Shopify Page Title — Actually Building
   ========================================= */

.template-page.page-actually-building .main-page-title,
.template-page.page-actually-building .page-title,
.template-page.page-actually-building .title-wrapper-with-link,
.template-page.page-actually-building h1.main-page-title,
.template-page.page-actually-building h1.page-title {
  display: none !important;
}
/* ============================================================
   Actually Building: hide THEME page title (keep ABX hero only)
   Works with: /pages/actually-building + template page.actually-building
   ============================================================ */

/* Dawn + common Shopify theme title wrappers */
.template-page.page-actually-building .main-page-title,
.template-page.page-actually-building h1.main-page-title,
.template-page.page-actually-building .page-title,
.template-page.page-actually-building h1.page-title,
.template-page.page-actually-building .title-wrapper-with-link,
.template-page.page-actually-building .page-header,
.template-page.page-actually-building header.page-header,
.template-page.page-actually-building .section-header,
.template-page.page-actually-building .section-header__title,
.template-page.page-actually-building .page-title-wrapper,
.template-page.page-actually-building .page-title-wrapper h1 {
  display: none !important;
}

/* Extra safety: if the theme outputs the page title as the first H1 in main content,
   hide that H1 but NOT your ABX hero title */
.template-page.page-actually-building #MainContent > h1:first-child,
.template-page.page-actually-building #MainContent .shopify-section:first-child h1:first-child {
  display: none !important;
}
body[class*="actually-building"] .main-page-title,
body[class*="actually-building"] .page-title,
body[class*="actually-building"] h1.main-page-title,
body[class*="actually-building"] h1.page-title { display:none !important; }
/* ============================================================
   Actually Building — remove the default Shopify page title
   (keeps the ABX hero h1)
   ============================================================ */

/* Hide the theme-rendered page title H1 (usually the first H1 in page content) */
body.template-page.page-actually-building #MainContent h1:first-of-type:not(.abx__title),
body.template-page.page-actually-building #MainContent .shopify-section:first-child h1:first-of-type:not(.abx__title){
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
/* ============================================================
   WBA System (Global) — CLEAN + FIXED LOGO SCALING
   ============================================================ */

:root {
  --wba-pink: #FB548D;
  --wba-gold: #E4A337;
  --wba-plum: #78364B;
  --wba-black: #000;
  --wba-offwhite: #FAF4F3;

  --wba-surface: rgba(0, 0, 0, 0.04);
  --wba-border: rgba(0, 0, 0, 0.10);
  --wba-muted: rgba(0, 0, 0, 0.62);

  --wba-radius-2xl: 20px;
  --wba-radius-3xl: 28px;

  --wba-shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(0, 0, 0, 0.05);
  --wba-shadow-md: 0 2px 2px rgba(0, 0, 0, 0.06), 0 10px 28px rgba(0, 0, 0, 0.08);

  /* Sticky nav height offset (single source of truth) */
  --wba-nav-h: 88px;
}

/* ============================================================
   PRODUCT PAGE FIXES
   Reduce font size for product title, description, and button size.
   ============================================================ */

/* Adjust Product Title */
.product__title h1 {
  font-size: 28px !important; /* Reduce the font size */
  font-weight: 600;
  margin-bottom: 10px;
}

/* Adjust Product Description */
.product__description {
  font-size: 14px !important;  /* Smaller font size */
  margin-bottom: 20px;
}

/* Adjust CTA Button Size */
.product__cta-button {
  font-size: 14px !important;  /* Smaller text */
  padding: 12px 20px;  /* Reduced padding */
  background-color: #D4AF37;  /* Gold background color */
  color: white;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.product__cta-button:hover {
  background-color: #f7a200; /* Lighter hover color */
}

/* ============================================================
   Adjusting General Layout Padding
   ============================================================ */
.section-{{ section.id }}-padding {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Padding for Product Info Wrapper */
.product__info-wrapper {
  margin-top: 10px;
}

/* Margin for Product Media Wrapper */
.product__media-wrapper {
  margin-bottom: 20px;
}

/* ============================================================
   Adjustments to Overall Layout and Buttons (Global) 
   ============================================================ */

/* Wrap + Sections */
.wba-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .wba-wrap { padding: 0 24px; }
}

.wba-section {
  border-top: 1px solid var(--wba-border);
  padding: 56px 0;
}

@media (min-width: 768px) {
  .wba-section { padding: 80px 0; }
}

/* Product Section: Adjusting Buttons */
.wba-btn-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

@media (min-width: 520px) {
  .wba-btn-row { flex-direction: row; align-items: center; }
}

.wba-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid var(--wba-border);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.wba-btn.primary {
  background: #111;
  color: #fff;
  box-shadow: var(--wba-shadow-md);
  border-color: rgba(0,0,0,0.18);
}

.wba-btn.secondary {
  background: rgba(255, 255, 255, 0.55);
  color: #111;
  box-shadow: var(--wba-shadow-sm);
}

.wba-btn.is-disabled {
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
}

/* Cards */
.wba-card {
  border: 1px solid var(--wba-border);
  background: rgba(255, 255, 255, 0.60);
  box-shadow: var(--wba-shadow-sm);
  border-radius: var(--wba-radius-3xl);
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.wba-card.pad { padding: 18px; }
@media (min-width: 768px) { .wba-card.pad { padding: 22px; } }
/* Reduce the space above the product description */
.product__description {
  margin-top: 10px; /* Smaller top margin */
}

/* Adjust the buttons for a smaller gap */
.product__cta-button {
  margin-top: 20px; /* Reduce space above the buttons */
}

/* Adjust padding around the price and quantity section */
.product__info-wrapper {
  padding-bottom: 10px;
}
/* Adjust the CTA button size and make it more compact */
.product__cta-button {
  font-size: 14px;  /* Smaller font size for the button */
  padding: 12px 24px; /* Reduced padding */
  background-color: #D4AF37;  /* CTA Button color */
  color: white;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; /* Make button stretch */
}

/* Adjust spacing of the Buy Now and Add to Cart buttons */
.product__cta-button:hover {
  background-color: #f7a200;  /* Lighter hover color */
  transition: background-color 0.3s ease;
}
/* Ensuring that all text content and buttons stay in one compact section */
.product__info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;  /* Adjust the gap between the text and buttons */
}/* Reduce padding on product info for tighter layout */
.product__info-wrapper {
  padding: 10px 20px;
}

/* Adjust top padding for the section */
.section-{{ section.id }}-padding {
  padding-top: 10px;
}
/* Reduce the size of the CTA button */
.product__cta-button {
  font-size: 12px;  /* Smaller text */
  padding: 8px 16px;  /* Reduced padding */
  background-color: #D4AF37;  /* Button color */
  color: white;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  width: auto;  /* Remove full width */
  margin-top: 10px;  /* Less space above the button */
}

.product__cta-button:hover {
  background-color: #f7a200;  /* Lighter color on hover */
  transition: background-color 0.3s ease;
}/* Targeting the 'Add to cart' and 'Buy it now' buttons specifically */
.product__cta-button, .product__add-to-cart {
  font-size: 14px;  /* Smaller text */
  padding: 8px 20px;  /* Reduced padding */
  background-color: #D4AF37;  /* Button color */
  color: white;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  width: auto;  /* Ensures button doesn't stretch full width */
  margin-top: 10px;  /* Adjust space above */
}

.product__cta-button:hover, .product__add-to-cart:hover {
  background-color: #f7a200;  /* Lighter color on hover */
  transition: background-color 0.3s ease;
}
/* Targeting the CTA button more directly */
.product-form__submit {
  font-size: 14px !important;  /* Smaller text size */
  padding: 8px 20px !important;  /* Reduced padding */
  background-color: #D4AF37 !important;  /* CTA Button color */
  color: white !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  width: auto !important;  /* Ensures button doesn't stretch full width */
  margin-top: 10px !important;  /* Adjust space above */
}

.product-form__submit:hover {
  background-color: #f7a200 !important;  /* Lighter hover color */
  transition: background-color 0.3s ease !important;
}
/* Hide the 'Buy it Now' button */
.product-form__submit.button--full-width.button--primary {
  display: none !important;
}
/* Adjust the size of the quantity input field */
.product-form__input .quantity__input {
  font-size: 16px; /* Adjust this as needed */
  padding: 5px 10px; /* Adjust padding to reduce size */
  max-width: 100px; /* Prevent it from growing too large */
}/* Hide the 'Buy Now' button */
.shopify-payment-button {
  display: none !important;
}