/*-product card*/
		
	/* === Product card (final tuned) === */

	.link_to_open{
		cursor:pointer;
	}

	.product-card {
    width: 280px;
    height: 100%;
    flex-shrink: 0;

    background: #fff;
    border-radius: 12px;
    transition: transform .25s ease, box-shadow .25s ease;
}




	/* Terméknév – 2 sor hely */
	.product-title {
	  min-height: 42px;      /* kb 2 sor, állítható */
	  display: flex;
	  align-items: center;   /* függőlegesen középre teszi */
	  text-align: center;
	}


	.product-tile:hover {
	  transform: scale(1.02);
	  box-shadow: 0 6px 18px rgba(3, 71, 136, 0.25);
	}

	/* 🔹 Kép konténer – arányos, de nem túl magas */
	.image-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;  /* vagy 1/1, 16/9 – amit szeretnél */
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* NINCS height, NINCS overflow:hidden itt */
}



	/* 🔹 Kép és videó viselkedése */
	.image-wrapper img,
	.image-wrapper video {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		object-fit: contain;      /* a teljes kép belefér */
		object-position: center;

		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		backface-visibility: hidden;
		transition: transform 0.6s ease;
	}
	
	.image-wrapper img.img-fluid {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}




	




	/* 🔹 Tartalom */
/* Tartalom blokk: oszlop + gomb le az aljára */
.product-tile .p-3{
  min-height: 150px;            /* ez nálad eddig is cél volt */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;  /* ne középre, mert ugrál */
}

/* Cím: fix 2 sor hely + levágás */
.product-tile .p-3 > h6{
  line-height: 1.2em;
  min-height: calc(1.2em * 2);
  max-height: calc(1.2em * 2);
  overflow: hidden;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Gomb: mindig alul */
.product-tile .p-3 > .btn-simple-sm{
  margin-top: auto !important;
}


	.product-sec {
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;

	  overflow: hidden;
	  text-overflow: ellipsis;

	  line-height: 1.2rem;
	  min-height: calc(1.2rem * 2);   /* 2 sor */
	  max-height: calc(1.2rem * 2);
	  text-align: center;
	}

	.btn-product-outline {
		display: inline-block;
		padding: 4px 12px;
		font-size: 0.75rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.5px;

		color: #d62839;
		border: 1px solid #d62839;
		background: transparent;
		border-radius: 4px;

		transition: all 0.25s ease;
	}

	.btn-product-outline:hover {
		background: #d62839;
		color: #fff;
		box-shadow: 0 2px 10px rgba(214, 40, 57, 0.35);
	}


	/* --- WISHLIST ikon rejtése / megjelenítése a normál kártyákon --- */

	/* alapból rejtve */
	.product-card .wishlist-icon {
		opacity: 0;
		transition: opacity .25s ease;
	}

	/* hover esetén mutatjuk */
	.product-card:hover .wishlist-icon {
		opacity: 1;
	}

	/* ha a termék benne van a wishlistben → mindig látszik */
	.product-card .wishlist-icon.active {
		opacity: 1 !important;
	}



	/* 🔹 Csillag értékelés */
	.star-rating i {
	  color: #ccc;
	  font-size: 0.8rem;
	  margin: 0 1px;
	  transition: color 0.2s ease;
	}
	.star-rating i.selected {
	  color: #ffc107;
	}


	.manufacturer-logo {
		max-height: 30px;
		object-fit: contain;
	}


	.compact-thumb-wrapper {
		width: 100%;
		aspect-ratio: 1 / 1; /* négyzet */
		overflow: hidden;
		border-radius: 6px;
	}

	.compact-thumb {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	/*UJ CSS FOOLDALI CARDOK*/


	/* Kártya alap */
	.fp-card {
		width: 100%;
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 15px rgba(3, 71, 136, 0.12);
		display: flex;
		flex-direction: column;
		position: relative;
		height: 100%;
	}

	/* Jelölések */
	.fp-badges {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 5;
		display: flex;
		gap: 6px;
	}

	.badge-sale {
		background: #199588;
		color: #fff;
		padding: 3px 8px;
		border-radius: 4px;
		font-size: 11px;
		font-weight: 600;
	}

	/* Wishlist ikon */
	.fp-card .wishlist-icon {
		cursor: pointer;
		opacity: 0.6;
		transition: .3s;
	}

	.fp-card .wishlist-icon:hover,
	.fp-card .wishlist-icon.active {
		opacity: 1;
	}

	/* Képbox */
	.fp-thumb {
		width: 100%;
		height: 200px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.fp-thumb img,
	.fp-thumb video {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	/* Tartalom */
	.fp-body {
		padding: 15px;
		text-align: center;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.fp-title {
		font-size: 15px;
		font-weight: 600;
		color: #034788;
		margin-bottom: 12px;
		min-height: 38px;
	}

	.fp-title a {
		text-decoration: none;
		color: #034788;
	}

	.fp-btn {
		margin-top: auto;
		display: inline-block;
		padding: 6px 14px;
		background: #034788;
		color: #fff;
		border-radius: 6px;
		font-size: 13px;
		text-decoration: none;
		transition: 0.2s;
	}

	.fp-btn:hover {
		background: #022d58;
	}


	.fp-row {
		display: flex;
		gap: 20px;
	}

	.fp-row .product-card {
		flex: 1 1 calc(20% - 20px);
		min-width: 260px;
	}


/* ==== FEATURED PRODUCTS – SCOPED FIX ==== */

/* A teljes szekció kapjon kényelmes helyet alul */
#featured-products {
    position: relative;
    padding-bottom: 2rem !important;  /* extra hely a slider + pagination alatt */
}

/* A swiper engedje kilógni a lebegő kártyákat, és legyen nagyobb az alja */
#featured-products .featuredSwiper {
    position: relative;
    overflow: visible;
    padding-bottom: 3rem !important;  /* bullet + shadow + drag-hint miatt */
}

/* A slide magassága rugalmas, a kártya töltse ki */
#featured-products .swiper-slide {
    height: auto;
}
#featured-products .product-card {
    height: 100%;
}

/* ---- RÉGI HOVER HATÁSOK KIKAPCSOLÁSA CSAK ITT ---- */
#featured-products .product-card:hover {
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.10) !important;
}

/* ÚJ, finom hover a belső .product-tile-re */
#featured-products .product-tile {
    transition: transform .25s ease, box-shadow .25s ease;
}

#featured-products .product-tile:hover {
    transform: translateY(-8px); /* csak felfelé mozdul, nem nő lefele */
    box-shadow: 0 16px 30px rgba(0,0,0,0.20);
}