/** Shopify CDN: Minification failed

Line 24:0 Unexpected "<"
Line 27:0 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* --- MOBILE HEADER: fix distorted logo & keep center --- */
@media (max-width: 767.98px){
  /* absolute-center the logo block */
  .t4s-section-header .t4s-header__logo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    line-height: 0;        /* removes inline gap around img */
    z-index: 1;
    width: auto;
  }
<style>
  .t4s-sticky-atc,
  [data-sticky-addtocart] { display: none !important; }
</style>


  /* remove any stretching from theme defaults */
  .t4s-section-header .t4s-header__logo img{
    display: block;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;              /* kill height:100% for SVGs */
    max-height: 44px !important;          /* adjust if you want smaller/bigger */
    max-width: 60vw !important;           /* safety so it never overflows */
    object-fit: contain !important;
    aspect-ratio: auto !important;
  }

  /* side columns stay compact so nothing wraps/clips */
  .t4s-section-header .t4s-row > .t4s-d-lg-none,
  .t4s-section-header .t4s-col-group_btns{ flex:0 0 auto; width:auto; }
  .t4s-section-header .t4s-col-group_btns{
    margin-left:auto; display:flex; align-items:center; gap:8px; white-space:nowrap;
  }
  .t4s-section-header .t4s-site-nav__icons .t4s-site-nav__icon{ padding:0 2px; }
  .t4s-section-header .t4s-site-nav__icons svg.t4s-icon{ width:20px; height:20px; }
}

/* Header border fix */
.t4s-header__wrapper {
  border-top: 1px solid #ffffff;
}

/* Force all text inside the mobile menu to be black */
.t4s-mb__menu,
.t4s-mb__menu * {
  color: #000000 !important;
  fill: #000000 !important; /* also covers SVG icons */
}

/* Blog section header text */
.t4s-blog-post .t4s-section-title,
.t4s-blog-post .t4s-section-title a {
  color: #000000 !important;
}

/* Individual blog card titles */
.t4s-blog-post .t4s-post-title,
.t4s-blog-post .t4s-post-title a {
  color: #000000 !important;
}

/* Keep them black on hover/visited */
.t4s-blog-post .t4s-post-title a:hover,
.t4s-blog-post .t4s-post-title a:visited,
.t4s-blog-post .t4s-section-title a:hover,
.t4s-blog-post .t4s-section-title a:visited {
  color: #000000 !important;
}

/* Blog card date only */
.t4s-blog-post .t4s-post-time time,
.t4s-blog-post time.entry-date,
.t4s-blog-post .t4s-post-time .entry-date {
  color: #000000 !important;
}

/* ===== Force all product badges to black ===== */
.t4sp-theme [data-product-badge]{
  --badge-bg: #000000 !important;   /* some THE4 themes read these vars */
  --badge-cl: #ffffff !important;
  --badge-border: #000000 !important;
}

/* cover the common badge elements the theme inserts */
.t4sp-theme [data-product-badge] .t4s-badge,
.t4sp-theme [data-product-badge] .t4s-badge-item,
.t4sp-theme [data-product-badge] .t4s-badge--custom,
.t4sp-theme [data-product-badge] .t4s-badge--sale,
.t4sp-theme [data-product-badge] .t4s-badge--new,
.t4sp-theme [data-product-badge] .t4s-pr-badge,
.t4sp-theme [data-product-badge] .t4s-badge__text,
.t4sp-theme [data-product-badge] [class*="badge"]{
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  background-image: none !important;
  fill: #ffffff !important;
}

/* if the badge uses decorative pseudo-elements */
.t4sp-theme [data-product-badge] .t4s-badge::before,
.t4sp-theme [data-product-badge] .t4s-badge::after{
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  /* MOBILE HEADER — keep one line, center logo, show ALL icons */
@media (max-width: 767.98px){
  /* Keep header content on a single line */
  .t4s-section-header [data-header-height]{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
  }

  /* Small, even gutters */
  .t4s-section-header .t4s-col-item{ padding-left:8px; padding-right:8px; }

  /* Right group: make it a no-wrap flex row and push to the edge */
  .t4s-section-header .t4s-col-group_btns{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    overflow:visible;
  }
  .t4s-section-header .t4s-site-nav__icons{ display:flex; flex-wrap:nowrap; }
  .t4s-section-header .t4s-site-nav__icons .t4s-site-nav__icon{ padding:0 2px; }
  .t4s-section-header .t4s-site-nav__icons svg.t4s-icon{ width:20px; height:20px; }

  /* Center the logo and keep it from making the header too tall */
  .t4s-section-header .t4s-header__logo{ text-align:center; }
  .t4s-section-header .t4s-header__logo img{
    max-height:40px;  /* adjust if needed */
    width:auto;
  }

  /* Make sure nothing gets clipped */
  .t4s-section-header .t4s-header__wrapper,
  .t4s-section-header [data-header-height]{ overflow:visible; }
}

/* Very small phones */
@media (max-width: 359.98px){
  .t4s-section-header .t4s-site-nav__icons svg.t4s-icon{ width:18px; height:18px; }
  .t4s-section-header .t4s-site-nav__icons .t4s-site-nav__icon{ padding:0 1px; }
}
}