/* =========================================
   UT ARCHIVE — match Homepage (Elementor UT card)
   File: /wp-content/themes/xstore-child/css/ut-archive-fixes.css
   Works only when product has class .ut-cards
   ========================================= */


body {
    --et_font-color: #555;
    margin: 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Verdana, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: var(--et_font-color) !important;
    height: auto !important;
    background-color: var(--et_container-bg-color, transparent);
    --et_dark-2-white: #000 !important;
    
}
.etheme-category-grid-image {
    height: auto !important;
}
.sidebar .subcategories-line-separated h4 {
    color: #ffffff;
    font-family: 'Golos Text' !important;
}
.empty-category-block:before {
    color:#fff !important;
}
.view-switcher .switcher-active>a {
    color: #a32929 !important;
}
    .related-products-title {
        font-family: "Golos Text" !important;
        font-weight: 400;
        font-size:36px
    }
    .product-slide .product-details .button:not(.compare), .products-grid .product-details .button:not(.compare)
    {
        margin-top:12px !important;
    }
    .single-product form.cart table.variations td.value select
    {
        display: inline-block;
margin-bottom: 0em !important;
    }
    .quantity {
    padding-top: 5px !important;

}
.et_product-block .single-wishlist .show, .et_product-block .single-wishlist .wishlist-fragment > div, .et_product-block .xstore-wishlist-single
{
    background-color: #000000 !important;
}

.et_product-block .single-compare > a
{
    background-color: #000000 !important; 
}

.single-product-builder .etheme-sticky-cart .etheme_custom_add_to_cart.single_add_to_cart_button, .single-product-builder .single_add_to_cart_button.button, .single-product-builder .single_add_to_cart_button.button.disabled
{
    border: 1px solid #fff;
    box-shadow: 0 4px 17.1px #FF0000;
}
.empty-cart-block, .empty-category-block, .woocommerce-thankyou-order-received {
    background-color:#1B1B1B;
}
.empty-cart-block h1, .empty-cart-block h2, .empty-category-block h1, .empty-category-block h2, .woocommerce-thankyou-order-received
{
    color:#fff;
}
.cart-checkout-nav .active:before {
    color:#000 !important;
}
.sales-booster-safe-checkout legend {
    width:70% !important;
}
.mtips span.mt-mes {
    background-color: #000 !important;
}
.empty-cart-block .btn {
    box-shadow: 0 4px 17.1px #FF0000;
}
.empty-cart-block .btn:hover{
  background:#C743436B !important;
  border:1px solid #FFBFBF !important;
  box-shadow:0 4px 17.1px #FF0000 !important;
}
.sales-booster-quantity-discounts {
    border: none !important;
    background-color:#252525 !important;
}
.sales-booster-quantity-discounts .add_to_cart_button.button {
    color:#000 !important;
    background-color:#fff !important;
}
.quantity-discount-name {
    color:#fff !important;
}
.products-title.related-products-title {
      color:#fff !important;
}
div.quantity>span, td.quantity>span {
    color:#000 !important;
}
.dokan-form-control, input[type=number] {
    color:#000 !important;
}
.et_product-block .single-wishlist .show, .et_product-block .single-wishlist .wishlist-fragment > div, .et_product-block .single-wishlist .wishlist-fragment > div a, .et_product-block .xstore-wishlist-single, .et_product-block .xstore-wishlist-single .et-icon
{
    color:#fff;
}

.elementor-element.elementor-element-1c18d40c.e-con-full.e-flex.e-con.e-child
{
    z-index: 1 !important;
}
/* --- GRID only archives --- */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body.tax-product_brand ul.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:24px !important;
  margin:0 !important;
  padding:0 !important;
}
body.woocommerce-shop ul.products > li.product,
body.tax-product_cat ul.products > li.product,
body.tax-product_tag ul.products > li.product,
body.tax-product_brand ul.products > li.product{
  width:auto !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
}
@media (max-width:1024px){
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products,
  body.tax-product_brand ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width:600px){
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products,
  body.tax-product_brand ul.products{
    grid-template-columns:1fr !important;
  }
}

/* =========================================
   CARD LAYOUT like Elementor (.ut-card)
   ========================================= */

