/** Shopify CDN: Minification failed

Line 1793:1 Expected "}" to go with "{"

**/
/* Notify btn */
@keyframes bounce {
  0% { transform: scale(1); }
  25% { transform: scale(1.4); }
  50% { transform: scale(0.8); }
  75% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.animate-btm-bubble.animating {
  animation: bounce 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animate-btm-bubble {
  margin-right: 4px;
  display: inline-block;
}
#cart-icon-quick {
  border-radius: var(--content-radius);
  padding: 10px;
  box-shadow: 2px 1px 1px rgba(var(--color-foreground),.3);
}
.quick-notify {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 15px;
  right: 15px;
  margin: 0 auto;
  text-align: center;
  bottom: 0;
  z-index: 2;
  max-width: 45rem;
  transform: translateY(102%);
  transition: var(--duration-long) ease;
  word-break: break-word;
}
.quick-notify.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(-30%);
}
.quick-notify > span.inline-richtext {
  display: inline-block;
  background: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  position: relative;
  padding: 10px 25px;
  font-size: 16px;
  box-shadow: 0 2px 3px rgba(var(--color-foreground), .1);
  border-radius: var(--content-radius);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.quick-notify-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  line-height: normal;
}
.notify-leftpart {
  display: flex;
  align-items: center;
  gap: 10px;
}
.notify-leftpart > span {
  min-width: 34px;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--color-button));
  border-radius: var(--content-radius);
}
.notify-leftpart > span path {
  stroke: rgba(var(--color-button-text));
}
.notify-leftpart > span svg {
  width: 18px;
  height: 18px;
}
.notify-leftpart span[aria-hidden='true'] {
  font-size: calc(12px / 14 * var(--body-font-size));
  margin-bottom: 2px;
  display: block;
}
.quicklink-notify a svg {
  margin-left: 5px;
}
.quicklink-notify {
  min-width: 85px;
}
/* Over */
.food_type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.cbtn_right .food_type {
  left: 5px;
  right: auto;
}
/* Cart slider */
.cardinner_slide, .cardinner_slide .slider {
  height: 100%;
  margin: 0;
}
.cardinner_slide .slide_arrow {
  position: absolute;
  top: 42%;
  padding: 0;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: var(--duration-medium) ease;
  min-width: 24px;
  min-height: 24px;
  margin: 0;
}
.cardinner_slide .slide_arrow svg path {
  fill: var(--hcard-slider-color);
}

