/* ===== GRID ===== */
	ul:grid !important;ul.products{
	  grid-template-columns:repeat(3,1fr);
	  gap:28px !important;
	}

	@media (max-width:640px){
	  ul.products{ grid-template-columns:1fr; }
	}

	/* ===== CARD ===== */

	/* 🔹 MEDIA контейнер */
	a.sm-card__media{
	  display:block;
	  width:100%;
	  height:300px;

	  background:#F4F6FA;
	  border-radius:18px;

	  padding:12px;              /* рівний відступ */
	  box-sizing:border-box;

	  overflow:hidden;
	  position:relative;
	}

	/* 🔹 ВНУТРІШНЄ ФОТО */

	a.sm-card__media img {
	  width:100%;
	  height:calc(100% - 12px);   /* ✅ ось це ключ */

	  object-fit:cover;
	  object-position:center 10%;

	  background:#fff;
	  border-radius:14px;

	  display:block;
	}


	/* 🔹 ACTIVE рамка */

	.sm-card.is-in-cart a.sm-card__media,
	.sm-card.is-selected a.sm-card__media{
	  outline: 2px solid #3F5AA6;
	  outline-offset: 0;
	}

	.woocommerce ul.products li.product a img{
	  height:100% !important;   /* ✅ перебиває height:auto */
	  width:100% !important;
	}

	a.sm-card__media{
	  height:340px;  /* було 300 */
	}



	/* ===== TOP (wishlist + badges) ===== */

	.sm-card__head{
	  position:absolute;
	  top:12px;
	  left:12px;
	  right:12px;
	  display:flex;
	  justify-content:space-between;
	  align-items:flex-start;
	  z-index:5;
	}

	.sm-badges{ display:flex; gap:8px; flex-wrap:wrap; }

	.sm-badge{
	  font-size:12px;
	  padding:4px 10px;
	  border-radius:999px;
	  border:1px solid #D1D5DB;
	  background:#fff;
	  color:#1F2937;
	}



	.sm-wishlist{
	  width:28px;
	  height:28px;
	  border-radius:999px;
	  background:#fff;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  text-decoration:none;
	  color:#111827;
	  border:1px solid #E5E7EB;
	}

	/* ===== BODY ===== */

	.sm-card__body{
	  padding:14px 18px 18px;
	  background:#fff;
	}

	.sm-card__cat{
	  font-size:12px;
	  color:#9CA3AF;
	  margin-bottom:6px;
	}

	.sm-card__title{
	  display:block;
	  color:#111827;
	  text-decoration:none;
	  font-size:14px;
	  font-weight:600;
	  line-height:1.35;
	  margin-bottom:10px;
	  min-height:38px;
	}

	.sm-card__price{
	  display:flex;
	  gap:6px;
	  align-items:baseline;
	  margin-bottom:12px;
	}

	.sm-price-from{ color:#9CA3AF; font-size:12px; }
	.sm-card__price .amount{ color:#111827; font-weight:700; }

	/* ===== VARIATIONS ===== */

	.sm-card__vars{
	  display:flex;
	  gap:8px;
	  flex-wrap:wrap;
	  margin-bottom:14px;
	}

	.sm-var-pill{
	  background:#fff;
	  border:1px solid #D1D5DB;
	  color:#6B7280;
	  border-radius:999px;
	  padding:4px 10px;
	  font-size:12px;
	  cursor:pointer;
	}

	.sm-var-pill.is-active{
	  background:#EAF2FF;
	  border:2px solid #3F5AA6;
	  color:#3F5AA6;
	}

	/* ===== BUTTON / CART ===== */

	.sm-card__actions{ margin-top:4px; }

	.sm-btn-cart{
	  width:100%;
	  height:38px;
	  border-radius:999px;
	  border:none;
	  background:#3F5AA6;
	  color:#fff;
	  font-size:13px;
	  font-weight:600;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  gap:10px;
	  text-decoration:none;
	}

	.sm-btn-cart--add.is-error{
	  outline:2px solid #EF4444;
	}

	.sm-cart-qty{
	  display:inline-flex;
	  align-items:center;
	  justify-content:center;
	  min-width:22px;
	  height:22px;
	  padding:0 8px;
	  border-radius:999px;
	  background:rgba(255,255,255,.18);
	}

	/* ===== STEPPER ===== */




	.sm-btn-view{
	  width:100%;
	  height:38px;
	  border-radius:999px;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  text-decoration:none;

	  background:#EAF2FF;
	  border:1px solid #3F5AA6;
	  color:#3F5AA6;
	  font-weight:600;
	  font-size:13px;
	}

	/* ===== CLEAN WOO ===== */

	.woocommerce ul.products::before,
	.woocommerce ul.products::after{
	  display:none !important;
	  content:none !important;
	}

	.woocommerce.archive h1.page-title,
	.woocommerce-products-header__title,
	.woocommerce-result-count{
	  display:none !important;
	}

	.woocommerce-ordering{
	  float:right !important;
	  margin-bottom:20px;
	}

	.woocommerce-ordering select{
	  border:none;
	  background:transparent;
	  font-weight:500;
	  cursor:pointer;
	}


	/* контейнер */

	.woocommerce-ordering select{
	  background:transparent !important;   /* ✅ прозорий */
	  border:none !important;
	  outline:none !important;

	  font-weight:500;
	  cursor:pointer;

	  padding:6px 10px;
	}


	.woocommerce-ordering select:focus{
	  outline:none;
	  box-shadow:none;
	}

	.woocommerce-ordering option{
	  background:#fff;
	}


	@media (max-width:1140px){
	  .shop-sidebar{
		width: calc(100% - 30px); 
		max-width:315px;          
	  }
	}

	@media (max-width:1250px){
	  ul.products{
		grid-template-columns:repeat(2,1fr);
	  }
	}


	@media (max-width:1025px){
	  .shop-sidebar{
		display:none !important;
	  }
	  
		ul.products{
		grid-template-columns:repeat(3,1fr);
	  }
	}

	@media (max-width:900px){
	  .shop-sidebar{
		display:none !important;
	  }
	  
		ul.products{
		grid-template-columns:repeat(2,1fr);


	  }
	}
	@media (max-width:600px){
	  .shop-sidebar{
		display:none !important;
	  }
	  
		ul.products{
		grid-template-columns:repeat(1,1fr);
		max-width:350px;
		align-self:center;
	  }
	}


	#sm-ui {
	  display: none !important;
	}
	@media (max-width:1025px){

	  #sm-ui{ display:block; }

	  #smOpen{
		position: static !important;
		z-index:9999;
		padding:12px;
	  }

	  #smOverlay{
		position:fixed;
		inset:0;
		background:rgba(0,0,0,.4);
		display:none;
		z-index:10000;
	  }

	  #smOverlay.active{ display:block; }

	  #smPanel{
		position:fixed;
		top:0;
		left:0;
	   
	 width: 90vw;      
	  max-width: 420px; 

		height:100%;
		background:#fff;
		transform:translateX(-100%);
		transition:0.3s;
		z-index:10001;
	  }

	  #smPanel.open{
		transform:translateX(0);
	  }

	}

	#sm-ui {
	  display: none !important;
	}

	@media (max-width:1025px){
	  #sm-ui {
		display: block !important;
	  }
	}

	#smOpen {
	  position: fixed;
	  bottom: 20px;
	  left: 20px;

	  display: flex;
	  align-items: center;
	  gap: 8px;

	  padding: 10px 16px;

	  background: #EEF2FF;   /* light blue */
	  color: #3F5AA6;

	  border: 1px solid #3F5AA6;
	  border-radius: 999px;

	  font-weight: 600;
	  font-size: 14px;

	  z-index: 9999;
	}

	#smOpen .sm-count{
	  background: #3F5AA6;
	  color: #fff;

	  font-size: 12px;
	  font-weight: 600;

	  padding: 2px 6px;
	  border-radius: 999px;
	}


	#smPanel{
	  display:flex;
	  flex-direction:column;
	  height:100vh;
	  overflow:hidden;
	}


	#smContent {
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch; 
	  height: calc(100% - 120px);
	}


	#smFilterWrap{
	  flex:1;
	  overflow-y:auto;
	  -webkit-overflow-scrolling:touch;
	}



	  .sm-fab-row{
		position:fixed;
		left:16px;
		bottom:16px;
		display:flex;
		gap:12px;
		z-index:9999;
	  }

	  /* round buttons */
	  .sm-fab{
		width:52px;
		height:52px;
		border-radius:999px;
		display:flex;
		align-items:center;
		justify-content:center;

		background:#EEF2FF;
		color:#3F5AA6;
		border:1px solid #3F5AA6;

		text-decoration:none;
		position:relative;
		box-shadow:0 6px 18px rgba(17,24,39,.08);
	  }

	  /* badges top-right like cart */
	  .sm-badge{
		
		top:-6px;
		right:-6px;

		min-width:20px;
		height:20px;
		padding:0 6px;

		border-radius:999px;
		background:#3F5AA6;
		color:#fff;

		font-size:12px;
		font-weight:700;

		display:flex;
		align-items:center;
		justify-content:center;
		line-height:1;
	  }

	  /* overlay */
	  .sm-backdrop{
		display:none;
		position:fixed;
		inset:0;
		background:rgba(0,0,0,.45);
		z-index:10000;
	  }
	  .sm-backdrop.active{ display:block; }

	  /* drawer left */
	  .sm-drawer{
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:90vw;       /* ✅ ширше */
		max-width:420px;
		background:#fff;

		transform:translateX(-100%);
		transition:transform .25s ease;
		z-index:10001;

		display:flex;
		flex-direction:column;
	  }
	  .sm-drawer.open{ transform:translateX(0); }

	  .sm-header{
		padding:14px 16px;
		border-bottom:1px solid #E5E7EB;
		display:flex;
		justify-content:flex-end;
	  }

	  .sm-close{
		width:36px;
		height:36px;
		border-radius:10px;
		border:1px solid #E5E7EB;
		background:#fff;
		cursor:pointer;
	  }

	  .sm-drawer-body{
		flex:1;
		overflow-y:auto;                 /* ✅ скрол тільки тут */
		-webkit-overflow-scrolling:touch;
		padding:16px;
	  }

	  /* блокувати скрол сторінки коли drawer відкритий */
	  body.sm-lock{
		overflow:hidden !important;
		touch-action:none;
	  }
	}

	#sm-ui{ display:none !important; }

	.sm-fab {
	  position: relative;
	}

	.sm-badge {
	 
	  top: -6px;
	  right: -6px;
	}

	/* ===== FILTER BADGE FIX ===== */

	.sm-filters_title {
	  display: flex;
	  align-items: center;
	  gap: 8px;
	}

	/* сам бейдж */
	.sm-filters_title .sm-badge {
	  position: static !important;   /* ❗ ключове */
	  transform: none !important;

	  margin-left: 6px;

	  display: inline-flex;
	  align-items: center;
	  justify-content: center;

	  min-width: 20px;
	  height: 20px;
	  padding: 0 6px;

	  border-radius: 999px;

	  font-size: 12px;
	  font-weight: 600;
	}

	/* ===== MEDIA WRAP ===== */
	.sm-card__media-wrap{
	  position: relative;
	  
 overflow:hidden; /* 🔥 ключ */
  border-radius:18px; /* має співпасти з карткою */

	}

	/* ===== OVERLAY НА ФОТО ===== */
	
