/** Shopify CDN: Minification failed

Line 235:0 Unexpected "}"
Line 501:0 Unexpected "}"

**/
.shopify-section-group-header-group {
  z-index: 3;
}

.section-header {
  width: 100%;
  z-index: 20;
}

ul.header__navigation li.dropdown ul.submenu,
ul.header__navigation li.dropdown ul.submenu .nested,
.mobile-nav__mobile-header,
.section-header__main-bar {
  background-color: var(--background);
}

.section-header ul.header__navigation a,
.section-header ul.header__cart-links__wrapper.cart-link-topbar-false a,
.section-header ul.header__navigation a span {
 font-size: 14px;                /* Adjust size if needed */
  font-style: normal;
  font-weight: 1000 !important;    /* Make text bold */
  text-transform: uppercase;
  letter-spacing: 0.08em;         /* Adds spacing between letters */
  display: inline-block;
  margin: 0 !important;
  color: var(--text-color);       /* Keeps it dynamic with your theme colors */
}

@media (max-width: 767px) {
  .section-header .cart-link svg {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .section-header__main-bar .header__logo-wrapper {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
}

.section-header .site-logo a {
  font-family: var(--nav-family);
  font-style: var(--nav-style);
  font-weight: var(--nav-weight);
  letter-spacing: var(--nav-spacing);
  line-height: 1;
  word-break: break-all;
}

.section-header .section-header__main-bar .header-inline__nav-wrapper button.slideout__trigger-mobile-menu {
  padding: var(--space-4) var(--space-1) !important;
  line-height: 19px !important;
  font-size: var(--nav-size) !important;
  font-family: var(--nav-family) !important;
  font-weight: var(--nav-weight) !important;
  font-style: var(--nav-style) !important;
  text-transform: var(--nav-transform) !important;
  letter-spacing: var(--nav-spacing) !important;
  margin-bottom: 0 !important;
}

.section-header .section-header__main-bar .header-inline__nav-wrapper button.slideout__trigger-mobile-menu span {
  font-size: var(--nav-size) !important;
  font-family: var(--nav-family) !important;
  font-weight: var(--nav-weight) !important;
  font-style: var(--nav-style) !important;
  text-transform: var(--nav-transform) !important;
  letter-spacing: var(--nav-spacing) !important;
}

.section-header ul.header__navigation a {
  line-height: 1.45 !important;
}

.section-header ul.header__navigation .rich--text a {
  text-transform: none;
}

@media (min-width: 768px) {
  .header__cart-links--cart .icon--drop-bag {
    margin-top: -2px;
  }
}


.header__cart-links--cart-icon-count-wrapper {
  position: absolute;
  top: 20px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__cart-links--cart-icon-count.cart-empty {
  display: none;
}

.header__cart-links--cart-icon-count {
  z-index: 1;
  padding: 5px;
  font-size: 10px !important;
  letter-spacing: 0px !important;
  font-weight: bold !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__cart-links--cart-icon-count:before {
  content: "";
  position: absolute;
  width: auto;
  min-width: 18px;
  height: 18px;
  background-color: var(--cart-count-color);
  border-radius: 50%;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  box-sizing: border-box;
}

/* ---- Header Hover Bar ----*/
.section-header .header__navigation a.dlink {
  position: relative;
}

.section-header .header__navigation a.dlink:after {
  content: '';
  height: 2px;
  width: 90%;
  background-color: transparent;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section-header .header__navigation li:hover a.dlink:after,
.section-header .header__navigation a.dlink.active:after {
  background-color: var(--text-color);
}

/* ---- Header Colors --- */
.section-header .color--header-text,
.section-header .color--header-text span {
  color: var(--text-color);
}
.section-header .color--header-text svg .hover-fill {
  fill: var(--text-color);
}
.section-header .color--header-text:hover,
.section-header .color--header-text:hover span {
  color: var(--text-hover);
}
.section-header .color--header-text:hover svg .hover-fill {
  fill: var(--text-hover);
}

/* ---- Header Over Content - Desktop Only --- */
@media (min-width: 768px) {
  .header__over-content--true .section-header__main-bar {
    background-color: transparent !important;
    position: absolute;
    z-index: 3;
    width: 100%;
    transition: background-color 0.5s;

    padding-top: 2px;     /* Reduced padding */
    padding-bottom: 2px;  /* Reduced padding */
  }

  .header__over-content--false .section-header__main-bar,
  .header__over-content--true .section-header__main-bar.sticky--active,
  .header__over-content--true .section-header__main-bar:hover {
    background-color: var(--background) !important;
    padding-top: 2px;     /* Keep it consistent */
    padding-bottom: 2px;
  }

  .header__over-content--true.section-header .color--header-text,
  .header__over-content--true.section-header .color--header-text span {
    color: var(--header-text-over);
  }

  .header__over-content--true.section-header .color--header-text button[type=button].btn-as-link {
    color: var(--header-text-over) !important;
  }

  .header__over-content--true.section-header .color--header-text svg .hover-fill {
    fill: var(--header-text-over);
  }
}

  /* on bar hover or sticky */
  .header__over-content--true.section-header .section-header__main-bar:hover .color--header-text,
  .header__over-content--true.section-header .section-header__main-bar:hover .color--header-text span,
  .header__over-content--true.section-header .section-header__main-bar.sticky--active .color--header-text,
  .header__over-content--true.section-header .section-header__main-bar.sticky--active .color--header-text span {
    color: var(--text-color);
  }

  .header__over-content--true.section-header .section-header__main-bar:hover button[type=button].btn-as-link,
  .header__over-content--true.section-header .section-header__main-bar.sticky--active button[type=button].btn-as-link  {
    color: var(--text-color) !important;
  }

  .header__over-content--true.section-header .section-header__main-bar:hover .color--header-text svg .hover-fill,
  .header__over-content--true.section-header .section-header__main-bar.sticky--active .color--header-text svg .hover-fill {
    fill: var(--text-color);
  }

  /* on link hover  */
  .header__over-content--true.section-header .color--header-text:hover,
  .header__over-content--true.section-header .color--header-text:hover span,
  header__over-content--true.section-header .color--header-text button[type=button].btn-as-link:hover {
    color: var(--text-hover) !important;
  }
  .header__over-content--true.section-header .color--header-text:hover svg .hover-fill {
    fill: var(--text-hover) !important;
  }
}
/* ---- Override colors for over header when no template like captcha page ---- */
.over-content--true.template- .section-header .color--header-text,
.over-content--true.template- .section-header .color--header-text span,
.over-content--true.template-register .section-header .color--header-text,
.over-content--true.template-register .section-header .color--header-text span,
.over-content--true.template-reset-password .section-header .color--header-text,
.over-content--true.template-reset-password .section-header .color--header-text span {
  color: var(--text-color);
}
.over-content--true.template- .section-header .color--header-text svg .hover-fill,
.over-content--true.template-register .section-header .color--header-text svg .hover-fill,
.over-content--true.template-reset-password .section-header .color--header-text svg .hover-fill {
  fill: var(--text-color);
}
.over-content--true.template- .section-header .color--header-text:hover,
.over-content--true.template- .section-header .color--header-text:hover span,
.over-content--true.template-register .section-header .color--header-text:hover,
.over-content--true.template-register .section-header .color--header-text:hover span,
.over-content--true.template-reset-password .section-header .color--header-text:hover,
.over-content--true.template-reset-password .section-header .color--header-text:hover span {
  color: var(--text-hover);
}
.over-content--true.template- .section-header .color--header-text:hover svg .hover-fill,
.over-content--true.template-register .section-header .color--header-text:hover svg .hover-fill,
.over-content--true.template-reset-password .section-header .color--header-text:hover svg .hover-fill {
  fill: var(--text-hover);
}

.over-content--true.template- .page-wrap {
  padding-top: var(--space-12);
}
/* ---- Sticky Header ---- */
.section-header__main-bar.sticky--active {
  width: 100%;
  position: fixed;
  top: 0px;
  max-width: unset;
  z-index: 9;
  -webkit-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
  -moz-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
  box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, .05);
}

.section-header__main-bar.sticky--active>article {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.8s;
}

/* ---- Predictive search ---- */
input[type="search"]#Search::-webkit-search-decoration,
input[type="search"]#Search::-webkit-search-cancel-button,
input[type="search"]#Search::-webkit-search-results-button,
input[type="search"]#Search::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

#predictive-search {
  line-height: initial;
}

#predictive-search ul {
  margin-bottom: 0;
}

#predictive-search-results {
  max-height: 60vh;
  overflow-y: auto;
  background: var(--background);
  color: var(--text-color);
}

