/** Shopify CDN: Minification failed

Line 117:2 Expected ":"

**/
 /* ---HIDE DRAWER & IN HEADER LIQUID SWICH SEARCH TO LEFT A --- */
.header__drawer {
  display:none; 
}

/* 1. FORCE HEIGHT AND REDUCE PADDING */
.header__columns, 
.header__row, 
.header {
  min-height: unset !important; 
  padding-top: 0px !important; 
  padding-bottom: 0px !important;
}

/* 2. REDUCE ICON SIZES 
.header-actions__action svg,
.search-action svg,
.header__icon--menu svg {
  width: 14px !important;
  height: 14px !important;
}*/
.header-actions__text-style {
  font-size: var(--font-size-smaller);
}



/* Remove the default focus outline and shadow after clicking */
*:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Specific override for Shopify's native button focus states */
.button:focus, 
.button:focus-visible,
button:focus,
a:focus {
  outline: 0 !important;
  box-shadow: none !important;
}








:root {
  /* --- BRAND COLORS --- */
  --brand-light: #ffffff; /* White */
  --brand-dark: #000000;    /* Black */
  --brand-complementry: #14fd3f;    /* Dark Purple */
  --brand-brand: #048f39;  /* Light Purple  */

  /* --- TYPOGRAPHY SIZES --- */
  /* Base size assumes 16px default browser font size. 
     1rem = 16px, 0.875rem = 14px, 0.75rem = 12px */
   --font-size-display: 2rem;
    --font-size-displayish: 1.25rem;
    --font-size-large: 1rem;
  --font-size-normal: 0.8rem;
  --font-size-small: 0.75rem; 
  --font-size-smaller: 0.55rem;

  /* --- TYPOGRAPHY WEIGHTS --- */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
}

/* --- TYPOGRAPHY UTILITY CLASSES --- */
/* These map directly to the classes used in your custom-nav.liquid */

.text-large {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-normal);
  line-height: 1.4;
}

.text-normal {
  font-size: var(--font-size-normal);
  font-weight: var(--font-weight-normal);
  line-height: 1.4;
}

.text-small {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
}

.text-smaller {
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.05em; /* Slight tracking for smaller uppercase text */
  line-height: 1.2;
}

.text-display {
   font-size: var(--font-size-display);
  font-weight: var(--font-weight-normal);
  letter-spacing: 0.05em; /* Slight tracking for smaller uppercase text */
  line-height: 1.2;
}


@media screen and (max-width: 767px) {
  .text-display {
   font-size: var(--font-size-displish);
  }
}



@font-face {
  font-family: 'PF Tit Pix';
  src: url('PFTitPixVariableVF.woff2') format('woff2');
  font-weight: 300 900; /* Activates the variable axis */
  font-style: normal;
  font-display: swap; /* Prevents invisible text while loading */
}

/* Force the new font across the main text elements h1, h2, h3, h4, h5, h6, body, p, a, button */
h1, h2 {
  font-family: 'PF Tit Pix', sans-serif !important;
}




/* --- OVERRIDE SHOPIFY POLICY PAGE WIDTH --- */
.shopify-policy__container {
  max-width: 1000px !important; /* Change this number to make it wider or narrower */
  margin: 0 auto; /* Keeps it perfectly centered */
  padding: 0 2rem; /* Gives it breathing room on the sides for mobile */
  padding-top: 5rem;
}