/** Shopify CDN: Minification failed

Line 228:19 Expected ")" to end URL token
Line 840:4 Expected identifier but found "2px"
Line 960:6 Expected identifier but found "2px"

**/
.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}
/******common-title-container********/
@media (min-width: 992px) {
  .title-container {
    max-width: var(--max-w, unset);
  }
}
.caption {
  font-weight: 700;
  line-height: 1.2;
  color: var(--wdt-heading-color);
  font-family: var(--wdt-heading-font-family);
  letter-spacing:2px;
}
/**************/

/*****Quickadd-Modal*********/
quick-add-modal.modal.fade:not([open]) {
  display: none;
  opacity: 0;
  transition: all 0.3s linear 0.3s;
}
quick-add-modal.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: none;
}
.quick-add-modal__toggle,
quick-add-modal.modal.fade + .modal-backdrop.qa-modal-bg {
  display: none;
}

quick-add-modal.modal[open] {
  opacity: 1 !important;
  display: block;
}
quick-add-modal.modal.fade[open] .modal-dialog {
  animation: dropDownfadeup 0.3s ease-in-out;
}
quick-add-modal.modal.fade[open] .quick-add-modal__toggle {
  display: block;
}
quick-add-modal.modal.fade[open] .modal-backdrop.qa-modal-bg {
  display: block;
  opacity: var(--wdt-backdrop-opacity);
  z-index: -1;
}

quick-add-modal.modal .modal-body {
  padding-top: calc(var(--wdt-modal-padding) + var(--wdt-gutter-y) * 0.5);
  padding-bottom: calc(var(--wdt-modal-padding) + var(--wdt-gutter-y) * 0.5);
}
body.overflow-hidden.modal-open:has(quick-add-modal.modal[open]) {
  padding-right: 17px; /*control overflow*/
}
quick-add-modal.modal .magnify {
  pointer-events: none; /*magnify zoom issues*/
}
quick-add-modal.modal
  .mainProduct
  :is(.product__info-wrapper)
  :is(.wish-com, share-button) {
  display: none !important; /*hide those which are don't need to show on quick view. just add "," in the above :is to hide the tags */
}

@media (min-width: 576px) {
  quick-add-modal.modal {
    --wdt-modal-width: 600px;
  }
}
@media (min-width: 768px) {
  quick-add-modal.modal {
    --wdt-modal-width: 700px;
  }
  quick-add-modal.modal
    .mainProduct
    .product__media-list:is(.gallery-style__columns, .gallery-style__stacked) {
    display: flex;
  }
  quick-add-modal.modal
    .mainProduct
    .product__media-list:is(.gallery-style__columns, .gallery-style__stacked)
    > li:not(.is-active) {
    display: none; /*show only active elements in stacked/2columns style*/
  }
}
@media (min-width: 992px) {
  quick-add-modal.modal {
    --wdt-modal-width: 800px;
  }
}

/**************/

