/* header css */
.site-header {
  display: block;
}
.header.site-header {
  padding: 0;
}
.site-header__element--top {
  border-radius: 12px 12px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.9rem;
  position: relative;
}
.site-header__element--bottom {
  border-radius: 0 0 12px 12px;
  padding: 0 1.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fabric-finder-button {
  display: inline-block;
  padding: 13.5px 31px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
  border-radius: 6px;
  text-decoration: none;
  background-color: var(--secondary-color);
  color: transparent;
  z-index: 1;
  overflow: hidden;
  max-width: 184px;
  width: 100%;
}


.fabric-finder-button .account_label {
  background: linear-gradient(90deg, #f5bd41, #fff 49%, #f5bd41);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fabric-finder-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  padding: 1px;
  background: linear-gradient(90deg, #f5bd41, #fff 49%, #f5bd41);
  z-index: -2;
}
.fabric-finder-button:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 6px;
  padding: 1px;
  background: var(--secondary-color);
  z-index: -1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.header_fabric_buttton_and_serach {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  max-width: 500px;
  width: 100%;
}
.header__icons {
  max-width: 500px;
  width: 100%;
  justify-content: end;
  gap: 0.8rem;
}
.header_custom_button {
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 2.6rem;
}
.header_order_buttton_div {
  width: 100%;
}
.header__icon .svg-wrapper {
  padding: 10px;
}
.header__icon .svg-wrapper.block_account-vip-icon {
    padding: 8px;
    margin: -6px 0 0;
}
.header__icon.header__icon--account .svg-wrapper.customer_login{
  padding: 8px;
  display: inline-block;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
.header__icon.header__icon--account .svg-wrapper.customer_login:hover{
  background-color: rgb(242 244 245 / 1);
  background-color: color-mix(in srgb, currentColor 15%, transparent);
}
}

.header__icon .svg-wrapper .customer_name {
    background-color: #fff;
    color: #000;
    padding: 0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
  .header__icon.header__icon--account .svg-wrapper.customer_login{
    padding: 9px;
  }
  .header__icon .svg-wrapper.customer_login .customer_name {
      width: 22px;
      height: 22px;
      font-size: 12px;
  }
}

@media screen and (max-width: 650px) {
  .header__icon.header__icon--account .svg-wrapper.customer_login{
    padding: 10px;
  }
  .header__icon .svg-wrapper.customer_login .customer_name {
      width: 20px;
      height: 20px;
      font-size: 12px;
  }
}

.header__menu-drawer-icon {
  display: flex;
  align-items: center;
  width: max-content;
  transition: 0.3s ease-in-out;
  gap: 11px;
  padding: 9px 9px;
  border: 1px solid transparent;
}
.header__menu-drawer-icon .header__icon {
  width: unset;
  height: unset;
}
.header__menu-drawer-icon.header__icon {
  height: unset;
}
.header__menu-drawer-title {
  color: var(--selection-color);
  text-transform: uppercase;
}
.header_custom_menu_button {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
  padding: 1.61px 15.08px;
  gap: 7px;
  padding-right: 8px;
}
.header_custom_menu_button a {
  text-decoration: none;
  text-transform: uppercase;
  display: inline-flex;
  padding: 10px 16px;
}
.header_custom_button_logo{
  margin-right: 7px;
}
.header_custom_button_logo img {
  margin-top: -4px;
}
.header_blog_buttton_div {
  color: rgba(var(--color-foreground));
}

.menu--uppercase {
  text-transform: uppercase;
}
.menu--capitalize {
  text-transform: capitalize;
}
.menu--lowercase {
  text-transform: lowercase;
}
.menu--none {
  text-transform: none;
}
.header__menu-drawer-icon:hover {
  border: 1px solid rgba(var(--color-foreground), 0.2);
  background-color: rgba(var(--color-foreground), 0.1);
}

.header_custom_menu_button:hover {
  border: 1px solid rgba(var(--color-foreground), 0.2);
  background-color: rgba(var(--color-foreground), 0.1);
}
.sale-link {
  color: rgba(var(--color-foreground));
}

.mega-menu[open] .mega-menu__content {
  max-width: var(--page-width);
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9;
  margin: auto;
  padding: 0 2rem;
  border: 0;
  border-width: 0;
  box-shadow: none;
  background-color: transparent;
}
details[open] + .mega-header-ovarlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: -3;
  background: #00000060;
}

header-menu > details,
details-disclosure > details {
  position: unset;
}
.block__mega-menu--area-wrapper {
  background-color: var(--octal-color);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  overflow: hidden;
}
localization-form{
  position: relative;
    z-index: 9999;
}
.block__inner-mega-menu-pad {
  padding: 20px;
}
.block__mega-menu--arar-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* max-height: 575px;
  overflow: auto; */
  /* scrollbar-width: none; */
}
.block_sub-menu-by-conten-item .block_image-header__menu-item:last-child {
  opacity: 1;
  visibility: visible;
}
.block__area-wrapper--left {
  width: calc(20% - 10px);
  display: flex;
  flex-wrap: wrap;
}
/* .block__area-wrapper--right {
  width: calc(80% - 10px);
} */
summary.list-menu__item {
  padding-right: 0;
}
.block__area-wrapper--left .mega-menu__list {
  width: 100%;
  /* max-height: 320px;
  overflow: auto; */
  /* scrollbar-width: none; */
}
.block__menu--list-fix-height {
  border-radius: 6px;
  padding: 32px;
  background-color: var(--selection-color);
  width: 100%;
  max-height: max-content;
}
.block__area--right-wrapper-main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  height: 100%;
}
.block__menu-type--image-menu-right-image {
  width: calc(46% - 35px);
  padding: 0 10px;
}
.block__menu-type--image-menu-right-image h5,
.block__menu-type--image-menu-right-image .h5 {
  font-weight: var(--font-extra-medium-weight);
  margin: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--secondary-color);
  font-family: var(--font-body-family);
  text-shadow: 0 1px 2px #00000047;
}
.block__menu-type--image-menu-right {
  width: calc(54% - 35px);
}