.cardinner_slide .slide_arrow.cswiper-button-prev {
  left: 10px;
  transform: rotate(90deg);
}
.cardinner_slide .slide_arrow.cswiper-button-next {
  right: 10px;
  transform: rotate(-90deg);
}
.card-wrapper:hover .cardinner_slide .cswiper-button-prev, .card-wrapper:focus-within .cardinner_slide .cswiper-button-prev {
  opacity: 1;
  left: 5px;
}
.card-wrapper:hover .cardinner_slide .cswiper-button-next, .card-wrapper:focus-within .cardinner_slide .cswiper-button-next {
  opacity: 1;
  right: 5px;
}
.card-wrapper:hover .cardinner_slide .cswiper-button-prev.swiper-button-disabled, .card-wrapper:hover .cardinner_slide .cswiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: no-drop;
}
.cardinner_slide .grid__item {
  width: 100% !important;
  max-width: 100% !important;
}
/* Card slider over */
.card_store_msg p {
  margin-bottom: 0;
  color: rgba(var(--color-foreground));
  font-size: calc(12px / 14 * var(--body-font-size));
  position: relative;
}
.card_store_msg p.pick_out {
  color: #E01A1A
}
.store_avail_msg.pick_out::before {
  background: #E01A1A;
}
.card_store_msg p.pick_av {
  color: #118911
}
.store_avail_msg.pick_av::before {
  background: #118911;
}
.store_avail_msg::before {
  content: "";
  border: 2px solid;
  border-radius: 100%;
  padding: 2px;
  width: 2px;
  height: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  margin-top: -1px;
}
/* Card countdown */
.card--card.card .card_timer.stylistic_timer {
  margin-left: -18px;
}
.product-grid-container.product-list .card--card.card .card_timer {
  margin-left: 0;
  margin-right: 0;
}
.card_timer.stylistic_timer {
  border-radius: calc(var(--content-radius)* 1 / 2) calc(var(--content-radius)* 1 / 2) calc(var(--content-radius)* 1 / 2) 0;
}
.banner__content.with_timer{
  flex-direction: column;
  justify-content: space-between;
}
.pbanner_timer {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
.card_timer {
  display: inline-block;
  border-radius: calc(var(--content-radius)* 1 / 2);
  padding: 4px 9px;
  align-items: center;
  position: relative;
  margin-bottom: 6px;
}
.card_timer.stylistic_timer::before {
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 0px;
  border-bottom-width: 8px;
  border-right: 8px solid rgb(var(--color-background), 0.8);
  position: absolute;
  bottom: -8px;
  left: 0;
}
.cardcountdown.countd_all {
  display: inline-flex;
  align-items: center;
  text-align: center;
  gap: 16px;
  justify-content: center;
}
.cardcountdown .time::after {
  content: ":";
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
}
.cardcountdown .time:last-child::after, .cardcountdown:not(.upcomming_countdown) .time.main_cminutes::after {
  display: none;
}
.bannercountdown .time.main_cminutes::after {
  display: flex !important;
}
.cardcountdown .time {
  position: relative;
  position: relative;
  font-size: calc(12px / 14 * var(--body-font-size));
  /*  font-weight: 700;*/
  font-weight: var(--font-body-weight-medium);
  text-transform: uppercase;
}
.pbanner_timer .cardcountdown:not(.upcomming_countdown) .time{
  font-size: calc(14px / 14 * var(--body-font-size));
  background: rgba(var(--color-button));
  padding: 5px;
  min-width: 40px;
  color: rgba(var(--color-button-text));
  border-radius: var(--buttons-radius);
}
.card_btitle {
  line-height: normal;
  font-size: calc(14px / 14 * var(--body-font-size));
  color: rgba(var(--color-foreground));
}
.card_ctitle {
  font-size: calc(12px / 14 * var(--body-font-size));
  font-weight: 500;
  margin-right: 5px;
}
/* Card countdown over */
/* Card banner */
.ftr_leftright .product_with_image {
  width: calc(20% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
  max-width: calc(20% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
}
.ftr_product {
  width: calc(60% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
  max-width: calc(60% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
}

.ftr_left .product_with_image {
  width: calc(22% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
  max-width: calc(22% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
}
.ftr_productleft {
  width: calc(78% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
  max-width: calc(78% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
}
.product_with_image .banner__box {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.product_with_image .banner__media, .pleft_timer .media {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: unset;
}
.pleft_timer .media {
  background-color: transparent;
}
.fbnr_caption, .fbnr_subh, .bottom_heading {
  font-size: calc(12px / 14 * var(--body-font-size));
}
.fbnr_caption svg {
  fill: rgba(var(--color-foreground));
}
.bottom_heading {
  width: 100%;
}
.product_with_image .banner__heading {
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 10px;
}
.product_with_image .banner__heading.h2 {
  font-size: calc(20px / 24 * var(--heading-font-size));
}
.product_with_image .banner__heading.h1 {
  font-size: calc(22px / 24 * var(--heading-font-size));
}
.product_with_image .banner__heading.h0 {
  font-size: calc(24px / 24 * var(--heading-font-size));
}
.product_with_image .banner__box > div > * + .banner__buttons {
  margin-top: 2rem;
}
.product_with_image .banner__box {
  max-width: 25rem;
}
.product_with_image.left * {
  text-align: left;
}
.product_with_image.right * {
  text-align: right;
}
.desk_pos_work .banner__content {
  display: flex !important;
}
.product_with_image .desk_pos_work .banner__box {
  flex-direction: unset;
  height: auto;
  justify-content: unset;
}
.btm_head_enable .banner__box {
  max-width: 100%;
}
.btm_head_enable .banner__box > div {
  width: 100%;
}
/* Card banner over */
.spaceimg_feature {
  padding: 30px;
  border-radius: var(--content-radius);
}
.rw-2.swipefea .grid__item:last-child .card-wrapper,.rw-3.swipefea .grid__item:last-child .card-wrapper,
.time_card_horizon .swipetime .grid__item:last-child .card-wrapper,
.time_card_horizon .swipetime .grid__item:last-child .card-main-wrapper {
  height: auto;
}
.category_desc {
  display: none;
}
.card__media video {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-wrapper.product-card-wrapper {
  margin-bottom: 1px;
}
.product-card-wrapper .card--card.card_border:not(.enable_image_spacing) .card__media {
  border-bottom: 1px solid var(--card-border-color);
}
.product-card-wrapper .card--card .card__content {
  padding: 10px;
}
.product-card-wrapper .card--card.enable_image_spacing .card__content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 10px;
}
/* badge */
.product_badge {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 10px;
  text-align: left;
  display: inline-flex;
  gap: 2px;
  flex-wrap: wrap;
  align-items: center;
}
.product_badge.product_badge_margin {
  right: 35px;
}
.product_badge .badge {
  font-size: var(--badge-text-size);
  vertical-align: middle;
  margin: 0 1px;
}
.product_badge .badge span {
  vertical-align: middle;
  display: inline-block;
}
.product_badge .badge svg {
  margin-right: 2px;
}

.price_dtop {
  background: var(--snum-bg-color);
  border-color: var(--snum-border-color);
  color: var(--snum-text-color);
}
.price_dtop svg {
  fill: var(--snum-text-color);
}
.price_dtop svg.fill_astar rect {
  fill: var(--snum-text-color);
}
.price_dtop svg.fill_astar path {
  fill: var(--snum-bg-color);
}

.salebadge {
  background: var(--sale-bg-color);
  border-color: var(--sale-border-color);
  color: var(--sale-text-color);
}
.salebadge svg {
  fill: var(--sale-text-color);
}
.salebadge svg.fill_astar rect {
  fill: var(--sale-text-color);
}
.salebadge svg.fill_astar path {
  fill: var(--sale-bg-color);
}

.soldbadge {
  background: var(--sold-bg-color);
  border-color: var(--sold-border-color);
  color: var(--sold-text-color);
}
.soldbadge svg {
  fill: var(--sold-text-color);
}
.soldbadge svg.fill_astar rect {
  fill: var(--sold-text-color);
}
.soldbadge svg.fill_astar path {
  fill: var(--sold-bg-color);
}

.newbadge {
  background: var(--new-bg-color);
  border-color: var(--new-border-color);
  color: var(--new-text-color);
  display: inline-block;
}
.newbadge svg {
  fill: var(--new-text-color);
}
.newbadge svg.fill_astar rect {
  fill: var(--new-text-color);
}
.newbadge svg.fill_astar path {
  fill: var(--new-bg-color);
}

.metabadge {
  background: var(--meta-bg-color);
  border-color: var(--meta-border-color);
  color: var(--meta-text-color);
}
.metabadge svg {
  fill: var(--meta-text-color);
}
.metabadge svg.fill_astar rect {
  fill: var(--meta-text-color);
}
.metabadge svg.fill_astar path {
  fill: var(--meta-bg-color);
}


.onlyp_page.newbadge {
  display: none;
}
/* .product-card-wrapper .price__container, .video_gallery .price__container {
  margin-right: 3px;
} */
.card-information .card_free_d{
  margin-bottom: 5px
}
.card_free_d, .card_selling_f {
  font-size: calc(12px / 14 * var(--body-font-size));
}
.card_free_d svg, .card_selling_f svg {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 2px;
}
.card_free_d svg {
  fill: var(--pcardicon1-color);
}
.card_selling_f svg {
  fill: var(--pcardicon2-color);
}

.card_express_del span {
  font-size: calc(12px / 14 * var(--body-font-size));
  padding: 4px 6px;
  display: inline-block;
  border-radius: calc(var(--content-radius)* 1 / 2);
}
.card_express_del span svg {
  fill: rgba(var(--color-foreground));
}
/* badge over */
/* Quick view button */
.quick-add.quick_view_btn{
  position: absolute;
  top: 0;
  grid-row-start: unset;
  right: 0;
  margin: 10px;
}
.quick_view_btn wb-quick-view .button {
  padding: 0;
  min-width: var(--addbtn-height);
  min-height: var(--addbtn-height);
  /* border-radius: 100%; */
  /* background: transparent; */
}
.quick_view_btn wb-quick-view .underlined-link:hover > svg {
  fill: rgb(var(--color-link-hover));
}
.quick_view_btn wb-quick-view .underlined-link > svg {
  fill: rgba(var(--color-foreground));
  transition: var(--duration-medium) ease;
}
.quick_view_btn wb-quick-view .button.button--secondary > svg {
  fill: rgba(var(--color-secondary-button-text));
}
.quick_view_btn wb-quick-view .button > svg {
  fill: rgb(var(--color-button-text));
  transition: var(--duration-medium) ease;
}
.quick_view_btn wb-quick-view .button:hover svg {
  fill: rgb(var(--color-button-text-hover));
}
.quick_view_btn wb-quick-view .button > span {
  margin-top: 0;
}
/* .quick_view_btn modal-opener .button svg {
  fill: rgb(var(--color-button-text));
}
.quick_view_btn modal-opener .button:hover svg {
  fill: rgb(var(--color-button-text-hover));
} */

.quick_view_btn wb-quick-view button.loading > svg,
.quick_view_btn wb-quick-view button.loading > svg ~ span {
  opacity: 0;
}
wb-quick-view .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  
}
/* Quickview button over */
/* Card product start */
.swipefea .grid__item {
  margin-bottom: 1px;
}
.card .product-form__input .select {
  max-width: unset
}
.product-list .card .product-form__input .select {
    max-width: 200px;
}
.product_form_input legend.form__label {
  padding-left: 0
}
.product-card-wrapper .product-form__input .form__label {
  margin-bottom: .5rem;
  font-size: calc(14px / 14 * var(--body-font-size));
  font-weight: normal;
  color: rgba(var(--color-foreground));
}
.product-card-wrapper .product-form__input .select__select {
  height: 4rem;
} 
.card_type:empty {
  display: none;
}
.card_type {
  font-size: calc(12px / 14 * var(--body-font-size));
  font-weight: 500;
}
.card_border {
  border: 1px solid var(--card-border-color);
}
.card_border_image .product__media-item .media {
  border: 1px solid var(--card-image-border-color);
}
.card.card--card.enable_image_spacing {
  padding: 10px;
}
.shadow_btn .product-card-wrapper .quick-add__submit {
  border-radius: calc(var(--buttons-radius)* 1 / 2);
}
.product-card-wrapper .quick-add__submit {
  padding: 0 6px;
  min-width: 100%;
  box-sizing: border-box;
  font-size: calc(14px / 14 * var(--body-font-size));
  min-width: fit-content;
  min-height: var(--addbtn-height);
  width: var(--addbtn-height);
  border-radius: var(--buttons-radius);
  white-space: nowrap;
}
.product-card-wrapper .quick-add__submit span {
  opacity: 0;
  /* font-weight: 600; */
  font-weight: var(--font-body-weight);
  font-size: 0;
  transition: var(--duration-medium) ease;
}
.product-card-wrapper .quick-add__submit > svg {
  width: 18px;
  height: 18px;
  transition: var(--duration-medium)ease;
}
.product-card-wrapper .quick-add__submit > svg.icon-plus {
  width: 14px;
  height: 14px;
}
.product-card-wrapper .quick-add__submit.button--primary > svg {
  fill: rgb(var(--color-button-text));
}
.product-card-wrapper .quick-add__submit.button--secondary > svg {
  fill: rgba(var(--color-secondary-button-text))
}
.product-card-wrapper .quick-add__submit.button--primary:hover > svg, .product-card-wrapper .quick-add__submit.button--secondary:hover > svg {
  fill: rgb(var(--color-button-text-hover));
}
.product-card-wrapper .quick-add__submit.button--primary > svg.card_pbag,
.product-card-wrapper .quick-add__submit.button--secondary > svg.card_pbag {
  fill: none;
}
.product-card-wrapper .quick-add__submit.loading > svg, .product-card-wrapper .quick-add__submit.loading span,
.product-card-wrapper .quick-add__submit.loading:hover span {
  opacity: 0; 
}
.product-card-wrapper .quick-add__submit:hover .loading__spinner > svg {
  fill: rgb(var(--color-button-text-hover));
} 
.card_pro_details .card__heading {
  font-size: calc(14px / 14 * var(--body-font-size) + 0px);
  letter-spacing: 0;
  font-family: var(--font-body-family);
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 500;
}
.card_pro_details .card__heading.large {
  font-size: calc(18px / 14 * var(--body-font-size) + 0px);
}
.card_pro_details .card__heading.medium {
  font-size: calc(16px / 14 * var(--body-font-size) + 0px);
}
.card_pro_details .card__heading a {
  padding: 1px 0
}
.card_vendor {
  color: rgba(var(--color-foreground),0.8);
  font-size: calc(12px / 14 * var(--body-font-size));
}
.card-information > .card_vendor {
  margin-bottom: 6px;
/*  font-weight: 600*/
  font-weight: var(--font-body-weight-medium);
}
.product-card-wrapper .card-information {
  display: grid;
  width: 100%;
} 
.product-card-wrapper .product__media-item:not(:first-child) {
  display: none;
}
.cbtn_left .addcart_over {
  text-align: left;
}
.cbtn_right .addcart_over {
  text-align: right;
}


.addcart_bottom .product-card-wrapper .quick-add__submit span {
  opacity: 1;
  font-size: calc(14px / 14 * var(--body-font-size));
}
.addcart_bottom .product-card-wrapper .quick-add__submit {
  width: 100%;
  gap: 5px;
  border-radius: var(--buttons-radius);
  margin-top: 12px;
}
.shadow_btn .product-card-wrapper .quick-add__submit {
  box-shadow: 2px 2px 1px 0px rgba(var(--color-secondary-button-text));
}
.addcart_bottom.shadow_btn .product-card-wrapper .quick-add__submit {
  margin-bottom: 3px;
}
.addcart_bottom  .custom_qv_btn {
  margin-top: 12px;
}
.custom_qv_btn quick-add-bulk .quantity__input {
  height: auto;
  max-width: unset;
}
.addcart_bottom .product-card-wrapper .custom_qv_btn .quick-add__submit {
  margin-top: 0;
  vertical-align: middle;
}
.card__content .custom_qv_btn quick-add-bulk .quantity {
  border: 1px solid rgba(var(--color-foreground), 0.2);
}
.custom_qv_btn quick-add-bulk .quantity__button {
  background-color: rgba(var(--color-foreground), 0.08) !important;
}
.custom_qv_btn quick-add-bulk .quantity__button[name='minus'] {
  border-radius: var(--inputs-radius) 0 0 var(--inputs-radius);
}
.custom_qv_btn quick-add-bulk .quantity__button[name='plus'] {
  border-radius: 0 var(--inputs-radius) var(--inputs-radius) 0;
}
/* Color swatch */
color-swatch {
  padding-left: 3px;
}
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: 16px;
  height: 16px;
  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 fieldset input[type=radio]:focus-visible + label span {
  box-shadow: 0 0 0 .5rem rgb(var(--color-background)),0 0 0 .6rem rgba(var(--color-foreground),.5),0 0 .3rem .1rem rgba(var(--color-foreground),.3);
}
color-swatch input[type=radio] +label span::before {
  content: '';
/*  transition: var(--duration-medium) ease;*/
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
/*  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground),.1),inset 0 0 0 2px rgb(var(--color-background));*/
  margin: auto;
  border: none;
  border-radius: var(--variant-radius);
}
color-swatch input[type=radio]:checked+label span::before {
  content: "";
/*  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground)),inset 0 0 0 2px rgb(var(--color-background));*/
  box-shadow: 0 0 0 1px rgba(var(--color-link-hover), 1);
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
}
color-swatch fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 0; 
}
.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 {
  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 0 0 0 1px rgb(var(--color-foreground),.1),inset 0 0 0 2px rgb(var(--color-background));
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  transition: var(--duration-medium) ease;
  position: relative;
}
color-swatch.card_variant_img fieldset input[type=radio]:checked+label {
  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground)),inset 0 0 0 2px rgb(var(--color-background));
}
/* --- Over --- */
/* Variants */
fieldset.product_form_input {
    border: none;
    padding: 0;
    margin: 0;
}
.wb_card_variant .product_form_input {
  margin-top: 12px;
  padding-left: 1px;
  max-width: unset
}
.wb_card_variant .product_form_input:first-child {
  margin-top: 0;
}
.product-card-wrapper .product-form__input input[type=radio]+label{
  padding: 3px 10px;
  min-width: 18px;
  min-height: 18px;
  font-size: calc(12px / 14 * var(--body-font-size));
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  background-position: 50%;
  line-height: normal;
  background-size: 20px;
  border: none;
  border-radius: var(--allvariant-radius);
  background-color: rgba(var(--color-foreground), .07);
  margin-bottom: 3px;
  margin-top: 1px;
  transition: var(--duration-medium) ease;
  box-shadow: inset 0 0 0 1px rgb(var(--color-foreground), .1), inset 0 0 rgb(var(--color-background));
}
.product-card-wrapper .product-form__input input[type='radio']:disabled + label,
.product-card-wrapper .product-form__input input[type='radio'].disabled + label {
  border-color: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.8);
  text-decoration: line-through;
}
.product-card-wrapper .product-form__input input[type=radio]:checked + label {
  background-color: rgba(var(--color-button),var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  box-shadow: none;
}
.product-form__input input[type="radio"].disabled + label {
  text-decoration: line-through;
}
.product-card-wrapper .wbswatchclr input[type="radio"].disabled +label:after,
.product__info-wrapper .wbswatchclr input[type=radio].disabled +label:after,
.product__info-wrapper .wbswatchclr input[type=radio].disabled:checked+label: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: 0.8;
  border-radius: 0;
  box-shadow: none;
}
.product-card-wrapper .product-form__input input[type=radio]:checked + label{
  outline: 1px solid rgb(var(--color-input-border)); 
}
/* .product-card-wrapper .product-form__input input[type=radio]:checked + label, */
.product-card-wrapper .product-form__input input[type=radio]:hover + label,
.product-card-wrapper .product-form__input div > div:not(.wbswatchclr) input[type=radio].disabled:checked + label,
.product-card-wrapper .product-form__input input[type=radio]:disabled:checked + label {
  box-shadow: inset 0 0 0 1px rgb(var(--color-button)),inset 0 0 rgb(var(--color-background));
}
.product-form__input input[type="radio"],
.wbswatchclr input[type="radio"] {
  clip: rect(0,0,0,0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.product-card-wrapper .product-form__input .wbswatchclr input[type=radio]:focus-visible + label {
  box-shadow: 0 0 0 .5rem rgb(var(--color-background)),0 0 0 .6rem rgba(var(--color-foreground),.5),0 0 .2rem .1rem rgba(var(--color-foreground),.3);
/*  outline: 1px solid rgb(var(--color-foreground));*/
}
.product-card-wrapper .product-form__input input[type=radio]:focus-visible + label  {
  box-shadow: 0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.5),0 0 .2rem .1rem rgba(var(--color-foreground),.3);
}
.wbswatchclr input + label, .product-card-wrapper .product-form__input .wbswatchclr input[type=radio]+label{
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  padding: 0;
  border-radius: var(--allvariant-radius);
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  box-shadow: 0 0 0 1px rgba(var(--color-foreground), .1);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px;
  margin: 2px;
  line-height: 1;
  background: transparent
}
.wbswatchclr input + label::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--allvariant-radius);
}
.wbswatchclr input[type="radio"]:checked + label::before{
  content: "";
  box-shadow: 0 0 0 1px rgba(var(--color-link-hover),1);
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border-radius: var(--allvariant-radius);
}
/* Variants Over */

.swipefea .swiper-slide, .swipetime .swiper-slide {
  display: flex;
  flex-direction: column;
  row-gap: var(--grid-desktop-vertical-spacing);
}
.product-card-wrapper .dummy_colorremove.card--standard .card__inner,
.product-card-wrapper .card--media.card--standard .card__inner {
  background: transparent;
}
.product-card-wrapper .dummy_colorremove .card__inner {
  width: calc(100% + 0.4px);
}
/* Card product end */
ul.product-grid{
  padding: 0;
  margin: 0;
  list-style: none;
}
.card-wrapper {
  color: inherit;
  height: 100%;
  position: relative;
  text-decoration: none;
}
.card-main-wrapper{
  height: 100%;
}

.card {
  text-decoration: none;
  text-align: var(--text-alignment);
  border-radius: var(--image-radius);
}

.card:not(.ratio) {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card.card--horizontal {
  --text-alignment: left;
  --image-padding: 0rem;
  flex-direction: row;
  align-items: flex-start;
  text-align: left;
  gap: 1.5rem;
}

.card--horizontal.ratio:before {
  padding-bottom: 0;
}

.card--card.card--horizontal {
  padding: 1.2rem;
}

.card--card.card--horizontal.card--text {
  column-gap: 0;
}

.card--card {
  height: 100%;
}

.card--card,
.card--standard .card__inner {
  position: relative;
  box-sizing: border-box;
  border-radius: calc(var(--image-radius) + 2px);
}

.card--card:after,
.card--standard .card__inner:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: calc(0px * 2 + 100%);
  height: calc(0px * 2 + 100%);
  top: calc(0px * -1);
  left: calc(0px * -1);
}

/* 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;
}

/* 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 {
  overflow: hidden;
  /* Fix for Safari border bug on hover */
  z-index: 0;
}
/*.product-card-wrapper .card .card__inner .card__media,
.article-card-wrapper .card .card__inner .card__media,
.article-card-wrapper .card .card__inner .card__media .article-card__image.media {
  overflow: unset;
}*/

.card--card .card__inner .card__media {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card--standard.card--text {
  background-color: transparent;
}

.card__media,
.card .media {
  bottom: 0;
  position: absolute;
  top: 0;
}
.card .media, .card__media, .card__inner {
  width: 100%;
}
.card--media .card__inner .card__content {
  position: relative;
  padding: calc(0px + 1rem);
}

.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;
}

.card__content--auto-margins {
  grid-template-rows: minmax(0, auto) max-content minmax(0, auto);
}

.card__information-volume-pricing-note--button, .card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label {
  position: relative;
  z-index: 1;
  cursor: pointer;
  padding: 0;
  margin: 0;
  text-align: var(--text-alignment);
  min-width: auto;
}

.card__information-volume-pricing-note--button:hover {
  text-decoration: underline;
}

.card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info {
  transform: initial;
  top: auto;
  bottom: 4rem;
  max-width: 20rem;
  width: calc(95% + 2rem);
}

.card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info span:first-of-type {
  padding-right: 0.3rem;
}

.card__information-volume-pricing-note--button-right + .global-settings-popup.quantity-popover__info {
  right: 0;
  left: auto;
}

.card__information-volume-pricing-note--button-center + .global-settings-popup.quantity-popover__info {
  left: 50%;
  transform: translate(-50%);
}

@media screen and (min-width: 992px) {
  .grid--6-col-desktop .card__content quick-add-bulk .quantity {
    width: auto;
  }

  .grid--6-col-desktop .card__content quick-add-bulk .quantity__button {
    width: calc(3rem / 1);
  }

  .grid--6-col-desktop .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info {
    left: 50%;
    transform: translate(-50%);
    width: calc(100% + var(--border-width) + 3.5rem);
  }
  .card-main-wrapper:hover .quick_view_btn.quick_view_onhover{
    opacity: 1;
    transform: scale(1);
  }
  .quick_view_btn.quick_view_onhover{
    opacity: 0;
    transform: scale(0);
    transition: var(--duration-long) ease;
  }
}

@media screen and (max-width: 767px) {
  .grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button {
    width: calc(3.5rem / 1);
  }

  .grid--2-col-tablet-down .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info {
    width: calc(100% + var(--border-width) + 1rem);
  }

  .grid--2-col-tablet-down .card__content quick-add-bulk .quantity {
    width: auto;
  }
  .addcart_bottom .product-card-wrapper .quick-add__submit span{
    margin-top: 2px;
  }
  .product_with_image.product_with_image-below .banner__media, .pleft_timer .media {
    padding: 30% 0;
  }
  .product_with_image .banner__media, .pleft_timer .media {
    padding: 10% 0;
  }
}

.card-information quantity-popover volume-pricing {
  margin-top: 4.2rem;
}

@media screen and (min-width: 992px) {
  .card-information quantity-popover volume-pricing {
    margin-top: 0;
  }
}

.card__information {
  grid-row-start: 2;  
}

.card:not(.ratio) > .card__content {
  grid-template-rows: max-content minmax(0, 1fr) max-content auto;
}

.card-information .card__information-volume-pricing-note {
  margin-top: 0.6rem;
  line-height: 0.9;
  color: rgba(var(--color-foreground), 0.75);
}

.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

.card__badge.top {
  align-self: flex-start;
  grid-row-start: 1;
}

.card__badge.right {
  justify-self: flex-end;
}

.card:not(.card--horizontal) > .card__content > .card__badge {
  margin: 1.3rem;
}

.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-bottom: 0;
}

.card--horizontal .card__heading {
  font-size: calc(16px / 24 * var(--heading-font-size));
}

.card--horizontal
  .card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 0;
}

.card--horizontal__quick-add:before {
  box-shadow: none;
}

.card--standard.card--text a::after,
.card--card .card__heading a::after {
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  top: calc(var(--border-width) * -1);
}

/* .card__heading a::after {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 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--standard.card--media .card__inner .card__information,
.card--standard.card--text:not(.card--horizontal) > .card__content .card__heading:not(.card__heading--placeholder),
.card--standard:not(.card--horizontal) > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption,
.main-blog .card--media .card__inner .card__content,
.blog .card--media .card__inner .card__content,
.card--text.card--standard.content_over .card__inner ~ .card__content,
.card--text.card--standard .card__inner ~ .card__content,
.main-list-collection .card--media .card__inner .card__content,
.mega-menu-coll .card--media .card__inner .card__content,
.collection_icon .card--media .card__inner .card__content,
.collection-card-wrapper .card--media .card__inner .card__content{
  display: none;
}
.swipecollection .card--text.card--standard .card__inner ~ .card__content,
.blog_blank .card--text.card--standard .card__inner ~ .card__content,
.product-card-wrapper .card--text.card--standard .card__inner ~ .card__content,
.card--standard.card--text.article-card > .card__content .card__information {
  display: block;
}
.card--standard:not(.card--horizontal) .placeholder-svg {
  height: auto;
  width: 100%;
}
.collection-card-wrapper .card--card{
  padding: 10px;
}
.card--standard > .card__content {
  padding: 10px 0 0;
}

.card--standard > .card__content .card__information {
  padding: 0;
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media > .card__content .card__badge {
  display: none;
}

.card--horizontal .card__badge,
.card--horizontal.card--text .card__inner {
  display: none;
}

.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-bottom: 8px;
}
.card-information > *:last-child {
  margin-bottom: 0;
}

.card-information {
  width: 100%;
}

.card-information > * {
  line-height: 1.4;
}

.card-information > .price {
  color: rgb(var(--color-foreground));
}
.card-information > .rating {
  margin-bottom: 0.6rem;
}
.card--standard.card--horizontal >.card__content {
    padding: 0;
}

.card-information > *:not(.visually-hidden:first-child) + quantity-popover:not(.rating):not(.card__information-volume-pricing-note), .card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button {
  margin-top: 0;
}

/* .card-information > *:not(.visually-hidden:first-child) + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 0.7rem;
} */

.card-information .caption {
  letter-spacing: 0.07rem;
}

.card-article-info {
  margin-top: 1rem;
}

.card--card.card--text .c_same_btn.addcart_over {
  grid-row-start: unset;
  margin-top: 10px !important;
  margin-left: 0;
  margin-right: 0;
}
/* Card Shapes */

.card--shape .card__content {
  padding-top: 0;
}

.card--shape.card--standard:not(.card--text) .card__inner {
  border: 0;
  /* Border is not currently compatible with image shapes for standard cards. */
  background-color: transparent;
  /* filter: drop-shadow(
    var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
      rgba(var(--color-shadow), var(--shadow-opacity))
  ); */
}

.card--shape.card--standard:not(.card--text) .card__inner:after {
  display: none;
}

.c_same_btn.addcart_over {
  margin-left: 10px;
  margin-right: 10px;
  grid-row-start: 1;
  transition: var(--duration-medium) ease;
}
.card--card:not(.enable_image_spacing) .c_same_btn.addcart_over {
margin-left: 0;
margin-right: 0;
}
.card--card .c_same_btn.addcart_over {
  margin-top: calc( -21px - var(--addbtn-height));
}
.card--standard .c_same_btn.addcart_over {
  margin-top: calc( -21px - var(--addbtn-height));
}
.c_same_btn.addcart_over{
  order: 2;
}
@media (min-width: 768px) {
  .product_with_image.banner--content-align-center .banner__box .banner__buttons {
    justify-content: center;
  }
  .product_with_image.banner--content-align-right .banner__box .banner__buttons {
    justify-content: end;
  }
}
@media (max-width: 1199px) {
  .cardcountdown .time {
    font-size: calc(10px / 14 * var(--body-font-size));
  }
  .cardcountdown.countd_all {
    gap: 10px;
  }
  .cardcountdown .time:after {
    right: -7px;
  }
  .custom_qv_btn quick-add-bulk .quantity__button {
    width: 28px;
  }
}
@media (min-width: 992px) { 
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:hover,
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:focus-within {
    min-width: fit-content;
    padding: 0 15px 0 13px;
  }
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:hover span,
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:focus-within span {
    opacity: 1;
    font-size: calc(14px / 14 * var(--body-font-size));
  }
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:hover > svg,
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:focus-within > svg {
    margin-right: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1469px) {
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .quick-add__submit:hover span,
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .quick-add__submit:focus-within span {
    font-size: calc(12px / 14 * var(--body-font-size));
  }
  quick-add-bulk .quantity__button {
    width: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:hover,
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:focus-within {
    padding: 0 6px;
  }
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:hover > svg,
  .card-main-wrapper:not(.addcart_bottom) .product-card-wrapper .c_same_btn .quick-add__submit:focus-within > svg {
    margin-right: 3px;
  }
  .ftr_productleft {
    width: calc(68% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
    max-width: calc(68% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
  }
  .ftr_left .product_with_image {
    width: calc(32% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
    max-width: calc(32% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .fecoll_bnrmain .swipefea .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);
  }
  .ftr_leftright .product_with_image {
    width: calc(25% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
  }
  .ftr_product {
    width: calc(50% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
  }
}
@media (max-width: 991px) {
  .product-card-wrapper .card--card .card__content {
    padding-top: 5px;
  }
  .collection-card-wrapper .card--card,
  .card.card--card.enable_image_spacing {
    padding: 5px;
  }
  .card--card.card .card_timer {
    margin-left: -13px;
  }
  .spaceimg_feature {
    padding: 15px;
  }
  .product-card-wrapper .product-form__input .select__select {
    height: 3.4rem;
  } 
  .card_vendor {
    font-size: calc(11px / 14 * var(--body-font-size));
  }
  .product_badge .badge {
    font-size: calc(var(--badge-text-size)* 1 / 1.25);
    padding: 4px;
  }
  .product_badge .badge svg {
    width: 12px;
    height: 12px;
  }
  .product_with_image .banner__heading.h2 {
    font-size: calc(16px / 24 * var(--heading-font-size));
  }
  .product_with_image .banner__heading.h1 {
    font-size: calc(18px / 24 * var(--heading-font-size));
  }
  .product_with_image .banner__heading.h0 {
    font-size: calc(20px / 24 * var(--heading-font-size));
  }
  .product-card-wrapper .quick-add__submit>svg {
    width: 18px;
    height: 15px;
  }
  .quick_view_btn wb-quick-view .button{
    min-width: 26px;
    min-height: 26px;
  }
  .product-card-wrapper .quick-add__submit {
    padding: 0 2px;
    min-height: 26px;
    width: 26px;
  }

  .addcart_bottom .product-card-wrapper .quick-add__submit {
    min-height: 30px;
    width: 100%;
  }
  .card__content .custom_qv_btn quick-add-bulk .quantity {
    min-height: 30px; 
  }

  .card--card .c_same_btn.addcart_over {
    margin-top: -43px;
  }
  .card--standard .c_same_btn.addcart_over {
    margin-top: -40px;
  }
  .card__content .custom_qv_btn.addcart_over quick-add-bulk .quantity {
    min-height: 26px;
  }
  .card_pro_details .card__heading {
    font-size: calc(14px / 14 * var(--body-font-size));
  }
  .card_store_msg p, .card_free_d, .card_selling_f, .card_express_del span {
    font-size: calc(10px / 14 * var(--body-font-size));
  }
  .card_pro_details .card__heading.large {
    font-size: calc(16px / 14 * var(--body-font-size) + 0px);
  }
  .card_pro_details .card__heading.medium {
    font-size: calc(14px / 14 * var(--body-font-size) + 0px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .swiper.swipefea .grid__item, .swiper.swipetab .grid__item {
    width: calc(28.5% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  .swipefea .grid__item, .swipetab .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  .ftr_productleft {
    width: calc(66.66% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
    max-width: calc(66.66% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
  }
  .ftr_left .product_with_image {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing)* 1 / 2);
  }
}
@media (max-width: 767px) {
  body:has(.sticky_bottombar) .quick-notify.active {
    transform: translateY(-110%);
  }
  .c_same_btn.addcart_over {
    margin-left: 5px;
    margin-right: 5px;
  }
  .product_badge, .quick-add.quick_view_btn {
    margin: 10px;
  }
  .product_badge.product_badge_margin {
    right: 30px;
  } 
  .product-card-wrapper .product-form__input input[type=radio] + label {
    font-size: calc(10px / 14 * var(--body-font-size));
  }
  .swipefea .swiper-slide, .swipetime .swiper-slide {
    row-gap: var(--grid-mobile-vertical-spacing);
  }
  .product_with_image.banner--content-align-mobile-center .banner__box .banner__buttons {
    justify-content: center;
  }
  .product_with_image.banner--content-align-mobile-right .banner__box .banner__buttons {
    justify-content: end;
  }
  .card_pro_details .card__heading, .card-information>*+* {
    margin-bottom: 8px;
  }
  .swipefea .grid.grid--2-col-mobile .grid__item, .swipetab .grid.grid--2-col-mobile .grid__item, .recently-viewed__section .product-grid .grid__item,
  .swipebanner_card .grid.grid--2-col-mobile .grid__item, .collection:not(.time_card_horizon) .swipetime .grid.grid--2-col-mobile .grid__item {
    width: calc(45% - var(--grid-mobile-horizontal-spacing) / 2);
  }
  .wblook_b .grid.grid--1-col-mobile .grid__item.lookbook_grid,
  .swipefea .grid.grid--1-col-mobile .grid__item {
    width: 100%;
    max-width: 100%;
  }
  .ftr_productleft, .ftr_left .product_with_image,
  .ftr_leftright .product_with_image, .ftr_product {
    width: 100%;
    max-width: 100%;
  }
  .product_with_image .banner__content {
    position: relative !important;
    padding: 15px;
  }
  .swipeimgproduct .grid.grid--1-col-mobile .grid__item {
    width: 83.3%;
    max-width: 83.3%;
  }
product-info.card-main-wrapper .card__inner.ratio::before {
  content: "";
  display: block;
  padding-bottom: 78% !important;
}

product-info.card-main-wrapper .card__inner.ratio {
  position: relative;
}

product-info.card-main-wrapper .card__media,
product-info.card-main-wrapper .card__media .media,
product-info.card-main-wrapper .card__media .product__media-item,
product-info.card-main-wrapper .card__media .product__media-item > a {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}

product-info.card-main-wrapper .card__media .media,
product-info.card-main-wrapper .card__media .media--transparent,
product-info.card-main-wrapper .card__media .media--hover-effect {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}

product-info.card-main-wrapper .card__media img,
product-info.card-main-wrapper .card__media .img-fluid,
product-info.card-main-wrapper .card__media .motion-reduce,
product-info.card-main-wrapper .card__media .card_video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

@media screen and (max-width: 991px) {
  product-info.card-main-wrapper .card__inner.ratio::before {
    padding-bottom: 82% !important;
  }
}

@media screen and (max-width: 767px) {
  product-info.card-main-wrapper .card__inner.ratio::before {
    padding-bottom: 90% !important;
  }
}