.predictive-search-results .product-index {
  display: grid;
}

.predictive-search__heading {
  margin-left: var(--space-3);
  margin-right: var(--space-3);
  margin-bottom: 0;
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--dotted-color);
  color: var(--text-color);
  font-weight: 700;
}

.predictive-search__heading#predictive-search-products {
  margin-bottom: var(--space-3);
  padding-left: var(--space-5);
}

.predictive-search__item-content .price.price--listing .price-item {
  color: var(--text-color);
}

.predictive-search__list-item,
.predictive-search__results-list>li {
  list-style-type: none;
}

.predictive-search__item.button-as-link {
  color: var(--text-color);
}

.predictive-search__item-content .price.price--listing {
  align-items: flex-start;
}

.predictive-search__image {
  margin-right: var(--space-3);
  width: initial;
}

/* center vertically */
.predictive-search__item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.predictive-search__item {
  display: flex;
  width: 100%;
  padding: var(--space-3);
  margin-bottom: var(--space-3);
  text-align: left;
  background-color: transparent;
  transition: background-color 100ms ease-in-out;
  font-weight: initial;
  text-transform: initial;
  height: initial;
  line-height: initial;
  color: var(--text-color);
}

.predictive-search__item mark {
  background: transparent;
  font-weight: bold;
}

