/** Shopify CDN: Minification failed

Line 181:0 Unexpected "}"

**/
.Tabs_header {
  --tw-border-opacity: 1;
  /* padding-right: 16px; */
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  padding: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-right: 16px;
  border: 1px solid;
  border-radius: 6px;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.prose.Notes_collapsible_text p {
  margin: 0;
}
.prose.Notes_collapsible_text .jc-flex.jc-items-center.jc-gap-2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-info__block-group.accordion-group {
  margin-top: 0;
}
.product-info__block-item[data-block-type="Notes-collapsible-text"] {
  margin-bottom: 0;
}
.product-info__block-item[data-block-type="Notes-collapsible-text"]
  details.product-info__accordion.accordion.group {
  border-bottom: 0;
}
.prose.Notes_collapsible_text .metafield-rich_text_field {
  margin: 0 !important;
}
.prose.Notes_collapsible_text .metafield-rich_text_field p {
  font-size: 16px !important;
}
.Tabs_header .btn-content-thumbnail {
  display: FLEX;
  align-items: center;
  gap: 10px;
}
.Products_loop {
  max-height: 340px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(211 211 211 / var(--tw-border-opacity, 1));
  border-radius: 6px;
  overflow-y: auto;
  width: 100%;
}
.First_collection {
  position: relative;
}
.all_products {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.Search_main input {
  padding: 12px;
  width: 100%;
  border-radius: 6px;
  border: 1px solid;
  font-size: 16px;
}
.Search_header {
  padding: 12px 8px;
  position: sticky;
  top: 0;
  background: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid rgb(211 211 211);
}
.Buttons {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto auto auto;
  padding-top: 12px;
  gap: 10px;
}
.Buttons ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.Buttons button {
  text-transform: uppercase;
  border: 1px solid;
  padding: 8px 12px;
  border-radius: 16px;
  font-size: 14px;
  display: flex;
  justify-content: center;
}
.Buttons button.active {
  background: #000;
  color: #fff;
}
.Products_loop_container {
  --tw-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.Products_loop_container {
  --tw-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  top: calc(100% + 10px);
  position: absolute;
  width: 100%;
  z-index: 3;
  display: none;
}
.First_collection.activated .Products_loop_container {
  display: block;
}
.product_data img {
  width: 60px;
  height: 60px;
  border-radius: 6px;
}
.product_data:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.product_data {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(211 211 211 / 1 !important) !important;
  padding: 8px 16px 8px 8px;
  border-bottom: 1px solid rgb(211 211 211);
  font-size: 16px;
  font-weight: 700;
  color: rgba(18, 18, 18, 0.9);
}
input#fname:focus-visible {
  outline: unset;
  box-shadow: unset;
}
body.overlay {
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  cursor: pointer;
  position: absolute;
  width: 100%;
}
.First_collection.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.First_collection:not(disabled) span.product-title-placeholder {
  font-weight: 700;
}
}
}
button.button.button--xl.button--secondary[disabled="disabled"] {
  opacity: 0.5;
}
.header__wrapper .main-search-form .search-input {
  width: 268px;
  max-width: 74.2rem;
  margin-left: 0;
}
.header__wrapper .search-input > input {
  /* font-size: var(--text-h4); */
  font-size: 14px !important;
}
a.Mobile-style-menus {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  justify-content: space-between;
  gap: 15px;
}
.Menus_heading {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header__main-nav .header__icon-list {
  justify-content: space-around;
  padding-bottom: 20px;
  background: #fdfbf7;
}
@media screen and (max-width: 767px) {
  .header__wrapper {
    display: flex;
    justify-content: space-between;
  }
  .header__main-nav.Mobile {
    display: block !important;
  }
  .header__wrapper .main-search-form .search-input {
    width: 146px;
    max-width: 74.2rem;
  }
  .header__main-nav.Desktop-menus {
    display: none;
  }
  .header__main-nav .header__icon-list {
    padding-bottom: 0;
  }
}

/* Remove vertical space between liquid block and clearpay block on lp-bundles product template */
.product-info__liquid {
  margin-block-end: 0 !important;
}

.product-info__liquid + * {
  margin-block-start: 0 !important;
}

/* Also target app blocks that might have different wrapper */
.product-info > div:has(+ div[class*="clearpay"]),
.product-info > div:has(+ div[class*="afterpay"]),
.product-info > div:has(+ [id*="clearpay"]),
.product-info > div:has(+ [id*="afterpay"]) {
  margin-block-end: 0 !important;
}

.product-info div[class*="clearpay"],
.product-info div[class*="afterpay"],
.product-info [id*="clearpay"],
.product-info [id*="afterpay"] {
  margin-block-start: 0 !important;
}

/* Target the specific liquid block by its position before clearpay */
[data-block-id="liquid_XqbaYy"] {
  margin-block-end: 0 !important;
}

[data-block-id="liquid_XqbaYy"] + * {
  margin-block-start: 0 !important;
}

/* Target internal spacing within the liquid block content */
[data-block-id="liquid_XqbaYy"] > * {
  margin-bottom: 0 !important;
}

/* Target the clearpay block specifically */
[data-block-id="clearpay_on_site_messaging_payments_messaging_bTeH8f"] {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Simple Bundles Variant Selector Styling */
#InserBuild .bundle-selector,
#InserBuild .variant-selector,
#InserBuild .simple-bundle-selector {
  margin-top: 20px;
}

/* Style the bundle option containers */
#InserBuild .bundle-option,
#InserBuild .variant-option,
#InserBuild [class*="bundle-item"],
#InserBuild [class*="variant-item"] {
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
}