.sm-card__overlay{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;

  padding: 0 12px; /* ✅ відступ як у Figma */

  width:100%;
  box-sizing:border-box;

  z-index:5;
  display:flex;
}


	/* ===== DESKTOP (hover only) ===== */
	@media (min-width:1026px){
	  .sm-card__overlay{
		opacity: 0;
		transform: translateY(6px);
		pointer-events: none;
		transition: .2s ease;
	  }

	  .sm-card:hover .sm-card__overlay{
		opacity: 1;
		transform: none;
		pointer-events: auto;
	  }
	}

	/* ===== MOBILE (always visible) ===== */
	@media (max-width:1025px){
	  .sm-card__overlay{
		opacity: 1;
		transform: none;
		pointer-events: auto;
	  }
	}


	/* ===== ADD BUTTON (коли ще не додано) ===== */
/* ===== ADD BUTTON ===== */
.sm-btn-cart--add{
  width:100%;
  height:36px;
  border-radius:999px;
  border:none;
  background:#3F5AA6;
  color:#fff;
  font-size:12px;
  font-weight:500;
}

/* ===== CART ROW ===== */
.sm-cart-row{
  position:relative;
  display:flex;
  width:100%;
  height:36px;
  border-radius:999px;
  background:#3F5AA6;
  overflow:hidden;
}