/* робимо li.product “карточкою”, як ут-card */
.woocommerce li.product.ut-cards{
  display:flex !important;
}
.woocommerce li.product.ut-cards > *{
  width:100%;
}

/* якщо на архіві є твій контейнер .ut-card — робимо як на головній */
.woocommerce .ut-cards .ut-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

/* якщо .ut-card нема (інший markup) — фолбек на product-details */
.woocommerce .ut-cards .product-details{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  text-align:center !important;
}

/* картинка не розпирає, як у референсі */
.woocommerce .ut-cards img{
  height:auto;
}

/* притискаємо “controls” вниз як на головній */
.woocommerce .ut-cards .ut-controls{
  margin-top:auto !important;
}
.woocommerce .ut-cards form.cart,
.woocommerce .ut-cards form.variations_form{
  margin-top:auto !important;
}

/* прибираємо рядки брендів/категорій */
.woocommerce .ut-cards .products-page-brands,
.woocommerce .ut-cards .product-categories,
.woocommerce .ut-cards .product-brands,
.woocommerce .ut-cards .posted_in,
.woocommerce .ut-cards .cat-link{
  display:none !important;
}

/* =========================================
   TITLE like Homepage Elementor heading
   ========================================= */
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title,
.woocommerce .ut-cards .product-details .product-title,
.woocommerce .ut-cards .product-details .product-title a,
.woocommerce .ut-cards .woocommerce-loop-product__title,
.woocommerce .ut-cards .woocommerce-loop-product__title a{
  color:#fff !important;
  text-align:center !important;

  /* як на головній: жирніше */
  font-weight:700 !important;

  line-height:1.25 !important;
  margin-bottom:2px !important;
}

/* clamp 2 lines */
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title,
.woocommerce .ut-cards .product-details .product-title a,
.woocommerce .ut-cards .woocommerce-loop-product__title a{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  min-height: calc(2 * 1.25em) !important;
}

/* =========================================
   PRICE like Homepage Elementor price widget
   del = біла, ins = червона
   ========================================= */
.woocommerce .ut-cards .elementor-widget-woocommerce-product-price .price,
.woocommerce .ut-cards .product-details .price,
.woocommerce .ut-cards .price{
  text-align:center !important;
  margin: 0 0 10px !important;
}

/* regular (del) = white */
.woocommerce .ut-cards .price del,
.woocommerce .ut-cards .price del .amount,
.woocommerce .ut-cards .price del bdi{
  color:#fff !important;
  opacity:.65 !important;
}

/* sale (ins) = red */
.woocommerce .ut-cards .price ins,
.woocommerce .ut-cards .price ins .amount,
.woocommerce .ut-cards .price ins bdi{
  color:#ff0000 !important;
  text-decoration:none !important;
}
.woocommerce .ut-cards .price ins{
  background:transparent !important;
}

/* не показуємо дубль ціни з single_variation */
.woocommerce .ut-cards .woocommerce-variation-price{
  display:none !important;
}

/* =========================================
   VARIATIONS SELECT like Homepage
   ========================================= */
.woocommerce .ut-cards table.variations{
  margin:0px auto 0px !important;
  width:100% !important;
  max-width:260px !important;
  border:0 !important;
}
.woocommerce .ut-cards table.variations td,
.woocommerce .ut-cards table.variations th{
  border:0 !important;
  padding:0 !important;
}

/* hide label Вага */
.woocommerce .ut-cards table.variations td.label,
.woocommerce .ut-cards table.variations th.label,
.woocommerce .ut-cards table.variations label{
  display:none !important;
}

/* hide reset */
.woocommerce .ut-cards .reset_variations{
  display:none !important;
}

/* select style */
.woocommerce .ut-cards table.variations select{
  width:100% !important;
  height:36px !important;
  padding:0 38px 0 12px !important;

  background:#000 !important;
  color:#fff !important;

  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:8px !important;

  outline:none !important;
  box-shadow:none !important;

  -webkit-appearance:none !important;
  appearance:none !important;

  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%,
    0 0;
  background-size:6px 6px, 6px 6px, 100% 100%;
  background-repeat:no-repeat;
}