/* Hover state */
#InserBuild .bundle-option:hover,
#InserBuild .variant-option:hover,
#InserBuild [class*="bundle-item"]:hover,
#InserBuild [class*="variant-item"]:hover {
  border-color: #667A88;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Selected state */
#InserBuild .bundle-option.selected,
#InserBuild .variant-option.selected,
#InserBuild [class*="bundle-item"].selected,
#InserBuild [class*="variant-item"].selected,
#InserBuild [class*="bundle-item"][data-selected="true"],
#InserBuild [class*="variant-item"][data-selected="true"] {
  border-color: #667A88;
  background: #f8f8f8;
  box-shadow: 0 0 0 3px rgba(102, 122, 136, 0.2);
}

/* Style the labels/titles */
#InserBuild .bundle-label,
#InserBuild .variant-label,
#InserBuild [class*="bundle-title"],
#InserBuild [class*="variant-title"] {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}

/* Style the descriptions */
#InserBuild .bundle-description,
#InserBuild .variant-description,
#InserBuild [class*="bundle-desc"],
#InserBuild [class*="variant-desc"] {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

/* Style the price displays */
#InserBuild .bundle-price,
#InserBuild .variant-price,
#InserBuild [class*="price"] {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-top: 8px;
}

/* Style any dropdowns */
#InserBuild select,
#InserBuild .dropdown {
  width: 100%;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

#InserBuild select:hover,
#InserBuild .dropdown:hover {
  border-color: #667A88;
}

#InserBuild select:focus,
#InserBuild .dropdown:focus {
  outline: none;
  border-color: #667A88;
  box-shadow: 0 0 0 3px rgba(102, 122, 136, 0.2);
}

/* Grid layout for multiple options */
#InserBuild .bundle-grid,
#InserBuild .variant-grid,
#InserBuild [class*="options-grid"] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

/* Override any spacing between these specific blocks */
.product-info > *:has([data-block-id="liquid_XqbaYy"]) + *:has([data-block-id="clearpay_on_site_messaging_payments_messaging_bTeH8f"]) {
  margin-block-start: 0 !important;
}

/* Target app block wrappers */
.product-info .shopify-block,
.product-info .shopify-app-block {
  margin-block-start: var(--product-info-block-spacing);
  margin-block-end: var(--product-info-block-spacing);
}

/* Specifically for the clearpay app block after liquid block */
.product-info__liquid + .shopify-block,
.product-info__liquid + .shopify-app-block,
.product-info__liquid + div > .shopify-block,
.product-info__liquid + div > .shopify-app-block {
  margin-block-start: 0 !important;
  padding-top: 0 !important;
}

/* Remove any top spacing from clearpay messaging */
afterpay-placement,
clearpay-placement,
[class*="afterpay-placement"],
[class*="clearpay-placement"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