/*Quantity*/
.quantity,
cart-remove-button > button {
  display: inline-flex !important;
  align-items: center;
  --dt-btn-size: 2rem;
}
.product :is(.quantity) {
  --dt-btn-size: 2.5rem;
}
.quantity .form-control {
  width: calc(var(--dt-btn-size) * 1.5);
  padding: 0;
  height: calc(var(--dt-btn-size) * 1);
  font-size: 1rem;
  text-align: center;
}
.btn-icon {
  flex-shrink: 0;
  width: var(--dt-btn-size);
  height: var(--dt-btn-size);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon > svg {
  pointer-events: none;
    width: 1em;
    height: 1em;
    font-size: 21px;
}
/**************/

.cart-item__error:has(small.cart-item__error-text:empty) svg {
  display: none;
}
cart-remove-button,
cart-remove-button > button {
  width: var(--dt-btn-size);
  height: var(--dt-btn-size);
  justify-content: center;
}
.card img {
  max-width: 100%;
  height: 100%;
  /* padding: calc(0.5 * var(--wdt-card-spacer-y)); */
  border-radius: var(--wdt-card-border-radius);
}
.card--image {
  bottom: 0;
  position: absolute;
  top: 0;
  padding: calc(0.5 * var(--wdt-card-spacer-y));
  overflow: hidden;
}
/*******navigation-dropdown animation*******/
.navbar-expand-lg .navbar-nav :is(.dropdown-menu.show, .dropdown-menu) {
  /* animation: dropDownShow .25s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
  animation: dropDownfadeup 0.25s ease-in-out;
}
@keyframes dropDownSlide {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(10px);
  }
}
@keyframes dropDownShow {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropDownfadeup {
  0% {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/**************/
.dT_VProdCompareList,
.dT_VProdWishList {
  position: relative;
}
/* .product-icons .quick-add button:before, */
.product-icons a.add-compare:before,
.product-icons a.add-wishlist:before,
.dT_VProdCompareList a.add-compare:before,
.dT_VProdWishList a.add-wishlist:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  line-height: 15px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}
.product-icons li {
  margin: 5px;
  pointer-events: all;
  position: relative;
  transition: all 0.3s linear;
  background: rgb(var(--color-background));
  padding: 9px;
  border-radius: 50%;
  width: auto;
  height: auto;
  cursor: pointer;
}

.product-icons .quick-add button:before {
  -webkit-mask-image: url(
    data:image/svg + xml,
    %3Csvgxmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="currentColor"class="bi bi-copy"viewBox="0 0 16 16"%3E%3Cpathfill-rule="evenodd"d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/%3E%3C/svg%3E
  );
  mask-image: <svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="currentColor"class="bi bi-bag"viewBox="0 0 16 16"><path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/></svg>;
  background: currentColor;
}

/*card-product-price*/
.price--sold-out .price__availability,
.price__regular {
  display: block !important;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none !important;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block !important;
}

.price--on-sale .price__sale {
  display: flex !important;
  flex-wrap: wrap !important;
}
/*position-absolute-relative*/
.product .price--sold-out .badge {
  display: none;
}
.product .price--sold-out .price__badge-sale {
  display: none;
}
.col-custom-5 {
  flex: 0 0 auto;
  width: 20%;
}
@media (min-width: 576px) {
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-relative {
    position: relative;
  }
  .col-sm-custom-5 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 768px) {
  .position-md-absolute {
    position: absolute;
  }
  .position-md-relative {
    position: relative;
  }
  .col-md-custom-5 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 992px) {
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-relative {
    position: relative;
  }
  .col-lg-custom-5 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-relative {
    position: relative;
  }
  .col-xl-custom-5 {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 1400px) {
  .position-xxl-absolute {
    position: absolute;
  }
  .position-xxl-relative {
    position: relative;
  }
  .col-xxl-custom-5 {
    flex: 0 0 auto;
    width: 20%;
  }
}

/*pagnation*/
.slick-active .page-link {
  z-index: 3;
  color: var(--wdt-pagination-active-color);
  background-color: var(--wdt-pagination-active-bg);
  border-color: var(--wdt-pagination-active-border-color);
}

/*card-anchor*/
.stretch-link:after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
}
/*card-title*/
.card-title > a:not(:hover),
.footer-link-list > li > a:not(:hover) {
  color: inherit;
}
.wh-100 {
  width: 100px;
  height: 100px;
}

.min-vh-75 {
  min-height: 75vh !important;
}

/*shopify-payment-button
whenever changes made in .btn you need to change/update these things too */

button.shopify-payment-button__button--unbranded {
  --wdt-btn-padding-x: 0.75rem;
  --wdt-btn-padding-y: 0.375rem;
  --wdt-btn-font-family: var(--wdt-heading-font-family);
  --wdt-btn-font-size: 1rem;
  --wdt-btn-font-weight: 400;
  --wdt-btn-line-height: 1.5;
  --wdt-btn-border-width: var(--wdt-border-width);
  --wdt-btn-border-radius: var(--wdt-border-radius);
  --wdt-btn-hover-border-color: transparent;
  --wdt-btn-color: rgb(var(--color-primary-button-text));
  --wdt-btn-bg: rgb(var(--color-primary-button-bg));
  --wdt-btn-border-color: rgb(var(--color-primary-button-border));
  --wdt-btn-hover-color: rgb(var(--color-primary-button-text));
  --wdt-btn-hover-bg: rgb(var(--color-primary-button-bg), 0.85);
  width: 100%;
  height: 100%;
  min-height: calc(2rem + var(--wdt-btn-border-width) * 2);
  display: inline-block;
  padding: var(--wdt-btn-padding-y) var(--wdt-btn-padding-x);
  font-family: var(--wdt-btn-font-family);
  font-size: var(--wdt-btn-font-size);
  font-weight: var(--wdt-btn-font-weight);
  line-height: var(--wdt-btn-line-height);
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: var(--wdt-btn-border-width) solid var(--wdt-btn-border-color);
  border-radius: var(--wdt-btn-border-radius);
  color: var(--wdt-btn-color);
  background-color: var(--wdt-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  color: var(--wdt-btn-hover-color);
  background-color: var(--wdt-btn-hover-bg);
  border-color: var(--wdt-btn-hover-border-color);
}
.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
  display: none;
}
/*-------*/

/*picker-style -dropdown changes*/
.product-form__input input[checked] + label {
  color: var(--wdt-btn-active-color);
  background-color: var(--wdt-btn-active-bg);
  border-color: var(--wdt-btn-active-border-color);
  transition:0.1s ease;
}

.product-form__input--dropdown {
  --swatch-input--size: 1.25rem;
}
.product-form__input--dropdown .dropdown-swatch {
  position: absolute;
  left: 0.8rem;
  top: calc(50% - var(--swatch-input--size) / 2);
  width: var(--swatch-input--size);
  height: var(--swatch-input--size);
}
.product-form__input--dropdown .dropdown-swatch + .form-select {
  padding-left: 2.25rem;
}

/*---card swatch----*/
.color-values .swatch-element span {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  cursor: pointer;
}

/*Slider button → main-product gallery*/
.slider-button {
  --slide-btn-size: 2.5rem;
  height: var(--slide-btn-size);
  padding: 0;
  width: var(--slide-btn-size);
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-style: hidden;
}
/*Slider button → common */
[type="button"].slick-disabled {
  cursor: default;
}

/*placeholder-svg*/
svg.placeholder-svg {
  width: 100%;
  height: 100%;
}

/*sticky header*/
.section-header {
  position: sticky;
  z-index: 1021;
}
.shopify-section-header-sticky {
  position: sticky;
  top: 0;
  z-index: 1021;
}
.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}
.section-header.animate {
  transition: top 0.35s ease-in-out;
}
.header-sticky .gradient {
  background-attachment: unset;
}