.predictive-search__list-item--search .predictive-search__item {
  position: static;
  width: 100%;
  margin: 0;
  padding: var(--space-3);
  text-decoration: none;
}

.predictive-search-form {
  position: relative;
}

/* hover effects */
.predictive-search__list-item--search .predictive-search__item:hover,
.predictive-search__list-item--search .predictive-search__item:focus,
#predictive-search .predictive-search__item:hover,
#predictive-search .predictive-search__item:focus {
  background-color: var(--background);
}

.predictive-search__item:hover .predictive-search__item-heading {
  text-decoration: underline;
}

/* increase font weight */
.predictive-search__item-heading {
  font-weight: 800;
}

.search__product-loop.grid__wrapper {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}

#predictiveSearch .product-index {
  margin-bottom: 30px;
}

#predictiveSearch .product-index .product-listing__quickview-trigger,
#predictiveSearch .product-index:hover .product-listing__quickview-trigger {
  display: none;
}

#predictiveSearch .searchbox__input {
  width: 96%;
}

#predictive-search-results {
  padding-right: 2%;
  padding-left: 2%;
}

.searchbox .predictive-search__heading {
  margin-left: 0;
  margin-right: 0;
}

.predictive-search__list-item--search .button {
  margin: 0 auto;
}
/* Header Search */
 .searchbox {
	 background-color: var(--background);
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 30;
	 overflow: hidden;
	 transform: translateY(-300%);
	 transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
	 z-index: 1000;
	 padding: 60px 0;
	 text-align: center;
	 -webkit-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, 0.09);
	 -moz-box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, 0.09);
	 box-shadow: -1px 9px 4px -4px rgba(0, 0, 0, 0.09);
}
 .searchbox.section-fade-in {
	 transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
	 transform: translateY(0px);
}
 .searchbox label.search-close {
	 position: absolute;
	 top: 20px;
	 right: 20px;
}
 .searchbox label.search-close svg .icon-fill {
	 stroke: var(--text-color);
}
 .searchbox input::placeholder {
	 color: var(--text-color);
}
 .searchbox input:-ms-input-placeholder {
	 color: var(--text-color);
}
 .searchbox input::-ms-input-placeholder {
	 color: var(--text-color);
}

/* ---- Cart links ---- */
.header__cart-links__wrapper li {
  margin-left: 20px; /* Adjust this value for more or less spacing */
}