/* =========================================
   QTY + BUTTON row like Homepage
   IMPORTANT: XStore uses span.plus/minus with icons
   ========================================= */
.woocommerce .ut-cards .woocommerce-variation-add-to-cart{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  width:100% !important;
  max-width:260px !important;
  margin:0 auto !important;
}

/* qty wrapper */
.woocommerce .ut-cards .quantity{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  margin:0 !important;
}

/* XStore plus/minus are spans */
.woocommerce .ut-cards .quantity .minus,
.woocommerce .ut-cards .quantity .plus{
  width:29px !important;
  height:29px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.22) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  font-size: 14px !important;
}

/* прибираємо іконки всередині +/- і показуємо текст */
.woocommerce .ut-cards .quantity .minus i,
.woocommerce .ut-cards .quantity .plus i{
  display:none !important;
}
.woocommerce .ut-cards .quantity .minus::before{
  content:"-" !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
}
.woocommerce .ut-cards .quantity .plus::before{
  content:"+" !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
}

/* qty input */
.woocommerce .ut-cards .quantity input.qty{
  width:26px !important;
  height:26px !important;
  padding:0 !important;
  margin:0 !important;
  text-align:center !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -moz-appearance:textfield !important;
}
.woocommerce .ut-cards .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .ut-cards .quantity input.qty::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}

/* =========================================
   BUY BUTTON like Homepage
   narrower (width), no icon, centered
   ========================================= */
.woocommerce .ut-cards .single_add_to_cart_button.button{
  background:#C40A0A !important;
  border:1px solid #FFBFBF !important;
  color:#fff !important;
  box-shadow:0 4px 17.1px #FF0000 !important;
  border-radius:8px !important;

  /* ширина як на реф */
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;

  min-height:36px !important;
  padding:0 14px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.woocommerce .ut-cards .single_add_to_cart_button.button:hover{
  background:#C743436B !important;
  border:1px solid #FFBFBF !important;
  box-shadow:0 4px 17.1px #FF0000 !important;
}

/* прибрати pseudo/svg/i в кнопці */
.woocommerce .ut-cards .single_add_to_cart_button i,
.woocommerce .ut-cards .single_add_to_cart_button svg{
  display:none !important;
}
.woocommerce .ut-cards .single_add_to_cart_button::before,
.woocommerce .ut-cards .single_add_to_cart_button::after{
  content:none !important;
}

/* =========================================
   MOBILE: tap sizes + wrap
   ========================================= */
@media (max-width: 1024px){
  .woocommerce .ut-cards .quantity .minus,
  .woocommerce .ut-cards .quantity .plus{
    width:36px !important;
    height:36px !important;
  }
  .woocommerce .ut-cards table.variations select{
    min-height:40px !important;
  }
}

@media (max-width: 767px){
  .woocommerce .ut-cards .woocommerce-variation-add-to-cart{
    flex-wrap:wrap !important;
    gap:10px !important;
    max-width:100% !important;
  }
  .woocommerce .ut-cards .quantity{
    width:100% !important;
    justify-content:center !important;
  }
  .woocommerce .ut-cards .single_add_to_cart_button.button{
    width:140px !important;
    min-width:140px !important;
    max-width:140px !important;
  }
}
/* =========================================
   UT ARCHIVE ALIGN PATCH (make cards ровные)
   ========================================= */

/* 1) Карточка = колонка, controls вниз */
.woocommerce li.product.ut-cards,
.woocommerce li.product.ut-cards .ut-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.woocommerce li.product.ut-cards .ut-controls{
  margin-top:auto !important;
}

/* На всякий случай прижимаем и форму вниз */
.woocommerce li.product.ut-cards form.cart,
.woocommerce li.product.ut-cards form.variations_form{
  margin-top:auto !important;
}

/* 2) Картинка одинаковой высоты (как у тебя на главной) */
.woocommerce li.product.ut-cards .elementor-widget-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height: 220px !important;     /* <-- можно 200-260 под твой реф */
  overflow:hidden !important;
}

.woocommerce li.product.ut-cards .elementor-widget-image img{
  max-height: 220px !important; /* <-- в паре с height выше */
  width: auto !important;
  object-fit: contain !important;
}