.block__menu-type--image-menu-right h5, .block__menu-type--image-menu-right .h5 {
  font-weight: var(--font-extra-medium-weight);
  margin: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: var(--secondary-color);
  font-family: var(--font-body-family);
  text-shadow: 0 1px 2px #00000047;
  padding: 5px 10px;
}
.block__menu-type--image-menu-right ul {
  padding: 0;
}
.block__area-left--menus-grid-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  overflow: auto;
  max-height: 340px;
}
.block__right-submenu--project li a {
  text-decoration: none;
}

.block__area-left--menus-grid-inner .block__right-submenu--project:first-child {
  width: calc(36% - 15px);
}
.block__area-left--menus-grid-inner
  .block__right-submenu--project:nth-child(2) {
  width: calc(36% - 15px);
}
.block__area-left--menus-grid-inner .block__right-submenu--project:last-child {
  width: calc(28% - 15px);
}
.block__right-submenu-iiner-project-li {
  padding: 6px 0 6px 10px;
}
.block__area-wrapper--left li {
  list-style: none;
}
.block__area-wrapper--left li a {
  text-decoration: none;
}
.block__mega-menu--arar-inner .mega-menu__list {
  background-color: var(--selection-color);
  padding-bottom: 5px;
  padding-right: 10px;
}
.block__area-left--menus-grid {
  /* min-height: 370px;
  overflow: hidden;
  max-height: 370px; */
}
.block__mega-menu--arar-inner .mega-menu__list li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 1px 0;
}
.block__area-bottom-image-main {
  margin-left: -51%;
  margin-top: 160px;
}
.block__mega-menu--arar-inner .mega-menu__list li::after , .block__mega-menu--arar-inner .mega-menu__list li.gold:after {
  position: absolute;
  content: "";
  bottom: -3px;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.block__mega-menu--arar-inner.mega-menu__list li svg {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.block__mega-menu--arar-inner .mega-menu__list li:hover svg,
.block__mega-menu--arar-inner .mega-menu__list li:hover::after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.block__mega-menu--arar-inner .mega-menu__list li:hover a {
  color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.block__area-left--menus-grid-inner ul li {
  padding: 7px 0;
  padding-left: 10px;
}
.block__area-left--menus-grid-inner ul li a {
  text-transform: capitalize;
}
.block__mega-menu--arar-inner .mega-menu__list li:last-child {
  margin-bottom: 0;
}
.block__area-bottom-images {
  width: 100%;
}
.block__sub-menu-by-conten--project {
  display: none;
}
.block__sub-menu-by-conten--project.active {
  display: block !important;
}
.block__sub-menu-by-conten--project-ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.block__sub-menu-by-conten--project-ul .block_sub-menu-by-conten-item {
  width: calc(33.33% - 15px);
  padding-right: 20px;
  border-right: 1px solid #0000001a;
}
.block__sub-menu-by-conten--project-ul
  .block_sub-menu-by-conten-item:last-child {
  border: 0;
}
.block_sub-menu-by-conten-item a {
  padding: 8px 0px;
  padding-left: 10px;
  text-decoration: none;
  text-transform: capitalize;
  &:hover {
    color: var(--primary-color);
    text-decoration: underline;
  }
}
.mega-menu__link.link.gold,
.block_image-header__menu-item.gold {
  color: var(--primary-color);
  border-bottom: 1px solid;
}

.block_image-header__menu-item.gold a{
    color: var(--primary-color);
    filter: brightness(1.005);
}
.block__area-bottom-images-wrapper {
  display: flex;
  gap: 30px;
}
.block__image-text--menus-text .h5 {
  font-size: var(--h6);
  font-weight: var(--font-heading-weight);
  margin: 0;
  color: var(--selection-color);
  filter: brightness(1.005);
}
.block__image-text--menus-text p {
  font-size: var(--regular_body);
  text-transform: uppercase;
  font-weight: var(--font-body-medium-weight);
  margin: 0;
  color: var(--selection-color);
   filter: brightness(1.005);
}
.block__image-text--menus {
  position: relative;
}
.block__image-text--menus-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}
.block_image-header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block_image-header__menu-item:not(.gold)::after {
  position: absolute;
  content: "";
  bottom: 0;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.block_image-header__menu-inner-submemu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block_image-header__menu-inner-submemu::after {
  position: absolute;
  content: "";
  bottom: 0;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.block_image-header__menu-inner-submemu:hover::after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.block_image-header__menu-inner-submemu:hover a {
  color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.block_image-header__menu-item:hover::after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.block_image-header__menu-item:hover , .block_image-header__menu-item:hover .mega-menu__link-leval-inner{
  color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.block__area-right--colors-main {
  display: flex;
  flex-wrap: wrap;
  gap: 33px;
  row-gap: 32px;
}
.block__area-right--colors-wrapper {
  width: calc(20% - 27px);
  text-align: center;
}
.block__area-wrapper--right h6 {
  margin: 0;
  font-size: var(--extra_medium_body);
  font-weight: var(--font-body-medium-weight);
  text-transform: uppercase;
  margin-bottom: 40px;
  color: var(--secondary-color);
  line-height: var(--extra_medium_body_line_height);
}
.block__area-right--colors-wrapper a {
  font-size: var(--small_body);
  color: var(--secondary-color);
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.block__area-right--colors-inner {
  position: relative;
}
.block__area-right--colors-inner:after {
  position: absolute;
  content: "";
  bottom: 0;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  background-repeat: no-repeat;
  right: 0;
  background-size: contain;
  height: 100%;
  background-image: url(https://cdn.shopify.com/s/files/1/0668/4118/2383/files/Union-transparentrtrtty.png?v=1745322997);
  transition: all 0.3s ease-in-out;
  z-index: 0;
}
.block__area-right--colors-wrapper:hover
  .block__area-right--colors-inner:after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.block__area-right--colors-wrapper:hover .block__area-right--colors-text {
  border-bottom: 1px solid var(--quinary-color);
  transition: all 0.3s ease-in-out;
  color: var(--quinary-color);
}
.block__right-submenu--project li a {
  font-size: var(--body);
  line-height: var(--body_line_height);
  color: var(--secondary-color);
}

.mega-menu-overflow {
  overflow: hidden;
}
.block__area-ul-menus-grid-main {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 20px;
}

.block__area-left-li-inner-area {
  padding: 0;
}

.block__area-left--menus-grid-inner-grandink li {
  padding-left: 0 !important;
}

.block__area-left-li-inner-area {
  display: none;
}

.block__area-left-li-inner-area.active {
  display: block;
}

img.country_img_icon {
  width: 20px;
  height: 20px;
  display: block;
}
.site-header__element--top .localization-form__select {
  min-width: calc(3.8rem + var(--inputs-border-width) * 2);
}
.site-header__element--top
  .js
  .header-localization:not(.menu-drawer__localization)
  .localization-form__select {
  height: 4.4rem;
}
.block__type-only-link--heading h5 {
  font-weight: var(--font-extra-medium-weight);
  margin: 0 0 25px;
  text-transform: uppercase;
  color: var(--secondary-color);
  font-family: var(--font-body-family);
  text-shadow: 0 1px 2px #00000047;
}
.block__menu-by-content-main {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
}
.block__menu-by-content--left-side {
  width: calc(18% - 35px);
}
.block__menu-by-content--left-side .block__type-only-link--heading h5,
.block__menu-by-content--left-side .block__type-only-link--heading .h5{
  font-weight: var(--font-extra-medium-weight);
  margin: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: var(--secondary-color);
  font-family: var(--font-body-family);
  text-shadow: 0 1px 2px #00000047;
  padding: 5px 10px;
}
.block__menu-by-content--block-ul .block_image-header__menu-item {
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
     max-width: max-content;
}
.block__menu-by-content--block-ul .block_image-header__menu-item a {
  text-decoration: none;
  text-transform: capitalize;
  font-size: var(--body);
  line-height: var(--body_line_height);
  color: var(--secondary-color);
}
.block__menu-by-content--block-ul .block_image-header__menu-item.active a svg {
  display: none;
  transition: all 0.3s ease-in-out;
}
.block__menu-by-content--block-ul .block_image-header__menu-item.active a {
  color: var(--primary-color);
}
.block__menu-by-content--block-ul .block_image-header__menu-item.active::after {
  opacity: 1;
  visibility: visible;
}
.block__menu-by-content--right-side {
  width: calc(82% - 35px);
}
.block_image-header__menu-item a:hover {
  color: var(--primary-color);
}
.block_image-header__menu-item:hover a svg {
  transition: all 0.3s ease-in-out;
}
.block__fabric-type-menus-wrapper {
  /* gap: 20px; */
  flex-wrap: wrap;
}

ul.block__fabric-type-conten--project-ul {
  max-width: 100%;
  width: 100%;
  position: relative;
}
.block__fabric-type--conten-iiner-project-li
  .block_image-header__menu-item.gold:after {
  opacity: 1;
  visibility: visible;
}
.menu-menu-left-container summary {
  padding: 0;
}
.menu-menu-left-container summary::after {
  display: none;
}
.menu-menu-left-container .block__area-wrapper--right {
  width: 100%;
}
.menu-menu-left-container .block__menu-type--image-menu-right {
  width: calc(64% - 35px);
}
.menu-menu-left-container .block__menu-type--image-menu-right-image {
  width: calc(36% - 35px);
}
.block__fabric-type-menus-wrapper .mega-menu__link.link {
  width: 100%;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.block_only-match-lishow {
  font-weight: var(--font-extra-medium-weight);
  margin: 0 0 10px;
  text-transform: uppercase;
  color: var(--secondary-color);
  font-family: var(--font-body-family);
  text-shadow: 0 1px 2px #00000047;
}
.menu-menu-left-container
  .block__menu-type--image-menu-right
  .block__area-bottom-image-main {
  margin-left: 0;
}
.block__area-left--menus-grid-discover {
  width: 100%;
  display: flex;
  gap: 40px;
}
.block__area-left--menus-grid-inner-discover {
  width: calc(50% - 20px);
}
.block__area-left--menus-grid-discover .block__right-submenu--project {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 0;
}
.block_image-header__menu-inner-submemu.gold::after {
  opacity: 1;
  visibility: visible;
}
.block_image-header__menu-item-other.gold,
.block_image-header__menu-item-other.gold a,
.block_image-header__menu-inner-submemu.gold,
.block_image-header__menu-inner-submemu.gold a {
  color: var(--primary-color);
  filter: brightness(1.005);
}
.mega-menu[open] .header__menu-item::after {
  width: 100%;
}
.mega-menu[open] .header__menu-item span {
  color: rgb(var(--color-foreground));
}
.block__area-left--menus-grid-inner-discover {
  padding-right: 40px;
  border-right: 1px solid #0000001a;
}
.block__area-left--menus-grid-discover .block__right-submenu--project li {
  width: calc(50% - 10px);
  padding: 6px 0;
  padding-left: 10px;
}
.block__area-left--menus-grid-discover {
  margin-bottom: 60px;
}
.block__discover-area-help--menu {
  width: calc(50% - 20px);
}
.header-wrapper , .mobile__site-header{
  background: transparent;
}
@media screen and (max-width: 1470px) {
  .header--top-center .header__inline-menu > .list-menu--inline {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1349px) {
  .header--top-center .header__inline-menu > .list-menu--inline {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1299px) {
  .header--top-center .header__inline-menu > .list-menu--inline {
    gap: 1.8rem;
  }
}
@media screen and (max-width: 1249px) {
  .header--top-center .header__inline-menu > .list-menu--inline {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 1095px) {
  .header--top-center .header__inline-menu > .list-menu--inline {
    gap: 0.2rem;
  }
}

/* Mobile header */
@media screen and (min-width: 990px) {
  .mobile--site-header__element--bottom .search-modal__form {
    display: none;
  }
  .mobile_header_fabric_buttton.header__icon {
    display: none;
    visibility: hidden;
  }
  .mobile__site-header .site-header__element--top header-drawer {
    width: 0;
    visibility: hidden;
  }

}
@media (min-width: 1200px) {
  .header__inline-menu {
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  .header__inline-menu {
    display: none !important;
  }
  .fabric-finder-button.small-hide {
    display: none;
  }
  .mobile_header_fabric_buttton.header__icon {
    display: block;
    visibility: visible;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    position: relative;
  }
  .mobile__site-header .site-header__element--top header-drawer {
    width: unset;
    visibility: visible;
  }
  .mobile--site-header__element--bottom .search-modal__form {
    display: block;
  }
  .menu-menu-left-container {
    display: none;
  }
  .mobile__site-header .site-header__element predictive-search {
    display: none;
  }
  .mobile--site-header__element--bottom header-drawer {
    display: none;
  }
  .mobile--site-show {
    display: none;
  }
  .mobile--site-header__element--bottom .header_custom_menu_button {
    display: none;
  }
  .mobile--site-header__element--bottom {
    padding: 0.5rem 1.6rem;
  }
  .mobile--site-header__element--bottom .search__input.field__input {
    background-color: transparent;
    border-color: transparent;
    height: 2.4rem;
    padding: 0 3rem;
  }
  .mobile--site-header__element--bottom .search-modal__form .field__button.search__button {
    height: 2.4rem;
    width: max-content;
    right: unset;
    left: var(--inputs-border-width);
    top: var(--inputs-border-width);
  }
.mobile--site-header__element--bottom .search-modal__form .field__button.search__button svg{
  width: 15px;
  height: 15px;
}
  .site-header__element--top header-drawer .header__menu-drawer-title {
    display: none;
  }
  .header_custom_button {
    display: none;
  }
  .header_fabric_buttton_and_serach,
  .header__icons {
    max-width: 260px;
    gap: 0;
  }
  .header__icons {
    padding-right: 0;
  }
  .header__icon--cart {
    margin-right: 0 !important;
  }
  .block_image-header__menu-inner-submemu:after{
    display: none;
  }
  .block_image-header__menu-inner-submemu:hover a{
    color: rgb(var(--color-foreground));
    transition: none;
  }
    .header__icon .svg-wrapper.block_account-vip-icon {
    padding: 9px;
    margin: -3px 0 0;
  }
}

/* search drawer */

@media screen and (min-width: 768px) {
  .site-header__element--top .predictive-search {
    width: calc(100% + 0.2rem);
  }
}

.site-header__element--top .header__icons .header__icon {
  border-radius: 50%;
  overflow: hidden;
  height: 4rem;
  width: 4rem;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.site-header__element--top .header__icons .header__icon.header__icon--account{
  position: unset;
}
.site-header__element--top .header__icons .header__icon.header__icon--cart{
   overflow: visible;
}
.header-localization .disclosure .localization-form__select {
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}

.site-header__element--top .header__icon:hover,
.header-localization .disclosure .localization-form__select:hover {
  /* border: 1px solid rgba(var(--color-foreground), 0.2);
  background-color: rgba(var(--color-foreground), 0.1); */
}
.site-header__element--top .header__icons .header_order_buttton_div {
  width: unset;
  height: unset;
  border-radius: unset;
  border: unset;
}
.site-header__element--top a#swym-inject-header {
  top: unset;
  left: unset;
}

.js
  .header-localization:not(.menu-drawer__localization)
  .localization-form__select {
  margin-bottom: 0;
}
.site-header__element--top a#swym-inject-header-mobile {
  width: 4rem;
  height: 4rem;
  top: unset;
  left: unset;
  padding: 1rem 1rem;
  scale: unset;
}
.block__area-wrapper--right {
  display: none;
}
.block__area-wrapper--right.active {
  display: block !important;
  height: 100%;
}
.block__mega-menu-child-li.active a , .block__mega-menu--arar-inner .mega-menu__list li.gold a {
  color: var(--primary-color);
      filter: brightness(1.005);
}
.block__mega-menu--arar-inner .mega-menu__list li.active::after , .block__mega-menu--arar-inner .mega-menu__list li.gold::after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.block__mega-menu-child-li a svg {
  display: none;
}

.block__mega-menu-child-li.active a svg {
  display: block;
  transition: all 0.3s ease-in-out;
}
.block__menu-1--innner-ovarflow {
  overflow: hidden;
  max-height: 410px;
}
.menu-menu-left-container .block__area--right-wrapper-main {
  padding: 20px;
}
ul.block__fabric-type--conten-iiner-project-li {
  background-color: var(--selection-color);
  top: 0;
  position: absolute;
  left: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  width: max-content;
  overflow: auto;
  padding: 15px;
}
ul.block__fabric-type-conten--project-ul
  li:hover
  ul.block__fabric-type--conten-iiner-project-li {
  opacity: 1;
  visibility: visible;
}
.block__fabric-type-conten--project-ul li:hover svg {
  display: none;
}
.block_image-header__menu-item-shop-all-bra-cups.gold{
       color: rgba(var(--color-foreground), 0.75);
    border-bottom: unset;
}
.block_image-header__menu-item-shop-all-bra-cups.gold a{
    color: rgba(var(--color-foreground), 0.75);
}
.block_image-header__menu-item-shop-all-bra-cups.gold:hover{
      color: var(--primary-color);
    border-bottom: 1px solid;
}
.block_image-header__menu-item-shop-all-bra-cups.gold:hover a{
   color: var(--primary-color);
}
.block__mega-menu--content-inner >* ::-webkit-scrollbar {
    width: 3px;
}
.block__mega-menu--content-inner >* ::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 0;
}
.block__mega-menu--content-inner >* ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 0;
}

.country-selector svg path{
  fill: var(--selection-color);
}

/* [data-menu-match="sewing-supplies"].block__area-wrapper--right .block__fabric-type-menus-wrapper {
    column-count: 3 !important;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul{
  max-width: 100% !important;
} */
[data-menu-match="by-project"].block__area-wrapper--right .block__area--right-wrapper-main {
    gap: 0;
}
[data-menu-match="by-project"].block__area-wrapper--right .block__menu-type--image-menu-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
[data-menu-match="by-project"].block__area-wrapper--right .block__area-bottom-image-main {
    margin-left: unset;
    margin-top: 20px;
}
[data-menu-match="by-color"].block__area-wrapper--right .block__menu-type--image-menu-right {
    display: none;
}
[data-menu-match="by-color"].block__area-wrapper--right .block__menu-type--image-menu-right-image {
    width: 50%;
}
/* [data-menu-match="marking-measuring-tools"].block__area-wrapper--right {
    width: 50%;
}
[data-menu-match="marking-measuring-tools"].block__area-wrapper--right .block__fabric-type-menus-wrapper {
  column-count: 2 !important;
}
[data-menu-match="marking-measuring-tools"].block__area-wrapper--right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul{
  max-width: 100% !important;
} */
[data-menu-match=by-color].block__area-wrapper--right .block__menu-type--image-menu-right-image .block__area-right--colors-wrapper {
  width: calc(17% - 27px);
}
[data-menu-match="ribbons"].block__area-wrapper--right {
    width: 50%;
}
[data-menu-match="ribbons"].block__area-wrapper--right .block__fabric-type-menus-wrapper {
  column-count: 2 !important;
}
[data-menu-match="ribbons"].block__area-wrapper--right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul{
  max-width: 100% !important;
}
[data-menu-match="all-notions-by-brand"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other li.block_fabric-type--conten-item-4.block_image-header__menu-item-all-brands{
  width: calc(50% - 9px) !important;
}
[data-menu-match="all-notions-by-brand"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other li.block_fabric-type--conten-item-4.block_image-header__menu-item-all-brands .block__fabric-type--conten-iiner-project-li-info{
    column-count: 3 !important;
}

[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4{
  width: 100%;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:first-child{
  grid-area: 1 / 1 / 3 / 2;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:nth-child(2){
  grid-area: 1 / 2 / 2 / 3;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:nth-child(3){
  grid-area: 1 / 3 / 2 / 4;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:nth-child(4){
  grid-area: 1 / 4 / 2 / 5;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:nth-child(5){
  grid-area: 2 / 2 / 3 / 3;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:nth-child(6){
  grid-area:  2 / 3 / 3 / 4;
}
[data-menu-match="sewing-supplies"].block__area-wrapper--right .block__menu-type--only-menu-right .block__fabric-type-menus-wrapper .block__fabric-type-conten--project-ul-other .block_fabric-type--conten-item-4:nth-child(7){
  grid-area:  2 / 4 / 3 / 5;
}


.block__area-wrapper--right--wrapper {
    width: calc(80% - 10px);
}
.block__fabric-type-conten--project-ul-other {
    display: flex;
    width: 100%;
    /* justify-content: space-between; */

    gap: 10px;
    flex-wrap: wrap;
}
li.block_fabric-type--conten-item-4 {
    width: 25%;
}
li.block_fabric-type--conten-item-4 {
    width: calc(25% - 9px);
}

.block__fabric-type-menus-wrapper li.block_fabric-type--conten-item-4 .mega-menu__link.mega-menu__link-leval-inner{
      font-weight: var(--font-extra-medium-weight);
    margin: 0 0 10px;
    text-transform: uppercase;
    color: var(--secondary-color);
    font-family: var(--font-body-family);
    text-shadow: 0 1px 2px #00000047;
        filter: brightness(1.005);
}
.block_image-header__menu-item-other a:hover{
      color: var(--primary-color);
}


.block_image-header__menu-item-other a {
  position: relative;
}

.block_image-header__menu-item-other a:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.block_image-header__menu-item-other:not(.gold) a:hover:after {
  opacity: 1;
}
.block_image-header__menu-item-other.gold a:after{
  opacity: 1 !important;
}

.swym-wishlist:not(.custom-wishlist){
  display: none;
}

.swym-wishlist.custom-wishlist.mobile_header_fabric_buttton a{
  padding: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
.desktop-wishlist.swym-wishlist.custom-wishlist{
 display: none;
}
}
.customer_group{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  font-size: 11px;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.site-header__element--top .header__icons .header__icon:hover .customer_group{
  opacity: 1;
  visibility: visible;
}