.header__cart-links__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px; /* spacing between icons */
}
.header__cart-links--search,
.header__cart-links--account,
.header__cart-links--wishlist,
.header__cart-links--cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;   /* Equal width for all icons */
  height: 10px;
  padding: 0;
}
}
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}

li.header__cart-links--localization {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---- Localization Styles ---- */
.section-header .disclosure {
  position: relative;
  display: inline-block;
}

.section-header .disclosure__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin: 0;
  padding: var(--space-3) var(--space-1) !important;
  text-transform: uppercase !important;
}

.section-header .disclosure__list-container {
  background: var(--background);
  top: 46px;
  right: 0;
  padding: var(--space-3);
  position: absolute;
  max-height: 320px;
  z-index: 2;
  border: 1px solid  var(--dotted-color);
}

.section-header ul.disclosure__list {
  list-style: none;
  height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
}

.section-header .disclosure__list a.disclosure__link:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .section-header .disclosure__list {
    right: unset;
    left: 0;
  }
}

.section-header .disclosure__item {
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  text-align: left;
  width: 400px;
}

.section-header .disclosure__item a.disclosure__link {
  color: var(--text-color);
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  line-height: 2;
  font-size: var(--font-size);
  text-transform: none !important;
  letter-spacing: unset !important;
}

.section-header .disclosure__item a.disclosure__link > span {
  letter-spacing: unset !important;
}

.section-header .localization-form__currency {
  font-size: 80%;
}

div#HeaderLanguageList {
  max-height: 140px;
  width: 140px;
}

div#HeaderLanguageList .disclosure__list {
  height: 115px;
}

div#HeaderLanguageList li.disclosure__item {
  width: 120px;
}

/* Noscript Localization Form */
.no-js .section-header .localization-selector {
  color: var(--text-color) !important;
  height: 30px;
  width: 100% !important;
  min-width: 40px !important;
}
.no-js .section-header .localization-form__select {
  border: 1px solid var(--text-color) !important;
}
.no-js .section-header .localization-form__noscript-btn {
  border-top: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  height: 32px !important;
  vertical-align: middle;
  padding: 0 4px !important;
}
.no-js .section-header .localization-form__noscript-btn:hover {
  border-top: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
}
.no-js .section-header .localization-form__noscript-btn:hover svg .hover-fill {
  fill: var(--text-color) !important;
}

/* ---- Country flags ---- */
span.country--flag {
  border-radius: 50%;
  overflow: hidden;
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  margin-right: var(--space-1);
  display: flex;
  align-items: center;
}

span.country--flag img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-width: 32px;
}

/* ---- Mobile search bar ---- */
.header--mobile-search {
  padding: var(--space-1);
  border-top: 1px solid var(--dotted-color);
}

.header--mobile-search .searchbox__form {
  border: 1px solid var(--dotted-color);
}

.header--mobile-search .searchbox__form input.searchbox__input {
  border-bottom: 0;
}

.header--mobile-search button.searchbox__form-submit {
  position: absolute;
  right: 0;
  height: var(--space-8);
  line-height: var(--space-8);
  background: transparent;
  margin: 0;
}
/* === Icon Alignment Fix (Wishlist, Cart, Profile, Search) === */
.header__cart-links--search,
.header__cart-links--account,
.header__cart-links--wishlist,
.header__cart-links--cart {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}

.header__cart-links--wishlist svg,
.header__cart-links--cart svg,
.header__cart-links--account svg,
.header__cart-links--search svg {
  width: 20px;
  height: 20px;
}
/* === Custom RYNOR Header Nav Styles === */
.section-header .header__navigation a {
  font-weight: 1000 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-size: 20px;
}

.section-header .header__navigation li {
  margin-right: 24px;
}

/* === RYNOR Logo Invert on Hover === */
.section-header .header__logo-wrapper:hover img,
.section-header .mobile-nav__img-logo:hover img {
  filter: invert(1);
  transition: filter 0.2s;
}

/* Modify header on mobile */
@media screen and (max-width: 767px) {
  ul.header__cart-links__wrapper--mobile {
      display: flex;
      align-items: center;
      justify-content: end;
  }
}