/*blog*/
.main-blog .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-blog .card__inner_wrapper {
  padding: calc(0.5 * var(--wdt-card-spacer-y));
}
.main-blog .slick-track {
  display: flex;
}
.main-blog .slick-slide {
  height: auto !important;
}

/*country-selector*/
localization-form :is(ul.dropdown-menu) {
  max-height: 51vh;
  overflow-y: auto;
}
localization-form :is(.localization-form__currency) {
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  white-space: nowrap;
}
.localization-form li.disclosure__item > a {
  position: relative;
}
.localization-form
  li.disclosure__item
  > a:is(:hover, :focus-visible, :focus, .active)
  .localization-form__currency {
  display: inline-block;
  opacity: 1;
}
/*header count*/
.grid-count-bubble,
.cart-count-bubble,
.cart-count-bubble span {
  background: rgb(var(--color-foreground));
  width: 12px;
  height: 12px;
  color: rgb(var(--color-background));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
}
p:empty {
  display: none;
}
.custom-word {
  background: initial;
  width: auto;
  height: auto;
  color: rgb(var(--color-foreground));
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

/*header - nav-link*/
/* .nav-link{display:flex; align-items:center; justify-content:space-between;} */

div[data-slider-options] {
  position: relative;
}

/* Custom css   */
.custom-border::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  --b: 2px;
  --c: #0000 25%, rgb(var(--color-foreground)) 0;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  border-radius: 4px;
  transition: 0.5s ease-in-out;
}
.custom-border {
  --b: 2px;
  --c: #0000 25%, rgb(var(--color-foreground)) 0;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  border-radius: 4px;
  transition: 0.5s ease-in-out;
  position: relative;
}
.dbr-2,
.default-border {
  --b: 2px;
  --c: #0000 25%, rgb(var(--color-foreground)) 0;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  border-radius: 4px;
  transition: 0.3s ease-in-out, background 0.3s ease-in-out;
}
/* .dbr-2:hover{
   --c: #0000 25%, red 0;
   background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
} */

.default-border-red {
  --b: 2px;
  --c: #0000 25%, rgb(var(--color-primary-button-bg)) 0;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.corner-border {
  --b: 2px;
  --c: #0000 25%, rgb(var(--color-foreground)) 0;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  border-radius: 4px;
  position: relative;
}
.corner-border::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  --b: 2px;
  --c: #0000 25%, rgb(var(--color-foreground)) 0;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c))
      0 0,
    conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0,
    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%,
    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100%
      100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.corner-border:hover::before {
  --wdtAccentTxtColor: rgb(var(--color-foreground));
  background: repeating-linear-gradient(
      0deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      90deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      180deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      270deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    );
  background-size: 2px calc(100% + 20px), calc(100% + 20px) 2px,
    2px calc(100% + 20px), calc(100% + 20px) 2px;
  -webkit-animation: boxBorderAnimation 1s infinite linear;
  animation: boxBorderAnimation 1s infinite linear;
  background-repeat: no-repeat;
  border-radius: 0px;
  opacity: 0;
}
@keyframes boxBorderAnimation {
0% {
    opacity: 1;
    background-position: 0 0, -100px 0, 100% -100px, 0 100%;
}

100% {
    opacity: 1;
    background-position: 0 -100px, 0 0, 100% 0, -100px 100%;
}
}