/* 3) Заголовок: фикс 2 строки, одинаковая высота */
.woocommerce li.product.ut-cards .elementor-widget-heading .elementor-heading-title,
.woocommerce li.product.ut-cards .elementor-widget-heading .elementor-heading-title a{
  text-align:center !important;
  line-height:1.25 !important;

  display:-webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow:hidden !important;

  min-height: calc(2 * 1.25em) !important; /* 2 строки */
  margin: 10px 0 6px !important;
}

/* 4) Цена как в рефе (del белый, ins красный) + одинаковый отступ */
.woocommerce li.product.ut-cards .elementor-widget-woocommerce-product-price .price{
  margin: 0 0 12px !important;
  text-align:center !important;
}

.woocommerce li.product.ut-cards .price del,
.woocommerce li.product.ut-cards .price del bdi{
  color:#fff !important;
  opacity:.6 !important;
}

.woocommerce li.product.ut-cards .price ins,
.woocommerce li.product.ut-cards .price ins bdi{
  color:#ff0000 !important;
  text-decoration:none !important;
}

/* 5) select + qty + button блок одной ширины и по центру */
.woocommerce li.product.ut-cards table.variations,
.woocommerce li.product.ut-cards .woocommerce-variation-add-to-cart{
  max-width: 280px !important;  /* <-- чтобы не было разъезда */
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 6) Кнопка “Купити” — одинаковая ширина как на рефе */
.woocommerce li.product.ut-cards .single_add_to_cart_button.button{
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

/* Mobile */
@media (max-width: 767px){
  .woocommerce li.product.ut-cards .elementor-widget-image{
    height: 180px !important;
  }
  .woocommerce li.product.ut-cards .elementor-widget-image img{
    max-height: 180px !important;
  }
  .woocommerce li.product.ut-cards .single_add_to_cart_button.button{
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }
}
/* ================================
   UT CARDS (archive) — final fixes
   file: /wp-content/themes/xstore-child/style.css
   ================================ */

/* 0) hide brands row everywhere in archive */
.products-page-brands{ display:none !important; }

/* 1) Title like on homepage (white, centered, 2 lines) */
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title,
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title a{
  color:#fff !important;
  text-align:center !important;

  font-size:16px !important;      /* как нужно */
  font-weight:600 !important;     /* как нужно */
  line-height:1.25 !important;

  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
}

/* 2) Hide brand/category line (Heven etc.) inside card */
.woocommerce .ut-cards .product-details .product-categories,
.woocommerce .ut-cards .product-details .product-brands,
.woocommerce .ut-cards .product-details .posted_in,
.woocommerce .ut-cards .product-details .cat-link,
.woocommerce .ut-cards .product-details .brand,
.woocommerce .ut-cards .product-details .category{
  display:none !important;
}

/* 3) Price typography + COLORS like you said:
      sale (ins) = WHITE
      crossed (del) = RED */
.woocommerce .ut-cards .price{
  text-align:center !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}

.woocommerce .ut-cards .price ins,
.woocommerce .ut-cards .price ins .amount,
.woocommerce .ut-cards .price ins bdi{
  color:#fff !important;
  text-decoration:none !important;
  background:transparent !important;
}

.woocommerce .ut-cards .price del,
.woocommerce .ut-cards .price del .amount,
.woocommerce .ut-cards .price del bdi{
  color:#ff0000 !important;
  opacity:1 !important;
}

/* 4) Remove variation price inside form (no duplicates) */
.woocommerce .ut-cards .single_variation .woocommerce-variation-price,
.woocommerce .ut-cards .woocommerce-variation-price{
  display:none !important;
}

/* 5) Qty: fix "2 plus" by killing theme icons/pseudos inside +/- */
.woocommerce .ut-cards .quantity .plus i,
.woocommerce .ut-cards .quantity .minus i,
.woocommerce .ut-cards .quantity .plus svg,
.woocommerce .ut-cards .quantity .minus svg{
  display:none !important;
}

.woocommerce .ut-cards .quantity .plus::before,
.woocommerce .ut-cards .quantity .plus::after,
.woocommerce .ut-cards .quantity .minus::before,
.woocommerce .ut-cards .quantity .minus::after{
  content:none !important;
}

/* 6) Make qty row aligned like homepage */
.woocommerce .ut-cards .woocommerce-variation-add-to-cart,
.woocommerce .ut-cards .single_variation_wrap .woocommerce-variation-add-to-cart{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  width:100% !important;
  max-width:260px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 7) Button look (your colors) + remove icons in button */
.woocommerce .ut-cards .single_add_to_cart_button.button{
  background:#C40A0A !important;
  border:1px solid #FFBFBF !important;
  color:#fff !important;
  box-shadow:0 4px 17.1px #FF0000 !important;

  border-radius:3px !important;
  min-height:41px !important;

  /* ширина как реф (узкая) */
  width: 130px !important;
  min-width:130px !important;
  max-width:130px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 12px !important;
    font-family: "GolosText-Regular" !important;
  font-size: .85rem !important;
  font-weight: 400 !important;
}

.woocommerce .ut-cards .single_add_to_cart_button.button:hover{
  background:#C743436B !important;
  border:1px solid #FFBFBF !important;
  box-shadow:0 4px 17.1px #FF0000 !important;
}

.woocommerce .ut-cards .single_add_to_cart_button i,
.woocommerce .ut-cards .single_add_to_cart_button svg{
  display:none !important;
}
.woocommerce .ut-cards .single_add_to_cart_button::before,
.woocommerce .ut-cards .single_add_to_cart_button::after{
  content:none !important;
}

/* 8) Grid ONLY for shop/category/tag pages (no homepage ломания) */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body.tax-product_brand ul.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  margin:0 !important;
  padding:0 !important;
}