/* ===== BUTTON ===== */
.sm-btn-cart--go{
  flex:1;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 56px 0 16px;

  font-size:12px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
}

/* ===== STEPPER (INSIDE BUTTON) ===== */
.sm-stepper{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);

  display:flex;
  align-items:center;
  gap:4px;

  padding:2px 6px;

  border-radius:999px;
  border:1px solid rgba(255,255,255,0.35);
  background:transparent;
}

/* ===== +/- ===== */
.sm-step{
  width:18px;
  height:18px;

  border-radius:50%;
  border:none;

  background:#3F5AA6;
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:12px;
}

/* ===== QTY ===== */
.sm-stepper__qty{
  min-width:14px;
  text-align:center;

  font-size:12px;
  font-weight:400;
  color:#fff;
}

/* ===== FINAL FIX: text centered + stepper not pushing/covering text ===== */
.sm-card__overlay[data-sm-overlay-actions] .sm-cart-row{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 36px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #3F5AA6 !important;
}

/* лінк займає весь рядок і текст реально центрується */
.sm-card__overlay[data-sm-overlay-actions] .sm-btn-cart--go{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 100% !important;

  padding: 0 72px 0 16px !important;

  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.sm-card__overlay[data-sm-overlay-actions] .sm-stepper{
  position: absolute !important;
  right: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  display: flex !important;
  align-items: center !important;
  gap: 4px !important;

  padding: 2px 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  background: transparent !important;

  margin: 0 !important;
}

.sm-card__overlay[data-sm-overlay-actions] .sm-step{
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: none !important;

  background: #3F5AA6 !important;
  color: #fff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 12px !important;
  line-height: 1 !important;
}

.sm-card__overlay[data-sm-overlay-actions] .sm-stepper__qty{
  min-width: 14px !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 1 !important;
}

.sm-card__overlay[data-sm-overlay-actions] .sm-btn-cart--add{
  width: 100% !important;
  height: 36px !important;
  border-radius: 999px !important;
  border: none !important;
  background: #3F5AA6 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}


.sm-card.is-in-cart a.sm-card__media,
.sm-card.is-selected a.sm-card__media{
  outline: none !important;
  box-shadow: inset 0 0 0 2px #3F5AA6 !important;
}

.sm-btn-cart--choose{
  opacity:.75;
  cursor:not-allowed;
}


.sm-btn-cart--choose{
  height:36px;         
  font-size:12px;      
  font-weight:500;
  opacity:.85;
}

@media (min-width:1026px){
  .sm-card.is-in-cart .sm-card__overlay{
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
  }
}


.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-to-wishlist a {
  position: relative;
  z-index: 50;
}

.sm-card__overlay{
  pointer-events:none;
}
.sm-card__overlay *{
  pointer-events:auto;
}



.yith-wcwl-add-to-wishlist a{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:right;
}

.product-card {
    position: relative;
}




.sm-card__head .yith-add-to-wishlist-button-block {
    margin-left: auto !important;
    margin-right: 0 !important;
}


.sm-badges {
    position: absolute;
    top: 12px;
    left: 12px;

    display: flex;
    gap: 6px;          /* відстань між бейджами */
    flex-wrap: wrap;   /* щоб не налітали один на один */

    z-index: 2;
}

.sm-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;

    border-radius: 999px;
    white-space: nowrap;
}

.sm-badges {
    display: flex;
    flex-direction: column;
    gap: 6px;
}


.sm-discount {
    color: #FF3B30;
    font-size: 14px;
    font-weight: 600;
    margin-left: 8px;
}


.sm-card__media-wrap {
    position: relative;
}

/* повертаємо бейджі */
.sm-badges {
    position: absolute;
    top: 12px;
    left: 12px;

    display: flex;
    gap: 6px;

    z-index: 5;
}

.sm-badge {
    display: inline-flex;
    white-space: nowrap;
}


.sm-card-category {
    display: flex;
    align-items: center;
}

.sm-discount {
    margin-left: auto;
}

.sm-card__info {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* ліва частина */
.sm-card__left {
    flex: 1;
}

/* права частина (ціна) */
.sm-card__right {
    text-align: right;
    white-space: nowrap;
}


.sm-card__price del {
    color: #9AA3AF;
    font-size: 11px;
    margin-right: 4px;
  opacity: 0.6;

}

.sm-card__price del * {
  text-decoration-line: line-through !important;
}


.sm-card__price ins {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
order: -1;
}

/* контейнер під фото має бути relative */
.sm-card__media-wrap { position: relative; }

.sm-badges {
    position: absolute;
    top: 12px;
    left: 12px;

    display: flex;
    flex-direction: row !important;
    gap: 10px;
}

/* база бейджа */
.sm-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 0px 8px !important;

    font-size: 13px;
    font-weight: 400;

    border-radius: 14px !important;
    background: transparent;

    line-height: 1;
    white-space: nowrap;
}

/* ІКОНКИ — ключ до схожості */
.sm-badge__icon {
    width: 14px;
    height: 14px;

    stroke: currentColor;
    stroke-width: 1.6;

    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* HOT */
.sm-badge--hot {
    color: #F59E0B !important;
    border: 1px solid #F59E0B;
    background: rgba(245, 158, 11, 0.08) !important; /* дуже легкий фон */
}

/* NEW */
.sm-badge--new {
    color: #7C3AED !important;
    border: 1px solid #7C3AED;
    background: rgba(124, 58, 237, 0.08) !important;
}

/* SALE */
.sm-badge--sale {
    color: #EF4444 !important;
    border: 1px solid #EF4444;
    background: rgba(239, 68, 68, 0.08) !important;
}






/* ===== CAT + % (НЕ ЧІПАЄМО layout) ===== */
.sm-card__cat {
grid-column: 1 / -1; /* ключ */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ===== BODY ===== */
.sm-card__body {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  align-items: start;
}

/* ===== TITLE ===== */
.sm-card__title {
  grid-column: 1;

  margin: 2px 0 4px;

  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  color: #374151;
}

/* ===== PRICE ===== */
.sm-card__price {
  grid-column: 2;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

  gap: 2px;
  margin: 0;
}

/* внутрішній wrapper Woo */
.sm-card__price span[data-price-html] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* ===== УНІФІКАЦІЯ ДЛЯ ВСІХ ЦІН ===== */

/* і для ins (sale), і для звичайної */
.sm-card__price ins,
.sm-card__price > span {
  font-size: 13px;
  font-weight: 400;
}



/* ===== FIX WOOCOMMERCE ===== */

/* прибираємо знак ₴ */
.sm-card__price .woocommerce-Price-currencySymbol {
  display: none !important;
}

/* робимо одну строку */
.sm-card__price bdi {
  display: inline;

  white-space: nowrap;
  margin-right: 0 !important;

}

/* прибираємо переноси */
.sm-card__price br {
  display: none;
}

/* 🔥 СТАБІЛЬНЕ ДОДАВАННЯ грн */
.sm-card__price .woocommerce-Price-amount::after {
  content: " грн";
  margin-left: 2px;
}	

.sm-card__price .woocommerce-Price-amount {
  display: inline-flex !important;;
  align-items: baseline;
  gap: 2px;
}

.sm-card__price .woocommerce-Price-amount * {
  margin: 0 !important;
  padding: 0 !important;
}