.star:after {
  content: "*";
  color: #fff;
  display: inline-block;
  /* margin-top: 8px;
  padding-bottom: 5px; */
}

.bdr-top,
.bdr-btm {
  position: relative;
}

.bdr-btm::before,
.bdr-btm::after,
.bdr-top::after,
.bdr-top::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: transparent;
}
.bdr-top::before {
  border-top: 2px solid rgb(var(--color-foreground));
  border-left: 2px solid rgb(var(--color-foreground));

  top: 0;
  left: 0;
}
.bdr-top::after {
  border-top: 2px solid rgb(var(--color-foreground));
  border-right: 2px solid rgb(var(--color-foreground));
  top: 0;
  right: 0;
}
.bdr-btm::before {
  border-bottom: 2px solid rgb(var(--color-foreground));
  border-left: 2px solid rgb(var(--color-foreground));
  bottom: 0;
  left: 0;
}
.bdr-btm::after {
  border-bottom: 2px solid rgb(var(--color-foreground));
  border-right: 2px solid rgb(var(--color-foreground));
  bottom: 0;
  right: 0;
}
.brus-10 {
  border-radius: 9px;
  overflow: hidden;
}
.brus-6 {
  border-radius: 6px;
  overflow: hidden;
}

.custom-db {
  background-size: 9px 9px;
}
.custom-db:hover {
  background-size: 9px 9px; /*small-curve*/
  --c: #0000 25%, var(--wdt-btn-bg) 0;
}
.custom-db-1:hover {
  --c: #0000 25%, var(--wdt-btn-bg) 0;
  /*big-curve*/
}

/* ..........................................br-box................................ */
.br-bx::before {
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
position: absolute;
background-image:
linear-gradient(0deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 5%, transparent 5%, transparent 95%,var(--wdt-card-title-color) 95%, var(--wdt-card-title-color) 100%),
linear-gradient(90deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 5%, transparent 5%, transparent 95%,var(--wdt-card-title-color) 95%, var(--wdt-card-title-color) 100%),
linear-gradient(180deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 5%, transparent 5%, transparent 95%,var(--wdt-card-title-color) 95%, var(--wdt-card-title-color) 100%),
linear-gradient(270deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 5%, transparent 5%, transparent 95%,var(--wdt-card-title-color) 95%, var(--wdt-card-title-color) 100%);
background-size:
2px calc(100% + 100px),
calc(100% + 100px) 2px,
2px calc(100% + 100px),
calc(100% + 100px) 2px;
background-size: 2px, 100% 2px;
background-position: 0 100%, 100% 0, 100% 0, 0 100%;
background-repeat: no-repeat;
border-radius: 4px;
opacity: 1;
}

.br-bx:hover::before {
  --wdtAccentTxtColor: rgba(var(--wdt-link-color-rgb));
  background: repeating-linear-gradient(
      0deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      90deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      180deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      270deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    );
  background-size: 2px calc(100% + 100px), calc(100% + 100px) 2px;
    2px calc(100% + 100px), calc(100% + 100px) 2px;
  -webkit-animation: boxBorderAnimation 1s infinite linear;
  animation: boxBorderAnimation 1s infinite linear;
  background-repeat: no-repeat;
  border-radius: 0;
  opacity: 0;
}
.card-main:hover .br-bx::before {
  --wdtAccentTxtColor: rgba(var(--wdt-link-color-rgb));
  background: repeating-linear-gradient(
      0deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      90deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      180deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    ),
    repeating-linear-gradient(
      270deg,
      var(--wdtAccentTxtColor),
      var(--wdtAccentTxtColor) 50px,
      transparent 50px,
      transparent 100px
    );
  background-size: 2px calc(100% + 100px), calc(100% + 100px) 2px,
    2px calc(100% + 100px), calc(100% + 100px) 2px;
  -webkit-animation: boxBorderAnimation 1s infinite linear;
  animation: boxBorderAnimation 1s infinite linear;
  background-repeat: no-repeat;
  border-radius: 0;
  opacity: 0;
}
.over-anchor {
  width: 100%;
  display: grid;
  height: 100%;
  position: relative;
}
          .br-bx{
  inset:10px ;
  z-index:1;

  }