body.woocommerce-shop ul.products > li.product,
body.tax-product_cat ul.products > li.product,
body.tax-product_tag ul.products > li.product,
body.tax-product_brand ul.products > li.product{
  width:auto !important;
  float:none !important;
  margin:0 !important;
}

@media (max-width: 1024px){
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products,
  body.tax-product_brand ul.products{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px){
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products,
  body.tax-product_brand ul.products{
    grid-template-columns:1fr !important;
  }

  /* на моб можно чуть шире кнопку */
  .woocommerce .ut-cards .single_add_to_cart_button.button{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
}
/* === UT CARDS: Product title typography === */
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title,
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title a{
  font-family: "Golos Text", Sans-serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #F7F7F7 !important;
  line-height: 1.25 !important;
  text-align: center !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

@media (max-width:767px){
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title,
.woocommerce .ut-cards .elementor-widget-heading .elementor-heading-title a {
font-size: 20px !important;
}}
/* === UT CARDS: Price typography === */
.woocommerce .ut-cards .price{
  font-family: "Golos Text", Sans-serif !important;
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

/* старая цена (перечеркнутая) — БЕЛАЯ */
.woocommerce .ut-cards .price del,
.woocommerce .ut-cards .price del .amount,
.woocommerce .ut-cards .price del bdi{
  color: #FFFFFF !important;
  opacity: 1 !important;
}

/* новая (акционная) — КРАСНАЯ */
.woocommerce .ut-cards .price ins,
.woocommerce .ut-cards .price ins .amount,
.woocommerce .ut-cards .price ins bdi{
  color: #C40A0A !important;
  text-decoration: none !important;
  background: transparent !important;
}

.et_column {
padding-right: 10px !important;
padding-left: 10px !important;
}

@media (max-width: 600px)
{.woocommerce .ut-cards table.variations{
  margin:0px auto 10px !important;
  
}}
.et_connect-block>.shop_attributes th, .et_product-block>.shop_attributes th{
    text-align: start;
display: block;
color: #fff;
text-transform: capitalize;
}
/* spinner on button while adding to cart */
.ut-cards .single_add_to_cart_button.loading{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  opacity: .85 !important;
}

.ut-cards .single_add_to_cart_button.loading::after{
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(255,255,255,.45) !important;
  border-top-color: #fff !important;
  border-radius: 999px !important;
  animation: utSpin .7s linear infinite !important;
}

@keyframes utSpin{
  to{ transform: rotate(360deg); }
}
.etheme-category-grid-image img {
    object-position: bottom !important;
    object-fit: contain !important;
}