/** Shopify CDN: Minification failed

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

**/
/* SB Custom Theme CSS */

a {
  color: #006699;
  font-weight: bold;
}

a:hover {
  color: #990000;
}

a.accordion-buttons {
  color: #555555;
}

footer a {
  font-weight: normal;
}

.header__row { display: inline-block; }
.header__columns {
    padding-left: 60px;
    padding-right: 40px;
    padding-top: 10px;
    margin-bottom: 0px;
      box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
}

.menu-list__submenu-inner { 
  padding-top: 10px; 
  margin: 0 10%;
}

.layout-panel-flex, .section-resource-list, .product-information, .product-grid-container {
    max-width: 1000px;
    margin: 0 auto;
}

li { margin-bottom: 6px; }

span.sku { 
  font-weight: bold; 
  color: #336699; 
}

.variant-picker, .variant-picker__form {
  width: 80% !important;
}

@media screen and (min-width: 1200px) {
    .product-information__grid:not(.product-information__grid--half,.product-information--media-none).product-information--media-left {
        grid-template-columns: 3fr 4fr;
    }
}

@media screen and (min-width: 750px) {
  /* 1. Target Horizon's sticky container state and preserve the layout split */
  .product-layout.is-sticky,
  product-info.sticky-active,
  [class*="product-section"].is-sticky {
    display: grid !important;
    grid-template-columns: 4fr 5fr !important; /* Forces the exact same ratio lock */
    width: 100% !important;
  }

  /* 2. Constrain the sticky wrapper element from expanding out horizontally */
  .is-sticky .product__media-wrapper,
  .sticky-active product-media,
  [class*="media-wrapper"].is-sticky {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

 
/* Prevent the product layout grid from locking the accordion details */
.product .accordion,
.product details,
.product .collapsible-content,
[id^="Details-"] {
  display: block !important; /* Forces accordion containers to use native block mechanics */
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important; /* Stops the parent flex code from pinching the accordion height */
}

/* Ensure the inner content reveals properly on the very first click */
.product details[open] .collapsible-content,
.product details[open] div[class*="content"] {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
}




/*. Accordion Buttons Links */

.accordion-buttons {
    padding: 4px 10px; 
    background: #FFC; 
    margin-right: 10px;
    border: solid 1px #DDD;
}
.accordion-buttons:hover {
  background: #DDD;
}


/* Keeps phrases connected; allows the browser to wrap cleanly after the span */
.comma-wrap span {
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
.metafield-rich_text_field li {
  width: 80%;
  }
}

/* 1. Keep the icon visible but completely strip the default input box text/styling */
.header__search-container .field__input,
.header__search-container label.field__label,
search-button.search-action form input { 
    display: none !important; 
}

/* 2. Strip rounded corners from the theme container wrapper and focus borders */
.header__search-container .field,
.header__search-container .field:after,
.header__search-container .field:before,
search-button,
form.search {
    border: none !important;
    background: transparent !important;
    width: auto !important;
    border-radius: 0px !important;
}

/* 3. Force Searchanise input elements and active drop-downs to maintain 0px radius */
.snize-input-style,
.snize-ac-results,
input[type="search"].snize-input-style,
div.snize-ac-results {
    border-radius: 0px !important;
}


/* Collapse empty column spaces in the mega menu */
.mega-menu__list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2rem; /* Adjusts the spacing between active columns */
}

/* Ensure individual columns only take up the space they need */
.mega-menu__list > li {
  flex: 1 1 auto;
  min-width: 200px; /* Prevents columns from getting too squeezed */
}

/* Hide completely empty list items if they are generating blank columns */
.mega-menu__list > li:empty {
  display: none !important;
}


.shopify-policy__title h1 {
  padding-bottom: 26px;
  text-transform: capitalize;
  font-size: 36px;
}
.shopify-policy__body h2 {
  font-size: 20px;
  color: #006699;
}
.shopify-policy__body a {
  font-weight: 600;
  color: #003366;
}

.contact__form-select {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--color-border, #ccc);
  background-color: var(--color-bg, #fff);
  font-family: inherit;
  font-size: 1rem;
  appearance: auto; /* Ensures standard dropdown arrow displays */
  margin-bottom: 20px;
}

.text-block>* {
    max-inline-size: fit-content;
    font-size: 15px;
    color: #1c1c1c;
}

.compare-at-price {
  color: #999;
}


.envelope-input {
  padding-left: 40px; /* Leaves room for the icon */
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 18px 18px;
  
  /* Base64 encoded SVG envelope icon */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHg9IjIiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0ibTIyIDctOC45NyA1LjdhMS45NCAxLjk0IDAgMCAxLTIuMDYgMEwyIDciLz48L3N2Zz4=');

}

.cart-items__title {
  font-weight: 600;
}

.cart-items__table-row--full-width-variants .cart-items__unit-price-wrapper, .sticky-add-to-cart__price {
  color: #990000;
}

.sticky-add-to-cart__button {
  background-color: #1273c5;
}

sticky-add-to-cart__button:hover {
  background-color: #ff9900;
}

.product-badges__badge {
  background-color: #f0ec1d87;
  border: 1px solid;
  color: #555;
}