.card {
  border: none;
}
.card-body {
  background-color: rgb(var(--color-background));
}
.card-main:hover .default-border {
  --c: #0000 25%, rgba(var(--wdt-link-color-rgb)) 0;
}
.card-main:hover .default-border .card-title a {
  color: rgba(var(--wdt-link-color-rgb));
}
/* ..........................................br-box................................ */
.br-bx-small::before{
inset:5px;
content: "";
position: absolute;       
background-image:linear-gradient(0deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 15%, transparent 15%, transparent 85%,var(--wdt-card-title-color) 85%, var(--wdt-card-title-color) 100%),
linear-gradient(90deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 15%, transparent 15%, transparent 85%,var(--wdt-card-title-color) 85%, var(--wdt-card-title-color) 100%),
linear-gradient(180deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 15%, transparent 15%, transparent 85%,var(--wdt-card-title-color) 85%, var(--wdt-card-title-color) 100%),
linear-gradient(270deg, var(--wdt-card-title-color), var(--wdt-card-title-color) 15%, transparent 15%, transparent 85%,var(--wdt-card-title-color) 85%, var(--wdt-card-title-color) 100%) ;
background-size:  
2px calc(100% + 100px),
calc(100% + 100px) 2px,
2px calc(100% + 100px),
calc(100% + 100px) 2px;
background-size: 2px, 100% 2px;
background-position: 0 100%, 100% 0, 100% 0, 0 100%;
background-repeat: no-repeat;
border-radius: 4px;
opacity: 1;
}

.br-bx-small:hover::before {
    --wdtAccentTxtColor: rgba(var(--wdt-link-color-rgb));
    background: repeating-linear-gradient(
        0deg,
        var(--wdtAccentTxtColor),
        var(--wdtAccentTxtColor) 50px,
        transparent 50px,
        transparent 100px
      ),
      repeating-linear-gradient(
        90deg,
        var(--wdtAccentTxtColor),
        var(--wdtAccentTxtColor) 50px,
        transparent 50px,
        transparent 100px
      ),
      repeating-linear-gradient(
        180deg,
        var(--wdtAccentTxtColor),
        var(--wdtAccentTxtColor) 50px,
        transparent 50px,
        transparent 100px
      ),
      repeating-linear-gradient(
        270deg,
        var(--wdtAccentTxtColor),
        var(--wdtAccentTxtColor) 50px,
        transparent 50px,
        transparent 100px
      );
    background-size: 2px calc(100% + 100px), calc(100% + 100px) 2px;
      2px calc(100% + 100px), calc(100% + 100px) 2px;
    -webkit-animation: boxBorderAnimation 1s infinite linear;
    animation: boxBorderAnimation 1s infinite linear;
    background-repeat: no-repeat;
    border-radius: 0;
    opacity: 0;
  }



/* ........................................br-bx-small........................................... */
/* ..........................................filter price................................ */
.field .bg-light {
  background-color: yellow;
}

/* .........................................filter price.............................. */
/* ...........................commbg ...................*/

.cmbg {
  background-color: rgb(var(--bg-input));
}
/* ...........................commbg ...................*/

.mb-40 {
  margin-bottom: 32px !important;
}
.product-icons_wrapper .quick-add .btn:first-child:active{
  background:none ;

}
.white-space-nowrap {
  white-space: nowrap !important;
}
.row-gap-6{
  row-gap:1.875rem !important;
}
.g-6,
.gx-6 {
  --wdt-gutter-x: 1.875rem ;
}

.g-6,
.gy-6 {
  --wdt-gutter-y: 1.875rem ;
}
/* *{
  border:1px solid yellow !important;
} */
.opacity-0 {
  opacity:0;
}


.quantity .quantity__button:hover{
      color: rgb(var(--color-link-hover));
  
}
.quantity .quantity__button.disabled:hover{
      color: rgb(var(--color-foreground));

}
.facets input[type=checkbox]{
  cursor:pointer;
}
.active-facets__button-inner:hover{
  color: rgb(var(--color-link-hover));
}
.facet-checkbox:hover{
   color: rgb(var(--color-link-hover));
}
.facet-checkbox.disabled{
  color:rgb(var(--color-foreground));
}
#to-top{
     transition: var(--base-transition);
}
#to-top:hover{
      transform: scale(1.1);
}