.section+.section.section-collection-list{
    margin-top: 0;
}
.product__info-container .form__label span {
    color: rgba(var(--color-foreground), .8);
}
variant-selects .product-form__input--swatch{
    padding-left: 1px;
}
.product-inner {
    display: flex;
    flex-direction: column;
    word-break: break-all;
}
.template-search .product-inner{
    display: block;
}
.product-inner .belowprice{
    order: 1;
}
.compare_product .product-inner, .wbcartupsell .card__content,
cart-drawer .wbcartupsell .wbproduct-container .product-form .wbbtngrp{
    text-align: left;
}
.wbproduct-container .card.display_btninline, .product-tab-item .twopro > li {
    height: 100%;
}
.wbproduct-container .card.display_btninline .wbproductdes {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wbproduct-container .card.display_btninline .pdes_innder {
    display: grid;
    flex-grow: 1;
    grid-template-rows: minmax(0, 1fr) max-content;
}
.product-form__input input[type=radio].disabled+label,
.product-form__input label.disabled {
    text-decoration: line-through;
}
.noproduct_img.card__content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
    padding: 1.5rem;
    width: 100%;
    flex-grow: 1;
    word-break: break-word;
}
.cardhome_clg .card--card.card--text .card__inner .card__content {
    display: none;
}
.cardhome_clg .card--standard.card--media .card__inner .card__content, .cardhome_clg .card--card .card__inner .card__content {
    display: none;
}
.cardhome_clg .card--card .svgbg svg {
    width: 100%;
    height: 100%;
}
/* badge */
.card__badge.wb_badge_pos {
    gap: 5px;
    padding: calc(var(--wbspace-badge) * 2);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    align-self: flex-start;
}
.card__badge.wb_badge_pos.badgespace{
    padding-left: 0;
}
.continue_product_badge {
    background: var(--continue-bg-color);
    color: var(--continue-text-color);
}
.continue_product_badge {
    display: inline-block;
}
.card .price .continue_product_badge {
    display: none;
}
.amount__badge-sale {
    background: var(--sale-bg-color);
    color: var(--sale-text-color);
}
.percent__badge-sale {
    background: var(--percentage-sale-bg-color);
    color: var(--percentage-sale-text-color);
}
.new_product_badge {
    background: var(--new-bg-color);
    color: var(--new-text-color);
}
.soldout_product_badge{
    background: var(--soldout-bg-color);
    color: var(--soldout-text-color);
}
/* badge over */
.product-form__error-message-wrapper:not([hidden]){
    margin-top: 10px;
    margin-bottom: 8px;
}
.wbproduct-container .wbvariantbadges {
    position: absolute;
    top: var(--card-image-padding);
    left: var(--card-image-padding);
    margin: var(--wbspace-badge);
}
.allslideprt{
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    display: flex;
    text-align: center;
}
.wbimgblock .card__content {
    width: 100%;
}
.wbimgblock .wbcard_noimg{
    padding: 0; 
    text-align: var(--card-text-alignment);
}
.wbproduct-container .wbimgblock{
    transition: 0.3s ease;
}
#product-grid .wbproduct-container .wbimgblock{
    transition: none;
}
.card-wrapper .wbimgblock:hover .media.media--hover-effect > img:first-child:not(:only-child) {
    opacity: 0;
}
.card-wrapper .wbimgblock:hover .media.media--hover-effect > img + img {
    opacity: 1;
    transition: transform var(--duration-extended) ease;
    transform: scale(1.01);
}
.product_badge.new{
    position: absolute;
    top: 5px;
    right: 10px;
}
.card-wrapper {
    color: inherit;
    height: 100%;
    position: relative;
    text-decoration: none;
}
.wbhomevendor{
    color: rgba(var(--color-foreground), 0.8);
    margin-bottom: 8px;
    line-height: 14px;
}
.card {
    text-align: var(--card-text-alignment);
    text-decoration: none;
    border: none;
}
.card--card {
    height: 100%;
}
.card--standard .card__inner{
    z-index: 0;
}
.card--card,
.card--standard .card__inner,
.wblookimglazy {
    border-radius: var(--card-corner-radius);
    border: var(--card-border-width) solid rgba(var(--color-foreground), var(--card-border-opacity));
    position: relative;
    box-sizing: border-box;
}
.card--card:after,
.card--standard .card__inner:after,
.wblookimglazy:after {
    content: '';
    position: absolute;
    width: calc(var(--card-border-width) * 2 + 100%);
    height: calc(var(--card-border-width) * 2 + 100%);
    top: calc(var(--card-border-width) * -1);
    left: calc(var(--card-border-width) * -1);
    z-index: -1;
    border-radius: var(--card-corner-radius);
    box-shadow: var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow), var(--card-shadow-opacity));
}
.wbprobnr .wbproduct-container .card{
    border-radius: var(--media-radius);
}
/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */
/* .card--card.gradient,
.card__inner.gradient {
  transform: perspective(0);
} */

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.card__inner.color-background-1 {
  background: transparent;
}
.card .card__inner .card__media,.wblookimgin {
  overflow: hidden;
  /* Fix for Safari border bug on hover */
  z-index: 0;
  border-radius: calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));
}
/* */
.wblookimgin img{
    border-radius: var(--media-radius);
}
.card--standard.card--text {
  background-color: transparent;
}
.card-information {
  text-align: var(--card-text-alignment);
}
.card__media,
.card .media {
  bottom: 0;
  position: absolute;
  top: 0;
}
.card .media {
  width: 100%;
}
.card__media {
  margin: var(--card-image-padding);
  width: calc(100% - 2 * var(--card-image-padding));
}
.card--standard .card__media {
  margin: var(--card-image-padding);
}
.card__inner {
  width: 100%;
}
.card--media .card__inner .card__content {
    position: relative;
  padding: 0;
}
.card__content {
  padding: 15px;
}
.card__content--auto-margins {
  grid-template-rows: minmax(0,auto) max-content minmax(0,auto);
}
.card__information {
  grid-row-start: 2;
}
.slider.product-grid {
    padding-left: 1px;
}
.collection .slider.product-grid{
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .card__information {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
  }
}
.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}
.card__badge.top.right{
    margin-top: 30px;
}
.card__badge.top {
  align-self: flex-start;
  grid-row-start: 1;
}
.card__badge.right {
  justify-self: flex-end;
}
.card__media .media img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.card__inner:not(.ratio) > .card__content {
  height: 100%;
}
.card__heading {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: calc(var(--font-body-scale) * 18px);
    font-weight: var(--font-body-weight);
}
.card--card.card--media > .card__content {
  margin-top: calc(0rem - var(--card-image-padding));
}
.card--standard.card--text a::after,
.card--card .card__heading a::after {
  bottom: calc(var(--card-border-width) * -1);
  left: calc(var(--card-border-width) * -1);
  right: calc(var(--card-border-width) * -1);
  top: calc(var(--card-border-width) * -1);
}
.card__heading a:after {
  outline-offset: 0.3rem;
}
.card__heading a:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}
.card__heading a:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}
.card__heading a:focus:not(:focus-visible):after {
  box-shadow: none;
  outline: 0;
}
.card__heading a:focus {
  box-shadow: none;
  outline: 0;
}
.card__caption{
    word-break: break-word;
}
@media screen and (min-width: 992px) {
  .underline-links-hover:hover a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
  .atc_full{
    width: 100%;
  }
  .info_on_img * {
    color: rgb(var(--color-background));
  }
  .info_on_img {
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 10px;
    right: 10px;
    opacity: 1;
    max-width: 80%;
    transition: .4s ease;   
    }
    .info_on_img.bottom-full {
        bottom: calc(var(--card-image-padding) + 60px);
        max-width: 100%;
        left: 15px;
        right: 15px;
    }
    .info_on_img.bottom-left {
        margin-right: 0;
        margin-left: auto;
    }
    .card-wrapper .card__media.info_on_img_overlay:before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40%;
        transform: scaleY(1);
        transform-origin: bottom center;
        z-index: 1;
        transition: transform .5s;
        background-image: linear-gradient(to bottom, rgba(var(--color-foreground), 0) 0, rgba(var(--color-foreground), .5));
    }
}
.card--standard.card--media .card__inner .card__information,
.card--standard > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption {
  display: none;
}
.card--standard:not(.card--horizontal) .placeholder-svg {
  height: auto;
  width: 100%;
}
.card--card.card--media .card__inner .card__information,
.card--card.card--media > .card__content .card__badge,
.card--card.card--text.article-card > .card__content .card__information,
.card--card > .card__content .card__caption,
.card--card.ratio::before{
  display: none;
}
.card--standard > .card__content {
  padding: 0;
}
.card--standard > .card__content .card__information {
  padding-left: 0;
  padding-right: 0;
}
.card--extend-height {
  height: 100%;
}
.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
  display: flex;
  flex-direction: column;
}
.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
  flex-grow: 1;
}
.card .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
  transition: transform var(--duration-short) ease;
  overflow: hidden;
}
.card-information > * + * {
  margin-top: 0.5rem;
}
.card-information {
  width: 100%;
}
.card-information > * {
  color: rgb(var(--color-foreground));
}
.card-information > .price {
  color: rgb(var(--color-foreground));
}
.card-information > .rating {
  margin-top: 0.4rem;
}
.card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating) {
  margin-top: 0.7rem;
}
.card-information .caption {
  letter-spacing: 0.07rem;
}
.card-article-info {
  margin-top: 1rem;
}
.card--standard .wbproductdes {
    padding-top: 8px;
}
.wbsalepos{
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.wbimgblock img {
    transition: opacity .4s cubic-bezier(.25,.46,.45,.94);
}
.wbimgblock{
    position: relative;
    text-align: center;
}
.wbhrating{
    margin-bottom: 10px;
}  
.wbprotype{
    font-size: calc(var(--font-body-scale) * 14px);
    text-transform: capitalize;
    margin-bottom: 8px;
}
.wbimgblock .card__text.h3 {
    font-size: calc(var(--font-body-scale) * 18px);
}
.wbcartupsell .cartupciner .card__text.h3 {
    padding: 6px;
    margin: 0;
    font-size: calc(var(--font-body-scale) * 14px);
}
.product-title{
    font-size: calc(var(--font-heading-scale) * 18px);
    transition: .3s ease;
    letter-spacing: 0;
    padding: 0 0 10px 0;
    font-weight: var(--font-body-weight);
    margin-bottom: 0;
}
.product-title a{
   text-decoration: none;
}
.product-title:hover, .product-title:hover a{ 
    color: var(--color-wbmaincolors-text);
}
.wbhprice{
    margin-bottom: 10px;
}
.wbnorating.rating-star::before{
    color: rgba(var(--color-foreground),0.15);
    background: transparent;
    -webkit-text-fill-color: rgba(var(--color-foreground),0.15);
}
.wbproduct-container .quantity__input{
    width: 22px;
    flex-grow: unset;
    padding: 0;
    height: 35px;
    vertical-align: top;
    color: var(--color-base-solid-button-labels);
}
.wbproduct-container .quantity{
    height: 35px;
    border-radius: 25px;
    display: inline-block;
    vertical-align: middle;
    background-color: rgb(var(--color-background));
}
.wbproduct-container .quantity__button{
    font-size: 13px;
    display: inline-block;
    height: 33px;
    padding: 0 5px;
    color: var(--color-base-solid-button-labels);
}
.wbproduct-container .quantity__button svg {
    width: 12px;
    height: 11px;
}
.wbproduct-container .product-form__quantity,.wbproduct-container .product-form form{
    display: block;
    vertical-align: middle;
} 
.product-form .cartb .loading-overlay__spinner svg{
    display: inline-block;
}
.wbimgblock img{
    transition: unset;
}
.product-galleryv .wbproduct-container:hover .wbimgblock img {
    filter: unset;
}
/* Product Buttons */
.wbproduct-container .product-form .wbbtngrp{
    transition: 0.3s ease;
}
.wbproduct-container:hover .product-form .wbbtngrp,.wbproduct-container .product-form .wbbtngrp:focus-within{
    opacity: 1;
}
.wbproduct-container .cartb[disabled]{
    cursor: no-drop;
}
.product-form .wbquickv span{
    vertical-align: middle;
}
.quick-add .quick-add__submit::after{
    box-shadow: none;
}
.quick-add .quick-add__submit.loading span{
    display: none;
}
.product-form .cartb,.product-form .wbquickv,.wbproduct-container .card__inner .wbquickv,.quick-add .quick-add__submit{
    border: none;
    text-transform: capitalize;
/*     background: rgb(var(--color-foreground)); */
    min-width: 120px;
    min-height: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: var(--buttons-radius-outset);
/*     color: rgb(var(--color-background)); */
    text-align: center;
    transition: .3s ease;
    letter-spacing: .5px;
    padding: 8px 5px;
    margin:0;
    margin-bottom: 1px;
    z-index: 0;
}
.product-form .cartb svg,.product-form .wbquickv{
   fill: rgb(var(--color-background));
}
.product-form .wbquickv:hover,
.wbproduct-container .card__inner .wbquickv:hover,.quick-add .quick-add__submit:hover{
    background: rgba(var(--color-button),.7);
    border-color: rgba(var(--color-button),.7);
    color: rgb(var(--color-button-text));
}
.product-form .cartb:hover svg,.product-form .wbquickv:hover svg,.wbproduct-container .card__inner .wbquickv svg{
    fill: rgb(var(--color-button-text))
}
.product-form .cartb span{
    vertical-align: baseline;
    display: inline-block;
    transform: none;
    font-weight: var(--font-body-weight);
}
.product-form .cartb.button.button--primary:hover span, .product-form .cartb.button.button--secondary:hover span {
    transform: none;
    transition: none;
}
.product-form .cartb svg,.product-form .wbquickv svg{
    width: 20px;
    height: 19px;
}
.wbproduct-container .card__inner .wbquickv svg{
    width: 18px;
    height: 18px;
    transform: translateX(5px);
}
.wbproduct-container .card__inner .wbquickv {
    min-width: 40px;
    padding: 10px 6px;
    display: flex;
    align-items: center;
    position: absolute;
    transition: 0.4s ease;
    column-gap: 5px;
    z-index: 9;
}
.wbproduct-container .card__inner .wbquickv:not(.bottom-full) span{
    opacity: 0;
    font-size: 0;
    line-height: 0;
    transition: .3s ease;
}
.wbproduct-container .card__inner .wbquickv:not(.bottom-full):hover span{
    opacity: 1;
    font-size: calc(var(--font-body-scale) * 14px);
    width: auto;
    padding-left: 5px;
    padding: 0 5px;
}
.wbproduct-container:hover .card__inner .wbquickv:not(.bottom-full){
   opacity: 1;
   visibility: visible;
}
.wbproduct-container .card__inner .wbquickv:not(.bottom-full):hover,
.wbproduct-container .card__inner .wbquickv.bottom-full{
    column-gap: 10px;
}

.wbproduct-container .card__inner .wbquickv.bottom-left {
    bottom: var(--card-image-padding);
    left:var(--card-image-padding);
}
.wbproduct-container .card__inner .wbquickv.top-right {
    top: var(--card-image-padding);
    right:var(--card-image-padding);
}
.wbproduct-container .card__inner .wbquickv.bottom-right {
    bottom: var(--card-image-padding);
    right:var(--card-image-padding);
}
.wbproduct-container .card__inner .wbquickv.bottom-full {
    bottom: calc(var(--card-image-padding) + 20px);
    right: calc(var(--card-image-padding) + 20px);
    left: calc(var(--card-image-padding) + 20px);
}

.wbproduct-container .wbquickv svg.quick2 {
    fill: none;
    padding: 2px;
    height: 18px;
}
.compare_product .wbquickv:hover {
    background: rgba(var(--color-button), .7);
}
.wbproduct-container .wbquickv svg:not(.quick2){
    fill: rgb(var(--color-button-text)); 
}
.wbproduct-container .wbquickv svg.quick2 path {
    stroke: rgb(var(--color-background));
}

.wbproduct-container .card__inner .wbquickv.top-right, .wbproduct-container .card__inner .wbquickv.bottom-right {
    direction: rtl;
}
.wbproduct-container .card__inner .wbquickv.top-right svg, .wbproduct-container .card__inner .wbquickv.bottom-right svg {
    transform: translate(-5px);
}
/*Product Buttons Over */
/* Home Variants */
.wbproduct-container .product__media-item:not(:first-child) {
    display: none;
}
.wbproduct-container .product-form__input input[type="radio"],
.wbproduct-container .wbswatchclr input[type="radio"] {
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
}
.wbproduct-container .product-form__input input + label, .wbproduct-container .product_form_input label {
    border-radius: 0;
    position: relative;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
    background-color: rgb(var(--color-background));
    color: rgba(var(--color-foreground));
    border-radius: var(--variant-pills-radius);
    min-width: 32px;
    min-height: 32px;
    margin: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wbproduct-container .product-form__input input[type=radio]:checked + label,
.wbproduct-container .product-form__input label.active {
    background-color: rgb(var(--color-foreground));
    border-color: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
}
.wbproduct-container .product-form__input input + label:before,.wbproduct-container .wbswatchclr input + label:before,
.wbproduct-container .product-form__input label:not(.form__label):before,.wbproduct-container .wbswatchclr label:not(.form__label):before {
    content: '';
    position: absolute;
    top: calc(var(--variant-pills-border-width) * -1);
    right: calc(var(--variant-pills-border-width) * -1);
    bottom: calc(var(--variant-pills-border-width) * -1);
    left: calc(var(--variant-pills-border-width) * -1);
    border-radius: var(--variant-pills-radius);
    box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow), var(--variant-pills-shadow-opacity));
}
/* For Color */
.wbproduct-container .wbswatchclr input + label,
.wbproduct-container .wbswatchclr label{
    padding: 0;
    border-radius: var(--variant-pills-radius);
    min-width: calc(var(--variant-pills-border-width) * 2 + 18px);
    min-height: calc(var(--variant-pills-border-width) * 2 + 18px);
    /* box-shadow: 0 0px 0px 1px rgba(var(--color-foreground),0.1); */
    border: none;
    font-size: 0 !important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    position: relative;
    /* border: 1px solid transparent; */
    cursor: pointer;
    background-position: 50%;
    background-size: 20px;
    margin: 3px;
    /* border: var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity)); */
}
.wbproduct-container .wbswatchclr input[type=radio]:checked+label:before,
.wbproduct-container .wbswatchclr label.active:before{
    content: "";
    box-shadow: 0 0px 0px 1px rgba(var(--color-foreground),1);
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border-radius: var(--variant-pills-radius);
}
.wbproduct-container .product-form__input input:focus-visible + label,.wbproduct-container .wbswatchclr input:focus-visible + label{
    box-shadow: 0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.3),0 0 .3rem .2rem rgba(var(--color-foreground),.1);
}
variant-radios,variant-selects, variant-tab-radios,variant-tab-selects{
    display: block;
    clear: both;
}
variant-selects .product-form__input, variant-tab-selects .product-form__input {
    margin-bottom: 8px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.card.center variant-selects .product-form__input, .card.center variant-tab-selects .product-form__input {
    justify-content: center;
}
.card.right variant-selects .product-form__input, .card.right variant-tab-selects .product-form__input {
    direction: rtl;
}
.card.right variant-selects .product-form__input .select .icon-caret, .card.right variant-tab-selects .product-form__input .select .icon-caret {
    right: auto;
    left: calc(var(--inputs-border-width) + 0.5rem);
}
.wbproduct-container .card.right variant-selects .product-form__input select, .wbproduct-container .card.right variant-tab-selects .product-form__input select {
    padding-left: 35px;
    padding-right: 15px;
}
variant-selects .product-form__input.product-form__input--dropdown label, variant-tab-selects .product-form__input.product-form__input--dropdown label {
    margin-bottom: 0;
}
variant-selects .product-form__input.product-form__input--dropdown label{
    font-size: calc(var(--font-body-scale) * 14px);
}
variant-selects .product-form__input .select, variant-tab-selects .product-form__input .select{
    width: 75%;
}
.wbproduct-container variant-selects .product-form__input:not(.product_form_input) label:not(.form__label),
.wbproduct-container variant-tab-selects .product-form__input:not(.product_form_input) label:not(.form__label) {
    margin-bottom: 0;
    word-break: break-word;
    min-width: 70px;
    text-align: left;
}
.wbproduct-container .right variant-selects .product-form__input label, .wbproduct-container .right variant-tab-selects .product-form__input label {
    text-align: right;
}
.wbproduct-container variant-selects .product-form__input select,
.wbproduct-container variant-tab-selects .product-form__input select{
    height: 34px;
    min-width: auto;
    padding-right: 35px;
}
.wbproduct-container .product_form_input,
.wbproduct-container variant-radios .js.product-form__input.inner-class,
.wbproduct-container variant-radios .swatchComponent,
.wbproduct-container variant-tab-radios .js.product-form__input.inner-class,
.wbproduct-container variant-tab-radios .swatchComponent{
    margin-bottom: 15px;
}
.wbproduct-container variant-radios .js.product-form__input.inner-class div,
.wbproduct-container variant-selects .js.product-form__input div,
.card variant-tab-selects .product-form__input > div,
.wbproduct-container variant-tab-radios .js.product-form__input.inner-class div{
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   justify-content: var(--card-text-alignment);  
}
.product-form button.link {
    position: relative;
} 
.product-form .wbbtngrp button.link {
    padding: 0;
} 
button.button--primary.loading .loading-overlay__spinner svg .path{
    stroke: rgb(var(--color-button-text));
}
/* button.button--primary.loading .loading-overlay__spinner svg .path{
    stroke: rgb(var(--color-background));
} */
.wbproduct-container .wbswatchclr input[type=radio].disabled+label:after,
.product__info-wrapper input[type=radio].disabled.swatch-input__input+label:after,
.product__info-wrapper .wbswatchclr input[type=radio].disabled+label:after,
.product__info-wrapper .wbswatchclr input[type=radio].disabled:checked+label:after,

.wbproduct-container .wbswatchclr label.disabled:after,
.product__info-wrapper label.disabled:after,
.product__info-wrapper .wbswatchclr label.disabled:after,
.product__info-wrapper .wbswatchclr label.disabled:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    /* right: 12px; */
    transform: rotate(45deg);
    border: none;
    border-left: 1px solid rgba(var(--color-foreground));
    opacity: .8;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    height: auto;
    margin: 0;
}
/* Color swatch */
color-swatch fieldset input[type=radio] {
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
  }
  color-swatch fieldset label {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
  }
  color-swatch fieldset label span {
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    border-radius: var(--variant-radius);
    position: relative;
    transition: var(--duration-medium) ease;
    box-shadow: inset 0 0 0 1px rgb(var(--color-foreground),0.1), inset 0 0 0 0px rgb(var(--color-background));
    z-index: -1;
  }
  color-swatch input[type=radio]+label[data-value="White"] span::before,
  color-swatch input[type=radio]+label[data-value="white"] span::before {
    box-shadow: inset 0 0 0 6px rgb(var(--color-foreground), .2);
  }
  color-swatch input[type=radio] +label span::before {
    content: '';
    transition: var(--duration-medium) ease;
    background: rgba(var(--color-background));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0px;
    height: 0px;
    box-shadow: inset 0 0 0 6px rgb(var(--color-background), .2);
    margin: auto;
    border-radius: 100%;
  }
  color-swatch input[type=radio]:checked+label span::before {
    content: "";
    width: 6px;
    height: 6px;
  }
  color-swatch fieldset {
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 8px; 
  }
  .product-card-wrapper .card.card--standard{
    background: transparent;
  }
  .product-card-wrapper .card {
    margin-right: 0.1px;
  }
  .product-card-wrapper .card.center {
    text-align: center;
  }
  .product-card-wrapper .card.right {
    text-align: right;
  }
  .product-card-wrapper .card.center color-swatch fieldset {
    justify-content: center;
  }
  .product-card-wrapper .card.right color-swatch fieldset {
    justify-content: end;
  }
  .card-information > color-swatch {
    margin-top: 0;
    z-index: 0;
  }
  color-swatch input[type=radio].disabled +label span::after,
  color-swatch.card_variant_img input[type=radio].disabled +label::after,
  color-swatch label.disabled span::after,
  color-swatch.card_variant_img label.disabled::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 25px;
    transform: rotate(45deg);
    border: none;
    border-left: 1px solid rgba(var(--color-foreground));
    opacity: .8;
    border-radius: 0;
    box-shadow: none;
  }
  
  /* Color swatch image */
  color-swatch.card_variant_img fieldset {
    margin-left: 1px;
  }
  color-swatch.card_variant_img fieldset label {
    width: 30px;
    height: 30px;
    background-size: 30px;
    border-radius: var(--variant-radius);
    box-shadow: inset 0px 0px 0px 1px rgb(var(--color-foreground), .2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: var(--duration-medium) ease;
    position: relative;
  }
  color-swatch.card_variant_img fieldset input[type=radio]:checked+label {
    box-shadow: inset 0 0 0 3px rgb(var(--color-foreground),.2);
  }
  /* --- Over --- */
@media (min-width: 992px) {
    .compare_product .card .product-title {
        font-size: calc(var(--font-heading-scale) * 16px);
    }
    .wbproduct-container:hover .card__inner .wbquickv.quick_hover {
        opacity: 1;
    }
    .quick_hover {
        opacity: 0;
    }
    .product-form button.link {
        min-height: 44px;
    } 
    button.link.loading .loading-overlay__spinner svg .path, button.button--secondary.loading .loading-overlay__spinner svg .path {
        stroke: rgb(var(--color-foreground))
    }
    .product-form .cartb svg,
     .product-form button.link > svg, .product-form .wbquickv svg{
        display: none;
    } 
    .wbproduct-container:hover .product-form form{
        margin-top: 0px;
    }
    .wbproduct-container:hover .product-form .wbqvtop{
        margin-top: 0px;
    }
}
@media (min-width: 1200px) and (max-width: 1350px) {
    .product-tab-item  .product-form .cartb {
        min-width: max-content;
    }
}
@media (max-width: 991px){
    variant-selects .product-form__input, variant-tab-selects .product-form__input{
        display: grid;
        justify-content: unset;
    }
    variant-selects .product-form__input .select, variant-tab-selects .product-form__input .select {
        width: 100%;
    }
    .wbproduct-container variant-selects .product-form__input select,
    .wbproduct-container variant-tab-selects .product-form__input select {
        height: 30px;
        font-size: 11px;
        padding: 0 6px;
        padding-right: 25px;
    }
    .wbproduct-container .card.right variant-selects .product-form__input select,
    .wbproduct-container .card.right variant-tab-selects .product-form__input select {
        padding-left: 25px;
        padding-right: 6px;
    }
    .wbproduct-container variant-selects .product-form__input .select .icon-caret,
    .wbproduct-container variant-tab-selects .product-form__input .select .icon-caret {
        width: 10px;
    }
    .wbproduct-container variant-selects .product-form__input label,
    .wbproduct-container variant-tab-selects .product-form__input label {
        font-size: 12px;
        letter-spacing: 0;
    }
    variant-selects .product-form__input, variant-tab-selects .product-form__input{
        gap: 6px;
    }
    .wbproduct-container variant-radios .js.product-form__input.inner-class,.wbproduct-container variant-radios .swatchComponent,
    .wbproduct-container variant-tab-radios .js.product-form__input.inner-class,.wbproduct-container variant-tab-radios .swatchComponent,
    .wbproduct-container .product_form_input, .wbproduct-container variant-radios .js.product-form__input.inner-class, .wbproduct-container variant-radios .swatchComponent, .wbproduct-container variant-tab-radios .js.product-form__input.inner-class, .wbproduct-container variant-tab-radios .swatchComponent {
        margin-bottom: 8px;
    }
  	.wbproduct-container .wbswatchclr input + label {
		min-width: 14px;
		min-height: 14px;  
  	}
    .card__badge span,.badge{
        font-size: 11px;
        padding: 2px 6px;
        line-height: normal;
    }
    .product_badge.new {
        top: 3px;
        font-size: 11px;
    }
    .product-list .wbproduct-container .product-form .wbbtngrp{
        margin-top: 12px;
    }
    .wbproduct-container .product-form__input input + label, .wbproduct-container .product_form_input label{
        padding: 4px 6px;
        font-size: 12px;
        min-width: 24px;
        min-height: 24px;
    }
    .wbproduct-container .product_form_input .wbswatchclr label{
        padding: unset;
        min-width: 15px;
        min-height: 15px;
    }
   .wbproduct-container .product-form__input .wbswatchclr input + label {
    padding: 0;
    font-size: 0;
    min-width: 14px;
    min-height: 14px;
  }
    .wbproduct-container:hover .wbimgblock img {
        filter: unset;
    }
    .wbproductdes{
        padding-top: 10px;
    }
    .product-form .cartmobile span,.wbquickv span{
        display: none;
    }
    .wbproduct-container .product-form .wbbtngrp{
        position: unset;
        margin-top: 0;
        opacity: 1;
        text-align: var(--card-text-alignment);
    }
    .wbproduct-container .product-form form,.wbproduct-container .product-form .wbqvtop{
        margin-top: 5px;
        display: inline-block;
        vertical-align: middle;
    }
    .product-form .cartmobile, .product-form .wbquickv{
        min-width: 34px;
        min-height: 34px;
        margin: 0 4px 1px 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-form .cartmobile {
        color: rgb(var(--color-button-text));
        background-color: rgba(var(--color-button),var(--alpha-button-background));
        border-radius: var(--buttons-radius-outset);
        transition: .3s ease;
        position: relative;
    }
    .color-background-1 .product-form .cartmobile {
      --color-button: var(--color-base-accent-1);
      --color-button-text: var(--color-base-solid-button-labels);
    }
    .color-accent-1 .product-form .cartmobile, .color-accent-2 .product-form .cartmobile, .color-accent-3 .product-form .cartmobile,
    .color-background-2 .product-form .cartmobile {
        --color-button: var(--color-foreground);
        --color-button-text: var(--color-background);
    }
    .product-form .cartmobile:hover {
        background-color: rgba(var(--color-button),.7);
        color: rgb(var(--color-button-text));
    }
    .product-form .cartmobile.button--secondary:after {
        --border-opacity: unset;
    }
    .product-form .cartmobile svg {
        opacity: 1;
        transform: unset;
        fill: rgb(var(--color-button-text));
        width: 20px;
        height: 19px;
    }
    .product-form .cartmobile:hover svg {
        transform: unset;
        fill: rgb(var(--color-button-text))
    }
    .product-form .cartmobile::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        border-radius: var(--buttons-radius-outset);
        box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));
    }
    .product-form .cartmobile::after {
        content: "";
        position: absolute;
        top: var(--buttons-border-width);
        right: var(--buttons-border-width);
        bottom: var(--buttons-border-width);
        left: var(--buttons-border-width);
        z-index: 1;
        border-radius: var(--buttons-radius);
        box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));
        transition: box-shadow var(--duration-short) ease;
    }


    .wbproduct-container .quantity__input,.wbproduct-container .quantity{
        height: 30px;
    }
    .wbproduct-container .quantity__button{
        height: 28px;
    }
    .wbhprice {
        margin-bottom: 3px;
    }
    .product-title{
        font-size: calc(var(--font-body-scale) * 14px);
        padding: 0 0 6px 0;
    }
    .card__heading{
        font-size: calc(var(--font-body-scale) * 14px);
        margin-bottom: 8px;
    }
    .wbhprice {
        margin-bottom: 5px;
    }
    .wbprotype{
        font-size: 12px;
        margin-bottom: 4px;
    }
    .wbhrating {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .wbcollfea .collection .grid--3-col-desktop .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
    .wbcollfea .collection .grid--2-col-desktop .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);
    }
}
@media (max-width: 767px){
    .quick-add .quick-add__submit{
        font-size: calc(var(--font-body-scale) * 12px);
        min-width: 105px;
        min-height: 38px;
    }
    .wbproduct-container .product-form__input input + label{
        line-height: 1.2;
    }
}
@media (max-width: 575px){
    .allslideprt{
        gap: 1px;
    }
}