.bzk-sidebar .bzkshop-image,
.bzkshop-holder .bzkshop-header {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}

.bzkshop-holder .bzkshop-logo,
.bzkshop-holder .google-auto-placed,
.bzkshop-holder.template-box .bzkshop-description ul li:nth-child(n+5),
.hidden {
	display: none
}

.bzk_stars {
	margin: 10px 0 !important
}

.bzk_star {
	font-size: x-large;
	width: 20px;
	display: inline-block;
	color: #eaeaea
}

.bzk_star:last-child {
	margin-right: 0
}

.bzk_star:before {
	content: '\2605'
}

.bzk_star.on {
	color: gold
}

.bzk_star.half:after {
	content: '\2605';
	color: gold;
	position: absolute;
	margin-left: -17px;
	width: 9px;
	overflow: hidden
}

.bzkshop-holder {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden
}

.bzkshop-holder,
.bzkshop-holder * {
	box-sizing: border-box;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	box-shadow: none;
	color: rgba(0, 0, 0, .87);
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	max-width: 100%
}

.bzkshop-holder .bzkshop-list {
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	font-size: inherit;
	list-style: none;
	margin: 0 !important
}

.bzkshop-holder .bzkshop-item {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 0 0%;
	font-size: inherit;
	min-width: 12em;
	max-width: 100%;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	margin: .5em;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .125);
	flex-wrap: wrap;
	flex-direction: row;
	transition: transform .15s;
	box-shadow: 0px 0px 10px #ccc;
}

.bzkshop-holder .bzkshop-header {
	display: block;
	width: 100%;
	padding-top: 50%
}

.bzkshop-holder .bzkshop-content {
	display: block;
	width: 100%;
	flex: 1 1 auto;
	font-size: inherit;
	padding: .5em 1em 0
}

.bzkshop-holder .bzkshop-title {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	margin: .5em 0;
	line-height: 1.2em;
	max-height: 2.4em;
	overflow: hidden;
	letter-spacing: inherit;
	text-transform: inherit;
	font-style: inherit;
	color: #000
}

.bzkshop-holder .bzkshop-button:hover,
.bzkshop-holder .bzkshop-title:hover {
	opacity: .75
}

.bzkshop-holder .bzkshop-description {
	display: block;
	width: 100%;
	margin: .5em 0 0;
	font-size: 14px;
	line-height: 1.5em;
	max-height: 4.5em;
	overflow: hidden;
	font-size: 13px
}

.bzkshop-holder .bzkshop-footer {
	width: 100%;
	font-size: inherit;
	padding: 0 1em .5em;
	display: flex;
	margin-top: 5px
}

.bzkshop-holder .bzkshop-offer {
	display: block;
	width: 100%;
	font-size: inherit;
	margin: .5em 0 .75em;
	text-align: center
}

.bzkshop-holder .bzkshop-old-price {
	display: inline;
	text-decoration: line-through;
	font-size: .6em;
	color: #d11d1d
}

.bzkshop-holder .bzkshop-discount {
	position: absolute;
	top: -1px;
	right: -1px;
	font-weight: 700;
	color: #fff;
	background-color: #d11d1d;
	margin: 7px 0 0;
	padding: .3em .6em .3em .4em;
	font-size: 15px;
	font-style: italic
}

.bzkshop-holder .bzkshop-price {
	display: inline;
	font-weight: 700;
	font-size: .8em
}

.bzkshop-holder .bzkshop-button {
	display: block;
	max-width: 100%;
	border-radius: 25px;
	font-size: .7em;
	font-weight: 700;
	background-color: #ffdd4a;
	color: #000;
	margin: 7px auto;
	height: 32px;
	white-space: nowrap;
	padding: 7px 15px
}

.bzkshop-holder .bzkshop-button:before {
	content: attr(data-cta)
}

.bzkshop-holder.template-box .bzkshop-item {
	padding-top: 20px;
	padding-left: 10px
}

.template-box .bzkshop-list li:only-child .bzkshop-header {
	padding-top: 20%;
	flex: 0.5
}

.template-box .bzkshop-list li:only-child .bzkshop-content {
	flex: 1;
	padding: 0 1em
}

.template-box .bzkshop-list li:only-child .bzkshop-offer {
	margin: .5em;
	text-align: right
}

.template-box .bzkshop-list li:only-child .bzkshop-title {
	margin: 0 0 20px
}

.bzkshop-holder .bzkshop-item:focus,
.bzkshop-holder .bzkshop-item:hover {
	border-color: #007bff;
	outline: 0;
	transform: scale(1.03);
	box-shadow: 0 3px 3px rgb(100 100 100 / 40%);
	border: 1px solid rgba(0, 0, 0, .125)
}

@media screen and (max-width:555px) {
	.bzkshop-list li:nth-child(2n) {
		display: none
	}
}

.prime {
	background-size: 45px 14px;
	width: 45px;
	height: 14px;
	margin: 0;
	display: inline-block;
	background-image: url(../img/icon-check-prime@2x.png)
}

.bzkshop-holder.template-box .bzkshop-description {
	max-height: 100em;
	text-align: left
}

.bzkshop-holder.template-box .bzkshop-description li {
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.bzkshop-holder.template-box .bzkshop-description li::before {
	content: "•";
	padding-right: 10px;
	margin-left: -20px
}

.bzkshop-holder.template-box .bzkshop-header {
	background-position: top center
}

.bzk_table {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	align-items: stretch
}

.bzk_table_title {
	margin-left: 10px;
	font-weight: 700;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
	text-transform: uppercase
}

.bzk_table_col {
	margin: 7px;
	padding: 10px .5em 20px;
	-webkit-box-flex: 1;
	flex: 1 0 150px;
	border-radius: 5px;
	text-align: left
}

.pros {
	background-color: #ebf2f5
}

.cons {
	background-color: #faf0f0
}

.afxshop .afxshop-pros ul li:before,
.bzk_table .pros ul li:before {
	background: linear-gradient(#6eb340, #6eb340), linear-gradient(#6eb340, #6eb340), #fff;
	background-position: center;
	background-size: 50% 2px, 2px 50%;
	background-repeat: no-repeat;
	border: 2px solid #6eb340
}

.bzk_table * {
	list-style: none
}

.bzk_table ul {
	margin-left: 10px;
	padding: 0
}

.bzk_table ul li:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: linear-gradient(#e05c5c, #e05c5c), #fff;
	background-position: center;
	background-size: 50% 2px, 2px 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 3px 8px 4px 0;
	border-radius: 100%;
	position: static;
	border: 2px solid #e05c5c
}

.pros .bzk_table_title {
	color: #6eb340
}

.cons .bzk_table_title {
	color: #e05c5c
}

@media screen and (max-width:620px) {
	.template-box .bzkshop-list li:only-child .bzkshop-header {
		padding-top: 50%;
		flex: 1 1 100%
	}

	.bzkshop-description ul {
		margin: 0;
	}

	.bzkshop-holder .bzkshop-item {
		margin: .5em 0;
	}

	.bzk_table_col {
		margin: 7px 0;
	}
}

@media screen and (min-width:621px) {

	/*
	.bzkshop-holder.template-box .bzkshop-item{
			flex-wrap: nowrap;
	}
	*/
	.bzkshop-holder.template-box .bzkshop-header {
		padding-top: 20%;
	}
}

.bzk-sidebar-compact .bzk-sidebar-product:first-of-type {
	border-top: 1px dotted #ccc
}

.bzk-sidebar {
	padding: 3px 8px
}

.bzk-sidebar-compact .bzk-sidebar-product {
	border-bottom: 1px dotted #ccc;
	display: flex;
	cursor: pointer;
	padding: 14px 5px;
	position: relative
}

.bzk-sidebar-boxes .bzk-sidebar-product {
	border: 1px solid rgba(0, 0, 0, .1);
	display: flex;
	margin-bottom: 16px;
	border-radius: 5px;
	cursor: pointer;
	padding: 15px 5px;
	box-shadow: 0 2px 3px rgb(100 100 100 / 40%);
	transition: transform .15s;
	position: relative
}

.bzk-sidebar .bzk-sidebar-product .bzkshop-button {
	border-radius: 5px;
	height: auto;
	margin: auto;
	font-size: 1em;
	text-transform: lowercase;
	padding: 4px 8px
}

.bzk-sidebar .bzk-sidebar-product .bzkshop-footer {
	display: inline-flex;
	font-size: 12px;
	align-items: center;
	width: 100%
}

.bzk-sidebar-product-title {
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.bzk-sidebar .bzkshop-old-price {
	font-size: 1em
}

.bzk-sidebar .bzkshop-offer {
	text-align: left;
	margin: 0
}

.bzk-sidebar .bzkshop-price {
	font-size: 1.2em;
	font-weight: 700
}

.bzk-sidebar .bzkshop-discount {
	top: -3px;
	left: -1px;
	right: auto;
	font-size: 13px;
	padding: .3em;
	position: absolute
}

.bzk-sidebar .bzkshop-image,
.bzk-sidebar-compact .bzkshop-image {
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
	flex-shrink: 0;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #fff;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.bzk-sidebar .bzkshop-footer {
	margin: 0;
	padding: 0
}

.bzk-sidebar-product:focus,
.bzk-sidebar-product:hover {
	transform: scale(1.05);
}

.bzk-sidebar-product-title {
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.bzk-sidebar-product-title:before {
	content: attr(data-title);
}

.bzkshop-price {
	color: #d50010;
}

.bzkshop-holder .bzkshop-old-price {
	color: #c10000;
	opacity: 0.8;
}


.bzkshop-holder .bzk-table {
	padding: 20px
}

.bzk-table .bzk-table-product:last-of-type {
	border-bottom: 0;
}

.bzk-table .bzk-table-product {
	border-bottom: 1px dotted #ccc;
	display: flex;
	cursor: pointer;
	padding: 14px 5px;
	position: relative;
	border-radius: 10px;
}

.bzk-table .bzk-table-product .bzkshop-button {
	border-radius: 5px;
	height: auto;
	margin: auto;
	font-size: 1em;
	text-transform: lowercase;
	padding: 4px 8px
}

.bzk-table .bzk-table-product .bzkshop-footer {
	display: inline-flex;
	font-size: 12px;
	align-items: center;
	width: 100%
}

.bzk-table .bzkshop-old-price {
	font-size: 1em
}

.bzk-table .bzkshop-offer {
	text-align: left;
	margin: 0
}

.bzk-table .bzkshop-price {
	font-size: 1.2em;
	font-weight: 700
}

.bzk-table .bzkshop-discount {
	top: -3px;
	left: -1px;
	right: auto;
	font-size: 13px;
	padding: .3em;
	position: absolute
}

.bzk-table .bzkshop-image {
	width: 120px;
	height: 120px;
	background-color: #fff;
	padding: 5px;
	background-size: cover;
	border-radius: 5px;
	margin-left: 30px;
}

.bzk-table .bzkshop-footer {
	margin: 0;
	padding: 0
}

.bzk-table-product-title {
	font-size: 15px;
	font-weight: 400;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.bzk-table-product-title:before {
	content: attr(data-title);
}

.bzkshop-holder.bzk-table {
	counter-reset: product-counter;
	box-shadow: 0 0 20px #ccc;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
}

.bzk-table-product:focus,
.bzk-table-product:hover {
	background: #efefef;
}


.bzk-table .bzk-table-product::before {

	position: absolute;
	top: 60px;
	counter-increment: product-counter;
	content: "#" counter(product-counter);
	font-weight: bold;
	margin-right: 10px;
	color: #d11d1d;
	width: 30px;
	font-size: 20px;
}

.bzk-table .bzk-table-product:nth-child(1)::before {
	content: "🥇";
	color: gold;
	/* Vous pouvez ajuster la couleur si nécessaire */
	font-size: 30px;
	margin-left: -15px;
}

.bzk-table .bzk-table-product:nth-child(2)::before {
	content: "🥈";
	color: silver;
	/* Vous pouvez ajuster la couleur si nécessaire */
	font-size: 30px;
	margin-left: -15px;
}

.bzk-table .bzk-table-product:nth-child(3)::before {
	content: "🥉";
	color: bronze;
	/* Vous pouvez ajuster la couleur si nécessaire */
	font-size: 30px;
	margin-left: -15px;
}

.bzkshop-header-raw {
	display: block;
	margin: 0 auto;
	padding: 0 !important;
	box-shadow: none !important;
	border: 0 !important;
	max-height: 50%;
	max-width: 200px;
	max-height: 200px;
}

.bzkshop-header-raw-sidebar {
	width: 60px;
	/*height:60px;*/
	border-radius: 5px;
	background-color: #fff;
	padding: 5px;
}

.bzkshop-table-image {
	max-width: 120px;
	max-height: 120px;
	background-color: #fff;
	padding: 0px !important;
	background-size: cover;
	border-radius: 5px;
	margin-left: 30px;
	border: 0 !important;
	box-shadow: none !important;
}


/* Variables */

:root {
	--bzk_rating-size: 7rem;
	--bar-size: 1rem;
	--background-color: #e7f2fa;
	--bzk_rating-color-default: #2980b9;
	--bzk_rating-color-background: #c7e1f3;
	--bzk_rating-color-good: #27ae60;
	--bzk_rating-color-meh: #f1c40f;
	--bzk_rating-color-bad: #e74c3c;
}

/*.bzk_rating item */
.bzk_rating {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	overflow: hidden;

	background: var(--bzk_rating-color-default);
	color: var(--bzk_rating-color-default);
	width: var(--bzk_rating-size);
	height: var(--bzk_rating-size);

	/* Basic style for the text */
	font-size: calc(var(--bzk_rating-size) / 3);
	line-height: 1;
}

/*.bzk_rating circle content */
.bzk_rating span {
	position: relative;
	display: flex;
	font-weight: bold;
	z-index: 2;
}

.bzk_rating span small {
	font-size: 0.5em;
	font-weight: 900;
	align-self: center;
}

/* Bar mask, creates an inner circle with the same color as thee background */
.bzk_rating::after {
	content: "";
	position: absolute;
	inset: var(--bar-size);
	background: var(--background-color);
	border-radius: inherit;
	z-index: 1;
}

/* Bar background */
.bzk_rating::before {
	content: "";
	position: absolute;
	inset: var(--bar-size);
	border-radius: inherit;
	box-shadow: 0 0 0 1rem var(--bzk_rating-color-background);
	z-index: -1;
}

/* Classes to give different colors to.bzk_ratings, based on their score */
.bzk_rating.good {
	background: var(--bzk_rating-color-good);
	color: var(--bzk_rating-color-good);
}

.bzk_rating.meh {
	background: var(--bzk_rating-color-meh);
	color: var(--bzk_rating-color-meh);
}

.bzk_rating.bad {
	background: var(--bzk_rating-color-bad);
	color: var(--bzk_rating-color-bad);
}

.bzk_product_name {
	color: #000;
	font-weight: bold;
	font-size: 30px;
}

.bzk_rating_container {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	/* Adjust the gap between columns as needed */
	margin: 20px 0;
}

.bzk_product_name {
	flex: 1;
	/* This will allow the product name to take available space */
}

.bzk_rating {
	flex: 0 0 auto;
	/* This keeps the rating at its intrinsic width */
}

/* ============================================
   BZK-TABLE TEMPLATE - Style amélioré
   ============================================ */

/* Description dans bzk-table - limitée à 3 lignes */
.bzk-table .bzkshop-table-element [itemprop="description"],
.bzk-table .bzkshop-table-element .bzkshop-description {
	font-size: 13px;
	line-height: 1.5em;
	color: #555;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 4.5em;
	/* 3 lignes * 1.5em */
}

/* Conteneur élément texte */
.bzk-table .bzkshop-table-element {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* Zone prix améliorée */
.bzk-table .bzkshop-table-element [itemprop="offers"] {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* Prix barré (ancien prix) - span sans itemprop dans offers */
.bzk-table .bzkshop-table-element [itemprop="offers"]>span.no_ads:not([itemprop]) {
	text-decoration: line-through;
	color: #999;
	font-size: 14px;
}

/* Prix actuel */
.bzk-table .bzkshop-table-element [itemprop="price"] {
	font-size: 18px;
	font-weight: 700;
	color: #d50010;
}

/* Badge réduction repositionné */
.bzk-table .bzk-table-product>span.no_ads:not([itemprop]) {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #d11d1d;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 4px;
	z-index: 5;
}

/* Titre produit amélioré */
.bzk-table .bzk-table-product-title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4em;
	color: #222;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Image produit */
.bzk-table .bzkshop-table-image {
	width: 120px;
	min-width: 120px;
	height: 120px;
	object-fit: contain;
	background: #fff;
	border-radius: 8px;
	margin-left: 35px;
	border: 1px solid #eee !important;
	box-shadow: none !important;
	padding: 5px !important;
}

/* Espacement produit */
.bzk-table .bzk-table-product {
	padding: 15px 10px 15px 5px;
	align-items: flex-start;
	gap: 10px;
	transition: background-color 0.2s ease;
}

/* Masquer les éléments schema inutiles visuellement */
.bzk-table .bzk-table-product>meta,
.bzk-table .bzk-table-product>link,
.bzk-table .bzk-table-product>span[itemprop="aggregateRating"] {
	display: none;
}

/* Responsive mobile */
@media screen and (max-width: 600px) {
	.bzk-table .bzk-table-product {
		flex-wrap: wrap;
	}

	.bzk-table .bzkshop-table-image {
		width: 80px;
		min-width: 80px;
		height: 80px;
		margin-left: 25px;
	}

	.bzk-table .bzkshop-table-element {
		flex: 1 1 100%;
		padding-left: 0 !important;
		margin-top: 10px;
	}

	.bzk-table .bzk-table-product::before {
		top: 30px;
		font-size: 16px;
	}

	.bzk-table .bzk-table-product:nth-child(1)::before,
	.bzk-table .bzk-table-product:nth-child(2)::before,
	.bzk-table .bzk-table-product:nth-child(3)::before {
		font-size: 24px;
		margin-left: -10px;
	}

	.bzk-table .bzkshop-table-element [itemprop="description"],
	.bzk-table .bzkshop-table-element .bzkshop-description {
		-webkit-line-clamp: 2;
		max-height: 3em;
	}
}

/* ============================================
   Hack CSS pour masquer les balises <p> et <br> parasites ajoutées par wpautop
   ============================================ */

/* Masquer les <p> vides */
.bzkshop-holder p:empty,
.bzkshop-list p:empty,
.bzkshop-item p:empty {
	display: none !important;
}

.bzkshop-holder .bzkshop-content > p:empty,
.bzkshop-holder .bzkshop-footer > p:empty,
.bzkshop-holder .bzkshop-offer > p:empty {
	display: none !important;
}

.bzkshop-holder .bzkshop-item > p:empty,
.bzkshop-list .bzkshop-item > p:empty {
	display: none !important;
}

/* Masquer les <p> qui suivent .bzkshop-content ou .bzkshop-footer */
.bzkshop-holder .bzkshop-content + p,
.bzkshop-holder .bzkshop-footer + p {
	display: none !important;
}

/* Afficher en inline les spans de prix dans les <p> */
.bzkshop-holder p > span.bzkshop-price,
.bzkshop-holder p > span.bzkshop-old-price,
.bzkshop-holder p > span.bzkshop-discount,
.bzkshop-item p > span.bzkshop-price,
.bzkshop-item p > span.bzkshop-old-price,
.bzkshop-item p > span.bzkshop-discount {
	display: inline;
}

/* Rendre les <p> dans .bzkshop-offer inline */
.bzkshop-holder .bzkshop-offer > p {
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	line-height: 1 !important;
}

/* Masquer les <br> parasites */
.bzkshop-holder .bzkshop-price br,
.bzkshop-holder .bzkshop-old-price br,
.bzkshop-holder .bzkshop-discount br,
.bzkshop-holder .bzkshop-offer br,
.bzkshop-holder .bzkshop-content br,
.bzkshop-holder .bzkshop-footer br,
.bzkshop-item .bzkshop-price br,
.bzkshop-item .bzkshop-old-price br,
.bzkshop-item .bzkshop-discount br,
.bzkshop-item p br,
.bzkshop-list p br {
	display: none !important;
}

/* Règles supplémentaires pour cibler directement .bzkshop-list et .bzkshop-item */
.bzkshop-list .bzkshop-item > p:empty,
.bzkshop-item > p:empty {
	display: none !important;
}

.bzkshop-list p:empty,
.bzkshop-item p:empty {
	display: none !important;
}

/* ============================================
   Règles pour structure HTML cassée par wpautop
   Quand les <p> sont directement dans .bzkshop-item sans .bzkshop-content/.bzkshop-footer
   ============================================ */

/* Réafficher et styler les <p> directement dans .bzkshop-item quand la structure est cassée */
/* Premier <p> = titre (style .bzkshop-title) */
.bzkshop-item > p:first-of-type {
	display: block !important;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	margin: .5em 0;
	line-height: 1.2em;
	max-height: 2.4em;
	overflow: hidden;
	color: #000;
}

/* Deuxième <p> = description (style .bzkshop-description) */
.bzkshop-item > p:nth-of-type(2) {
	display: block !important;
	width: 100%;
	margin: .5em 0 0;
	font-size: 13px;
	line-height: 1.5em;
	max-height: 4.5em;
	overflow: hidden;
}

/* 3ème <p> et suivants = prix (style .bzkshop-price) */
.bzkshop-item > p:nth-of-type(n+3) {
	display: inline !important;
	font-weight: 700;
	font-size: .8em;
	margin: 0 .2em;
	vertical-align: middle;
}

/* Masquer les <br> dans tous les <p> de .bzkshop-item */
.bzkshop-item p br {
	display: none !important;
}

/* Si la structure normale existe (.bzkshop-content), les règles ci-dessus ne s'appliquent pas car .bzkshop-content a sa propre structure */

/* Règles pour .bzkshop-list qui fonctionnent même sans .bzkshop-holder */
.bzkshop-list .bzkshop-item > p {
	display: none !important;
}

.bzkshop-list p br {
	display: none !important;
}

/* Masquer les <p> directement dans .bzkshop-list */
.bzkshop-list > p {
	display: none !important;
}
/* ========== Ancien styles2.css ========== */
/**
 * styles2.css â€“ Templates box supplÃ©mentaires (style-5 Ã  style-8)
 * + IntÃ©gration des styles newstyles.css : New Grid, Mini Grid, Grid Deal, Box 1â€“4, Mini Box 1â€“4, responsive.
 * Utilisation : [bzkshopping template="box" bzkstyle="style-5" count=2 â€¦]
 * MÃªme structure que style-1 Ã  style-4, variantes visuelles.
 */

/* Utilitaire hauteur (override inline / thÃ¨me) */
.height-auto {
	height: auto !important;
}

/**********************
 * Box â€“ STYLE 5 (bleu nuit / sombre)
 **********************/
.bzkshop--box-style5 .bzkshop-list { padding: 30px 0; }

.bzkshop--box-style5.bzkshop .bzkshop-item {
	border-radius: 12px;
	border: 1px solid #1e3a5f;
	box-shadow: 0 10px 30px rgba(15, 35, 60, 0.35);
	background: linear-gradient(145deg, #1a2f4a 0%, #0f1c2e 100%);
	padding: 0;
	margin-bottom: 1.5em;
}

.bzkshop--box-style5 .bzkshop-logo {
	width: 90px;
	height: 26px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 0.1em 0.5em auto;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.12);
}

.bzkshop--box-style5 .bzkshop-header {
	padding: 0 5%;
	background: rgba(30, 58, 95, 0.6);
	border-radius: 12px 0 0 12px;
}

.bzkshop--box-style5 .bzkshop-content {
	padding: 0.5em 1.5em;
	border-left: 1px solid #2a4a6f;
}

.bzkshop--box-style5 .bzkshop-image img { border-radius: 8px; }
.bzkshop--box-style5.bzkshop .bzkshop-image {
	padding: 5%;
	background-color: rgba(20, 40, 65, 0.5);
	justify-content: center;
}

.bzkshop--box-style5 .bzkshop-title {
	padding-right: 8em;
	color: #7eb8e6;
	font-size: 1.2em;
	font-weight: 600;
}

.bzkshop--box-style5 .bzkshop-description {
	padding-right: 8em;
	color: rgba(255, 255, 255, 0.75);
}

.bzkshop--box-style5.bzkshop .bzkshop-discount {
	color: #fff;
	left: 1em;
	border-radius: 5px;
	position: absolute;
	top: 1em;
	font-size: 0.8em;
	padding: 0.5em 1em;
	background: #2563eb;
	border: none;
}

.bzkshop--box-style5 .bzkshop-button {
	position: absolute;
	right: 25px;
	bottom: 25px;
	background: linear-gradient(135deg, #2563eb, #1d4ed8);
	border-radius: 8px;
}

/**********************
 * Box â€“ STYLE 6 (orange / ambre)
 **********************/
.bzkshop--box-style6 .bzkshop-list { padding: 30px 0; }

.bzkshop--box-style6.bzkshop .bzkshop-item {
	border-radius: 16px;
	border: 1px solid #e5a84a;
	box-shadow: 0 8px 24px rgba(234, 88, 12, 0.15);
	background-color: #fffbeb;
	padding: 0;
	margin-bottom: 1.5em;
}

.bzkshop--box-style6 .bzkshop-logo {
	position: absolute;
	left: 1.3em;
	top: 1em;
	background-color: #fff;
	width: 100px;
	height: 30px;
	border-radius: 8px;
	background-size: contain;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.bzkshop--box-style6 .bzkshop-header {
	padding: 0 5%;
	background: linear-gradient(135deg, #f59e0b, #ea580c);
	border-radius: 16px 0 0 16px;
}

.bzkshop--box-style6 .bzkshop-content {
	padding: 0.5em 1.5em;
	border-left: 1px solid #e5a84a;
}

.bzkshop--box-style6 .bzkshop-image img { border-radius: 12px; }
.bzkshop--box-style6.bzkshop .bzkshop-image {
	padding: 5%;
	justify-content: center;
	background-color: #fff;
}

.bzkshop--box-style6 .bzkshop-title {
	padding-right: 8em;
	color: #92400e;
	font-size: 1em;
	font-weight: 600;
}

.bzkshop--box-style6 .bzkshop-description { padding-right: 8em; }

.bzkshop--box-style6.bzkshop .bzkshop-discount {
	top: 1em;
	right: 1em;
	border-radius: 8px;
	color: #fff;
	border: none;
	background: #dc2626;
	left: inherit;
	padding: 0.5em 0.8em;
	font-size: 0.9em;
	font-weight: 600;
}

.bzkshop--box-style6 .bzkshop-button {
	position: absolute;
	right: 25px;
	bottom: 25px;
	background: linear-gradient(135deg, #f59e0b, #d97706);
	border-radius: 12px;
}

/**********************
 * Box â€“ STYLE 7 (minimaliste gris)
 **********************/
.bzkshop--box-style7 .bzkshop-list { padding: 30px 0; }

.bzkshop--box-style7.bzkshop .bzkshop-item {
	max-width: 85% !important;
	border-radius: 6px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	background-color: #fff;
	padding: 0;
	margin-bottom: 1.5em;
}

.bzkshop--box-style7 .bzkshop-logo {
	width: 90px;
	height: 26px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 0.1em 0.5em auto;
	border-radius: 4px;
	background-color: #f9fafb;
}

.bzkshop--box-style7 .bzkshop-header {
	padding: 0 5%;
	background-color: #f3f4f6;
	border-radius: 6px 0 0 6px;
}

.bzkshop--box-style7 .bzkshop-content {
	padding: 0.5em 1.5em;
	border-left: 1px solid #e5e7eb;
}

.bzkshop--box-style7 .bzkshop-image img { border-radius: 4px; }
.bzkshop--box-style7.bzkshop .bzkshop-image {
	padding: 5%;
	justify-content: center;
	background-color: #fff;
}

.bzkshop--box-style7 .bzkshop-title {
	padding-right: 8em;
	color: #374151;
	font-size: 1em;
	font-weight: 600;
}

.bzkshop--box-style7 .bzkshop-description {
	padding-right: 8em;
	color: #6b7280;
}

.bzkshop--box-style7.bzkshop .bzkshop-discount {
	border-radius: 4px;
	background: #6b7280;
	color: #fff;
	border: none;
	font-size: 0.8em;
	padding: 0.4em 0.8em;
	left: 1em;
	top: 1em;
	position: absolute;
}

.bzkshop--box-style7 .bzkshop-button {
	position: absolute;
	right: 25px;
	bottom: 25px;
	background-color: #374151;
	border-radius: 6px;
}

/**********************
 * Box â€“ STYLE 8 (vert forÃªt)
 **********************/
.bzkshop--box-style8 .bzkshop-list { padding: 30px 0; }

.bzkshop--box-style8.bzkshop .bzkshop-item {
	max-width: 85% !important;
	border-radius: 18px;
	border: none;
	box-shadow: 0 10px 25px rgba(22, 101, 52, 0.12);
	background: linear-gradient(160deg, #f0fdf4 0%, #dcfce7 100%);
	padding: 0;
	margin-bottom: 1.5em;
}

.bzkshop--box-style8 .bzkshop-logo {
	position: absolute;
	right: 1.5em;
	bottom: 1.5em;
	width: 100px;
	height: 30px;
	border-radius: 8px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(255, 255, 255, 0.9);
}

.bzkshop--box-style8 .bzkshop-header {
	padding: 0 5%;
	background: linear-gradient(135deg, #166534, #15803d);
	border-radius: 18px 0 0 18px;
}

.bzkshop--box-style8 .bzkshop-content {
	padding: 0.5em 1.5em;
}

.bzkshop--box-style8 .bzkshop-image img { border-radius: 999px; }
.bzkshop--box-style8.bzkshop .bzkshop-image {
	padding: 5%;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.6);
}

.bzkshop--box-style8 .bzkshop-title {
	padding-right: 1em;
	color: #14532d;
	font-size: 1em;
	font-weight: 600;
}

.bzkshop--box-style8 .bzkshop-description { display: none; }

.bzkshop--box-style8.bzkshop .bzkshop-discount {
	color: #fff;
	border-radius: 99px;
	position: absolute;
	top: 1em;
	left: 1em;
	font-size: 0.8em;
	padding: 0.5em 1em;
	background: #16a34a;
	border: none;
}

.bzkshop--box-style8 .bzkshop-button {
	background: linear-gradient(90deg, #16a34a, #22c55e);
	border-radius: 999px;
}

/**********************
 * Responsive â€“ style-5 Ã  style-8 (mÃªme logique que style-1 Ã  4)
 **********************/
@media (max-width: 768px) {
	[class*="bzkshop--box-style"].bzkshop .bzkshop-item {
		flex-direction: column !important;
		max-width: 85% !important;
	}

	[class*="bzkshop--box-style"] .bzkshop-header {
		border-radius: 10px 10px 0 0 !important;
		width: 100%;
	}

	[class*="bzkshop--box-style"] .bzkshop-content {
		border-left: none !important;
		padding: 1em !important;
	}

	[class*="bzkshop--box-style"] .bzkshop-title,
	[class*="bzkshop--box-style"] .bzkshop-description {
		padding-right: 0 !important;
	}

	.bzkshop--box-style5 .bzkshop-button,
	.bzkshop--box-style6 .bzkshop-button,
	.bzkshop--box-style7 .bzkshop-button {
		position: static !important;
		margin: 1em auto !important;
		width: auto;
	}

	.bzkshop--box-style6 .bzkshop-logo {
		position: static !important;
		margin: 0 0 8px 0;
	}

	.bzkshop--box-style8 .bzkshop-logo {
		position: static !important;
		margin: 8px auto 0;
	}
}


/**************************************
 * Extrait newstyles.css
 **************************************/

/**************************************
 * 
 * NEW GRID â€“ BAZOOKA NEW STYLE 1
 * 
 * 
 * 
 **************************************/

 .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  
}
.bzkshop--newgrid-style1.bzkshop{
	padding: 10px;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item {
    background: #f3f5f5;
    border-radius: 20px;
    padding: 20px;	
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
   transition: transform 0.3s ease, box-shadow 0.2s ease;
	border: 0px !important;
}

.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-8px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12);
	
}

/**********************
 * LOGO â€“ POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo {
   position: absolute;
    top: -13em;
    right: -1px;
    width: 90px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0 0 0 8px;
    background-color: #fff;
    z-index: 5;
	padding: 0;
	margin-top:0;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-image {
    padding: 10px;
    background: #fff;
    display: block;
	border-radius: 15px;
  
}
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 15px !important;
   min-height: 210px;
   max-height: 210px;
}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content {
    position: relative;
    margin-bottom: 16px;
	text-align: left !important;
	padding:0px;
}

.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;   
}

.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-description {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: left !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
    /*height: auto !important;*/
}

.bzkshop--newgrid-style1.bzkshop-grid  .bzkshop-footer {padding: 0;}
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-price {   
    font-weight: 700;
    color: #111;
	display: inline-flex;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style1.bzkshop .bzkshop-discount{
    width: 55px;
    height: 55px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #fff;
    border: 2px solid #3298a3;
    color: #3298a3;
    font-weight: 700;
    right: 0;
    top: 27.5em;
    margin-right: 20px;
    padding: 10px;
	font-size: 0.8em;
}

/**********************
 * CTA
 **********************/
.bzkshop--newgrid-style1.bzkshop .bzkshop-button {
	border-radius: 5px;
	font-weight:500;
	max-width:100%;
	font-size: 0.9em;
  text-transform: uppercase;
}

/********************************
 * 
 * NEW GRID - BAZOOKA NEW STYLE2
 *
 * 
 * 
 *********************************/

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));  
}
.bzkshop--newgrid-style2.bzkshop{
	padding: 10px;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item {
    background: #f8f1f0;
    border-radius: 20px;
    padding: 20px;	
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: 0px !important;
}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12);
	
}

/**********************
 * LOGO â€“ POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo {
   
    width: 90px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    background-color: #fff;
    z-index: 5;
	padding: 0;
	margin-top:10px;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-image {
    padding: 10px;
    display: block;
	border-radius: 999px;
}
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 999px !important;
    height: 210px; 
    max-height: 210px;
    max-width: 210px !important;
    border: solid #fff 8px; 
}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content {
    position: relative;
    margin-bottom: 16px;
	text-align: left !important;
	padding:0px;
}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;
    color: #f55543;
}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-description {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: left !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
   
}

.bzkshop--newgrid-style2.bzkshop-grid  .bzkshop-footer {padding: 0;}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-price {
      font-weight: 700;
    color: #111;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style2.bzkshop .bzkshop-discount{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #f55543;
    border: 2px solid #f55543;
    color: #fff;
    font-weight: 700;
    right: 0px;
    top: 20px;
    margin-right: 20px;
    padding: 10px;
	font-size: 0.8em;
}
    

/**********************
 * BUTTON
 **********************/
.bzkshop--newgrid-style2.bzkshop .bzkshop-button {
	border-radius: 50px;
	font-weight:500;
	max-width:100%;
	font-size: 0.9em;
  text-transform: uppercase;
	background-color : #f55543;
}
/**************************************
 * 
 * 
 * NEW GRID â€“ BAZOOKA NEW STYLE3
 * 
 * 
 * 
 **************************************/

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   }
.bzkshop--newgrid-style3.bzkshop{
	padding: 10px !important;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item {
    background: #fff;
    border-radius: 20px;
    padding: 0;	
    box-shadow: 0px 0px 20px rgba(0, 132, 255, 0.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.25s, box-shadow 0.2s;
	border: 1px solid #ddd;
}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item:hover {
   transform: scale(1.03);
    box-shadow: 5px 10px 20px rgba(0, 132, 255, 0.2);
}


/**********************
 * LOGO â€“ POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo {
    position: absolute;
    top: -1.6em; 
    width: 110px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px;
    background-color: #fff;
    z-index: 5;
	padding: 5px;
	margin-top:0;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-image {
  padding: 0;
  background: #fff;
  display: block;
	border-radius: 20px 20px 0 0;
  min-height: 210px;
   max-height: 210px;
			
}
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 20px 20px 0 0 ;
	min-height: 210px;
   max-height: 210px;

}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content {
  position: relative;
  margin-bottom: 10px;
	text-align: center !important;
	padding:10px 20px;
}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;
    color: #0084ff;
}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-description {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: center !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
   /* height: auto !important;*/
}

.bzkshop--newgrid-style3.bzkshop-grid  .bzkshop-footer {padding: 0;}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-price {
    font-weight: 700;
    color: #00274c;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style3.bzkshop .bzkshop-discount{
	border-color: #0084ff;
    background-color: #0084ff;
    color: #fff;
    border-radius: 10px;
    font-size: 1em;
    padding: 0.25em;
}

/**********************
 * BUTTON
 **********************/
.bzkshop--newgrid-style3.bzkshop .bzkshop-button {
	border-radius: 0 0 20px 20px;
	font-weight:500;
	max-width:100%;
	font-size: 0.9em;
  text-transform: uppercase;
	background-color : #0084ff;
	margin: 0 auto;
	padding: 0.8em;
}

/**************************************
 * 
 * NEW GRID â€“ BAZOOKA NEW STYLE 4
 * 
 * 
 * 
 **************************************/
 /********* GRID *********/
.bzkshop--newgrid-style4.bzkshop {
	padding: 10px;
}

/********* LISTE *********/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item {
    
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.2s ease;
	border: 1px solid #ddd;
}

.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-8px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12);
	
}
/**********************
 * HEADER * 
 **********************/
/*.bzkshop--newgrid-style4 .bzkshop-header {    margin-top: 2.5em;
}*/

/**********************
 * LOGO â€“ POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo {
   position: absolute;
    top: -14em !important;
    right: 5px;
    width: 90px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    background-color: #fff;
    z-index: 5;
	padding: 0;
	margin-top:0;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-image {
    padding: 10px;
    background: #fff;
    display: block;
	border-radius: 15px;
	margin-top : 30px; 
   
			
}
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 15px !important;
	min-height: 210px;
  	max-height: 210px;
}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content {
    position: relative;
    margin-bottom: 16px;
	padding:0px;
}

.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;
    color: #111111;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-offer {
    display: block !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
    
}

.bzkshop--newgrid-style4.bzkshop-grid  .bzkshop-footer {padding: 0;}

.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-price {
    font-weight: 700;
    color: #111;
 display: inline-flex;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style4.bzkshop .bzkshop-discount{
    left: 1em;
    top: 1em;
    right: inherit;
    width: 55px;
    height: 55px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
   background: #7a9282;
    border: 2px solid #7a9282;
    color: #fff;
    font-weight: 700;
    margin-right: 20px;
    padding: 10px;
	font-size: 0.8em;
	bottom: 0;
	}


/**********************
 * BUTTON
 **********************/
.bzkshop--newgrid-style4.bzkshop .bzkshop-button {
	border-radius: 5px;
	font-weight:500;
	max-width:80%;
	font-size: 0.9em;
  text-transform: uppercase;
	background:linear-gradient(90deg, #7a9282, #9eb5a5);
}

/*********************************
 * 
 * 
 * MINI GRID NEW STYLE 1 â€“ BAZOOKA
 *
 * 
 * 
 *********************************/
.bzkshop--minigrid-style1.mini-grid {padding: 20px 0;}

/********* LISTE *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    /* PAS DE GRID â†’ tu conserves ta largeur 18% */
    display: block;
}

/********* CARD *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item {
    background: #f4f4f4;
    border-radius: 20px;
    padding: 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	margin: 0.9em;
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.15);
}

/********* LOGO *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo {
    
    width: 80px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 6px;
    background-color: #ffffff; 
}   
   

/********* IMAGE  *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fff;
	border-radius: 999px;
	height: 180px;   
    width: 180px;
   
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image img {
     border-radius: 999px; 
     object-fit: contain;
    
}

/********* CONTENU  *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content {
    text-align: center !important;
    margin-top: 10px;
}

/********* TITRE *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title {
    font-size: 1.3em;
    line-height: 1.35;
    font-weight: 600;
    color: #222222;
    margin: 0 0 6px 0;
    text-align: center !important;
}

/********* DESCRIPTION *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-description {
    font-size: 1em;
    color: #555555;
    margin: 0 0 10px 0;
    text-align: center !important;
}

/********* PRIX  *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: center !important;
    justify-content: unset !important;
    align-items: unset !important;
    /*height: auto !important;*/
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111111;
    margin-bottom: 8px;
}

/********* CTA *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button {
    display: inline-block;
	width:100%;
    padding: 10px;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: center;
	 background: linear-gradient(90deg, #8a6ff8, #53b7ff);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: filter .2s ease, transform .2s ease;
	
} 
   
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.06);
	transform: translateY(-1px);
}


/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style1.bzkshop .bzkshop-discount{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #54b6ff;
    border: 2px solid #54b6ff;
    color: #fff;
    font-weight: 700;
    right: 0px;
    top: 10px;
    margin-right: 20px;
    padding: 10px;
    font-size: 1.09em;    
}

/*********************************
 * 
 * 
 * MINI GRID NEW STYLE 2 â€“ BAZOOKA
 * 
 * 
 * 
 *********************************/

.bzkshop--minigrid-style2.mini-grid {padding: 20px 0;}


/********* LISTE *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-list 
{
    list-style: none;
    margin: 0;
    padding: 0;
    /* PAS DE GRID â†’ tu conserves ta largeur 18% */
    display: block;
}

/********* CARD *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item {
    background: #ffffff;
    border-radius: 5px;
    padding: 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	margin: 0.9em;
}

.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

/********* LOGO *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo {
  	width: 80px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 6px;
    background-color: #ffffff;
 }   
   
/********* IMAGE  *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
		background-color:#fff;
		 border-radius: 5px;	 
}
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image img {
    max-width: 100%;
    border-radius: 5px;
box-shadow: 1px 1px 12px rgba(0,0,0,0.21);	
}

/********* CONTENU  *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content {
    text-align: center !important;
    margin-top: 10px;
}

/********* TITRE *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title {
    font-size: 1.3em;
    line-height: 1.35;
    font-weight: 600;
    color: #222222;
    margin: 0 0 6px 0;
    text-align: center !important;
}

/********* DESCRIPTION *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-description {
    font-size: 1em;
    color: #555555;
    margin: 0 0 10px 0;
    text-align: center !important;
}
/********* PRIX  *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: center !important;
    justify-content: unset !important;
    align-items: unset !important;
    /*height: auto !important;*/
}
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111111;
    margin-bottom: 8px;
}
/********* CTA *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button {
    display: inline-block;
	width:100%;
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: center;
	  background: #f68a29;
   
    transition: filter .2s ease, transform .2s ease;
	} 
   .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.06);
	transform: translateY(-1px);
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style2.bzkshop .bzkshop-discount{
    border-color: #9957d7;
    background-color: #9957d7;
    color: #fff;
    border-radius: 3px;
}

/*********************************
 *
 * MINI GRID â€“ NEW STYLE 3
 * 
 *
 *********************************/

/**********************
 * GRID
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid {
    background: #e7ebf2;
    border-radius: 24px;    
    padding: 24px; 
	max-width: 70%;
    margin: 20px auto;
}

/**********************
 * LIST
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item {
    max-width: none !important;
	box-shadow:none;
	border:none;
    padding: 10px 24px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;   /* TOUT en colonne */
    align-items: center !important;
    border-right: 2px solid #fff;
    background: transparent;
    border-radius: 0;
}

 .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child {
    border-right: none;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header,
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content,
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/**********************
 * IMAGE RONDE
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image {
       
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 180px;
    width: 180px;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img {
    border-radius: 999px;
    object-fit: contain;
	border: 10px solid #f4f7fb;
}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo {
    width: 80px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 6px;
    background-color: #ffffff;
}

/**********************
 * TITRE
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content {
    position: relative;
    text-align: center;
    padding: 0;
    margin-bottom: 8px;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.2em;
}

.bzkshop--minigrid-style3 .bzkshop-description {
font-size:1em;
}
/**********************
 * PRIX
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer {
    padding: 8px 0 0 0;
    gap: 8px;
}

/* Prix au centre, en bloc, pas en colonne flex */
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer {
    display: block !important;
    width: 100%;
    text-align: center !important;
    align-items: unset !important;
    justify-content: unset !important;
   /* height: auto !important;*/
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/**********************
 * BOUTON 
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button {
    background: #8a4ceb;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.03em;
    max-width: 100%;
    display: inline-block;
    transition: all 0.2s ease;
    margin: 0 auto;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style3.bzkshop .bzkshop-discount{
	width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #8a4ceb;
    border: 2px solid #8a4ceb;
    color: #fff;
    font-weight: 700;
    right: 0;
    top: 10px;
    margin-right: 20px;
    padding: 10px;
    font-size: 1.09em;
}


/*********************************
 *
 *
 * MINI GRID â€“ NEW STYLE 4
 * 
 *
 *
 *********************************/

/* Conteneur global : grande box blanche avec arrondis + ombre */

.bzkshop--minigrid-style4.bzkshop-grid {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    padding: 24px; 
	max-width: 70%;
    margin: 20px auto;
}

/* Les 3 cards cÃ´te Ã  cÃ´te */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

/* CARD : forcer la colonne */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item {
    max-width: none !important;
	box-shadow:none;
	border:none;
	/* override du 18% inline */
    flex: 1 1 0;
    padding: 10px 24px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;   /* TOUT en colonne */
    align-items: center !important;
    border-right: 1px solid #ddd;
    background: transparent;
    border-radius: 0;
}

/* Pas de trait sur la derniÃ¨re card */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child {
    border-right: none;
}

/* Pour Ãªtre sÃ»r : header/content/footer en colonne et centrÃ©s */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header,
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content,
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/**********************
 * IMAGE 
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
    padding: 0;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img {
  
    border-radius: 5px;
    object-fit: contain;
	}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo {
    width: 80px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}

/**********************
 * TITRE 
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content {
    position: relative;
    text-align: center;
    padding: 0;
    margin-bottom: 8px;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
   line-height: 1.2;
}

.bzkshop--minigrid-style4 .bzkshop-description {
font-size : 1em;
}

/**********************
 * PRIX
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer {
    padding: 8px 0 0 0;
    gap: 8px;
}

/* Prix au centre, en bloc, pas en colonne flex */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer {
    display: block !important;
    width: 100%;
    text-align: center !important;
    align-items: unset !important;
    justify-content: unset !important;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/**********************
 * BOUTON
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button {
    background: #29a7b2;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.03em;
    max-width: 100%;
    display: inline-block;
    transition: all 0.2s ease;
    margin: 0 auto;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style4.bzkshop .bzkshop-discount{
	border-color: #29a7b2;
    background-color: #29a7b2;
    color: #ffffff;
    right: 10px;
    border-radius: 3px;
}

/**********************
*
*
 * GRID DEAL â€“ NEW STYLE 1
 *
 *
 **********************/

.bzkshop--griddeal-style1 .bzkshop-list {
	padding: 30px 0;
	
}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style1.bzkshop .bzkshop-item {   
 border: solid 1px #dddddd;
 border-radius: 10px;
 box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px;
	transition: transform 0.3s ease;
}
.bzkshop--griddeal-style1 .bzkshop-list > li.bzkshop-item:nth-child(2){
  background: #f1fbf7;
   position: relative;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-header {
   display: block !important;
      border-radius: 20px 20px 0px 0px;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-image {
  padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;

}
.bzkshop--griddeal-style1.bzkshop .bzkshop-image .new-img-bzk{
		border: solid 10px white;
    border-radius: 10px;
}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style1.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
	text-align:left;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style1 .bzkshop-title {
    color: #3cc188;
}
/**********************
 * BUTTON
 **********************/

.bzkshop--griddeal-style1 .bzkshop-button {
	background-color: #3cc188;
    width:50%;
}

/**********************
 * OFFER
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-offer {   
    text-align: left;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--griddeal-style1 .bzkshop-discount {
   
    right: 50px;
    border-radius: 5px;
     top: 50px;
    font-size: 1em;
    padding: 0.2em 0.25em;
    background: #3cc188;
    color: #fff;
    border: solid 2px #3cc188;
    font-weight: 600;
}
/**********************
 * Bandeau centrÃ© en haut (effet bouton)
 **********************/

.bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer{
	position: absolute;
    top: 0px;
    left: 50%;
	transform: translate(-50%, -55%);
	z-index: 50;
	opacity: 1;
	width: auto;
	height: auto;
	clip-path: none;                
	border-radius: 5px;           
	padding: 10px 40px; 
	background: #212121;
	box-shadow: 0 10px 20px rgba(0,0,0,.20);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Texte du bandeau (plus de rotation) */
.bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer p{
  position: static;
  transform: none;
  margin: 0;
  width: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* Optionnel : Ã©vite que Ã§a chevauche trop le visuel */
.bzkshop--griddeal-style1 .bzkshop-item .bzkshop-header{ padding-top: 16px;}
.bzkshop--griddeal-style1 .bzkshop-footer {padding: 0 1.5em 1.5em 1.5em;}

.bzkshop--griddeal-style1.bzkshop .bzkshop-button {
	max-width: 100%;
	margin-bottom:0px;
}

/**********************
*
*
 * GRID DEAL â€“ NEW STYLE 2
 *
 *
 *
 **********************/

.bzkshop--griddeal-style2 .bzkshop-list {
	padding: 30px 0;
	
}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style2.bzkshop .bzkshop-item {   
	border: solid 1px #dddddd;
	border-radius: 20px;
	box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px;
	transition: transform 0.3s ease;
	    
}
.bzkshop--griddeal-style2 .bzkshop-list > li.bzkshop-item:nth-child(2){
	background: #fff;
	position: relative;
	border: solid 1px #8746db;
	box-shadow: rgb(135 70 219 / 15%) 5px 10px 20px;
}
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-header {
   display: block !important;
   border-radius: 20px 20px 0px 0px;

}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-image {
  padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;

}
.bzkshop--griddeal-style2.bzkshop .bzkshop-image .new-img-bzk{
	border: solid 10px white;
    border-radius: 20px;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style2.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style2 .bzkshop-title {
    color: #8746db;
}
/**********************
 * BUTTON
 **********************/

.bzkshop--griddeal-style2 .bzkshop-button {
background: linear-gradient(90deg, #8746db, #da3a82);
border-radius:999px;
}
/**********************
 * DISCOUNT
 **********************/

.bzkshop--griddeal-style2 .bzkshop-discount {
    position: absolute;
    top: 90px;
	right: 50px;
    font-size: 1em;
    padding: 0;
    background: #fff;
    color: #d93a83;
    border: solid 2px #d93a83;
    font-weight: 700;
    white-space: nowrap;	
    border-radius: 999px;    
    width: 60px;
    line-height: 60px;
    height: 60px;
}
/**********************
 * OFFER
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-offer {
       text-align: center;
}
/**********************
 * Bandeau centrÃ© en haut (effet bouton)
 **********************/

.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer {
    background-color: #8e45d3;
	clip-path: polygon(0% 0, 55% 0, 0 55%, 0 50%);
    width: 250px;
    height: 250px;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    border-radius: 20px 0 0 0;
}

.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p {
   transform: rotate(-45deg);
    color: white;
    font-size: 15px;
    position: absolute;
    top: 25px;
    left: 0px;
    width: 40%;
    text-transform: uppercase;
	font-weight:600;
}
.bzkshop--griddeal-style2 .bzkshop-item .bzkshop-header{
  padding-top: 16px;
}
.bzkshop--griddeal-style2 .bzkshop-footer {  
	padding: 1.5em;}

.bzkshop--griddeal-style2.bzkshop .bzkshop-button {
	max-width: 80%;
	margin:0 auto;
}
/**********************
 *
 *
 * GRID DEAL â€“ NEW STYLE 3
 *
 *
 **********************/

.bzkshop--griddeal-style3 .bzkshop-list {	padding: 30px 0;	
}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style3.bzkshop .bzkshop-item {   
	border: none;
	border-radius: 5px;
	border: solid 1px #dddddd;
	box-shadow:none;   
	transition: transform 0.3s ease;
}

.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2){
	background: #fff;
	position: relative;	
	box-shadow: rgb(245 88 73 / 25%) 5px 10px 20px;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style3.bzkshop .bzkshop-header {
   display: block !important;
    border-radius: 5px;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style3.bzkshop .bzkshop-image {
	padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;

}
.bzkshop--griddeal-style3.bzkshop .bzkshop-image .new-img-bzk{
	border: solid 10px white;
    border-radius: 5px;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style3.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--griddeal-style3 .bzkshop-discount {
    border-color: #f3ad2b;
    color: #f3ad2b;
    right: 5%;
    top: inherit;
    border-radius: 5px;
    font-size: 1em;
    padding: 0.5em 0.25em;
}
.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-discount{
	border-color: #f65a4b;
    color: #f65a4b;
    }
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style3.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style3 .bzkshop-title {    color: #212121;}
.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{	color: #f65a4b;}
/**********************
 * OFFER
 **********************/

.bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer{
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%); 
  width: 100%;
 height: auto;
 border-radius: 5px 5px 0 0 ;
 padding: 15px 40px; 
background: #f65a4b;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
 clip-path: none;
}

/* Texte du bandeau (plus de rotation) */
.bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer p{
  position: static;
  transform: none;
  margin: 0;
  width: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--griddeal-style3 .bzkshop-button {
	background: #f3ad2b;
	color:#fff;
	border-radius:5px;
	width:60%;
	margin: 0 auto;
}
.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{
	background: #f65a4b;
	color:#fff;
	width:80%;
	margin: 0 auto;
}
/**********************
 * FOOTER
 **********************/
.bzkshop--griddeal-style3 .bzkshop-footer {padding: 1.5em;}

/**********************
 * 
 *
 * GRID DEAL â€“ NEW STYLE 4
 * 
 *
 *
 **********************/

.bzkshop--griddeal-style4 .bzkshop-list {	padding: 30px 0;}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style4.bzkshop .bzkshop-item {   
 border: 1px solid #ccc;
 border-radius: 10px;
 box-shadow: none;
transition:transform 0.2s ease-out;
}
.bzkshop--griddeal-style4.bzkshop .bzkshop-item:hover {
	  transform: translateY(-10px);
}
.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(1), .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(3){
	scale: 0.8 !important;
}

.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2){
 	background: #f0f8ff;
  	position: relative;
	box-shadow: rgb(0 0 0 / 15%) 10px 10px 20px;
	border-color: #2b98ed;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-header {
   display: block !important;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-image {
  padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;
}

.bzkshop--griddeal-style4.bzkshop .bzkshop-image .new-img-bzk{
	border: solid 10px white;
    border-radius: 10px;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style4.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
}
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style4 .bzkshop-title {color: #2f3a4d;}
.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{color: #2b98ed;}

.bzkshop--griddeal-style4 .bzkshop-footer{padding: 0;}


/**********************
 * BUTTON
 **********************/

.bzkshop--griddeal-style4 .bzkshop-button {
	background: #2f3a4d;
	border-radius:0 0 10px 10px;
	max-width:100%;
	margin: 0;
}

.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{background-color: #2b98ed;}

/**********************
 * DISCOUNT
 **********************/

.bzkshop--griddeal-style4 .bzkshop-discount {
    position: absolute;
    top: 90px;
	right: 50px;
    font-size: 1em;
    padding: 0.2em 0.4em;
    background: #2b98ed;
    color: #fff;
    border: solid 2px #2b98ed;
    font-weight: 700;
    white-space: nowrap;	
    border-radius: 5px;
}
/**********************
 * OFFER
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-offer {text-align: center;
}
/**********************
 * Bandeau meilleure offre 
 **********************/
.bzkshop--griddeal-style4 #bandeau_best_offer {background-color: #2b98ed;}

/**********************
 *
 *
 * Box â€“ NEW STYLE 1
 * 
 *
 **********************/
.bzkshop--box-style1 .bzkshop-list {padding: 30px 0;}
/**********************
 * ITEM
 **********************/
.bzkshop--box-style1.bzkshop .bzkshop-item  {
	border-radius:10px;
	border: solid 1px #ddd;
	box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px;
	background-color:#f4f4f4;	
	padding:0;
    margin-bottom: 1.5em;
}
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--box-style1 .bzkshop-logo {
    width: 90px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin: 0 0.1em 0.5em auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * HEADER
 **********************/
.bzkshop--box-style1 .bzkshop-header{
	padding:0 5%;
	background: #fff;
	border-radius: 10px 0 0 10px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style1 .bzkshop-content {
    padding: 0.5em 1.5em;
	border-left:1px solid #ddd;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--box-style1 .bzkshop-image img
{
	border-radius: 5px; 

}
.bzkshop--box-style1.bzkshop .bzkshop-image {
	padding:5%;
	background-color: #fff;
    justify-content: center;   /* <-- centre horizontal */
}
/**********************
 * TITLE
 **********************/
.bzkshop--box-style1 .bzkshop-title{
	padding-right: 8em;
	color: #044e3e;
	font-size: 1.2em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/

.bzkshop--box-style1 .bzkshop-description{	padding-right: 8em;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--box-style1.bzkshop .bzkshop-discount {
    color: #fff;
    left: 1em;
    border-radius: 5px;
    position: absolute;
    top: 1em;
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #6aac41;
	border: none;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style1 .bzkshop-button{
	position: absolute;
    right: 25px;
    bottom: 25px;
	background-color: #044e3e;
	border-radius:5px;
}

/**********************
 *
 *
 * Box â€“ NEW STYLE 2
 * 
 *
 **********************/
.bzkshop--box-style2 .bzkshop-list {padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--box-style2.bzkshop .bzkshop-item  {
	border-radius:20px;
	border: solid 1px #9db4a6;
	box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px;
	padding: 0;
    margin-bottom: 1.5em;
}
/**********************
 * LOGO
 **********************/
.bzkshop--box-style2 .bzkshop-logo {
    position: absolute;
	left:1.3em;
	top:1em;
	background-color: #fff;
	width : 100px;
	height:30px;
	border-radius: 5px;
    background-size: contain;
}
/**********************
 * HEADER
 **********************/
.bzkshop--box-style2 .bzkshop-header{
	padding:0 5%;
    background-color: #9db4a6;
	border-radius: 16px 0 0 16px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style2 .bzkshop-content {
    padding: 0.5em 1.5em;
	border-left:1px solid #9db4a6;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--box-style2 .bzkshop-image img {border-radius: 999px;}
.bzkshop--box-style2.bzkshop .bzkshop-image {
	padding-top: 5%;
    padding-bottom: 5%;
    justify-content: center;   /* <-- centre horizontal */
}
/**********************
 * TITLE
 **********************/
.bzkshop--box-style2 .bzkshop-title{
	padding-right: 8em;
	color: #212121;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/
.bzkshop--box-style2 .bzkshop-description{padding-right: 8em;}

/**********************
 * DISCOUNT
 **********************/
 .bzkshop--box-style2.bzkshop .bzkshop-discount {
    top: 1em;
    right: 1em;
    border-radius: 999px;
    color: #fff;
    border: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-color: #de545b;
    background-color: #de545b;
    left: inherit;
    padding: 0;
    font-size: 1em;
    font-weight: 600;
    }
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style2 .bzkshop-button{
	position: absolute;
    right: 25px;
    bottom: 25px;
	background-color: #9db4a6;
	border-radius:999px;
}

/**********************
 *
 *
 * Box â€“ NEW STYLE 3
 *
 *
 **********************/
.bzkshop--box-style3 .bzkshop-list {padding: 30px 0;}
/**********************
 * ITEM
 **********************/
.bzkshop--box-style3.bzkshop .bzkshop-item  {
	max-width: 80% !important;
	border-radius:5px;
	border: solid 1px #8945f6;
	box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px;
	padding: 0;
    margin-bottom: 1.5em;
}
/**********************
 * HEADER
 **********************/
.bzkshop--box-style3 .bzkshop-header{
	padding:0 5%;
	border-radius: 5px 0 0 5px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style3 .bzkshop-content {padding: 0.5em 1.5em;}
/**********************
 * IMAGE
 **********************/
.bzkshop--box-style3 .bzkshop-image img {border-radius: 10px;}
.bzkshop--box-style3.bzkshop .bzkshop-image {
	padding-top: 5%;
  padding-bottom: 5%;	
  justify-content: center;   /* <-- centre horizontal */
}
/**********************
 * LOGO
 **********************/
.bzkshop--box-style3 .bzkshop-logo {
   width : 100px;
	height:30px;
	border-radius: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}
/**********************
 * TITLE
 **********************/
.bzkshop--box-style3 .bzkshop-title{
	padding-right: 1em;
	color: #212121;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/
.bzkshop--box-style3 .bzkshop-description{
	padding-right: 8em;
	display:none;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--box-style3.bzkshop .bzkshop-discount {
	border-radius: 5px;
    background: #d81f8f;
    border-color:#d81f8f;
    color: #fff;
    border: none;
    font-size: 1em;
    padding: 0.5em;
    }
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style3 .bzkshop-button{
	 background: linear-gradient(90deg, #e01b84, #8546f8);
	border-radius:5px;
}

/**********************
 *
 *
 * Box â€“ NEW STYLE 4
 *
 *
 **********************/
.bzkshop--box-style4 .bzkshop-list {	padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--box-style4.bzkshop .bzkshop-item  {
	max-width: 80% !important;
	border-radius:20px;
	border: none;
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px;
    margin-bottom: 1.5em;
}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--box-style4 .bzkshop-logo {
 	position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/**********************
 * HEADER
 **********************/
.bzkshop--box-style4 .bzkshop-header{
	padding:0 5%;
	border-radius: 20px 0 0 20px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style4 .bzkshop-content {
    padding: 0.5em 1.5em;	
}
/**********************
 * IMAGE
 **********************/
.bzkshop--box-style4 .bzkshop-image img
{border-radius: 999px;}
.bzkshop--box-style4.bzkshop .bzkshop-image {
	padding-top: 5%;
    padding-bottom: 5%;	
    justify-content: center;   /* <-- centre horizontal */
}

/**********************
 * TITLE
 **********************/
.bzkshop--box-style4 .bzkshop-title{
	padding-right: 1em;
	color: #27aab0;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/

.bzkshop--box-style4 .bzkshop-description{
	display:none;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--box-style4.bzkshop .bzkshop-discount {
    color: #fff;    
    border-radius: 99px;
    position: absolute;
    top: 1em;
	left: 1em;
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #e6ca43;
	border: none;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style4 .bzkshop-button{
	background: linear-gradient(90deg, #22abba, #ebcb41);
	border-radius:999px;
}

/**********************
 *
 *
 * Mini Box â€“ NEW STYLE 1
 *
 *
 **********************/
.bzkshop--minibox-style1 .bzkshop-list {	padding: 30px 0; }
.bzkshop--minibox-style1 .bzkshop-list :last-child
{ margin-bottom: 1.5em;}

/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style1.bzkshop .bzkshop-item  {
	border-radius:10px;
	border: solid 4px #fff;
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px;
	background-color:#f9f8f1;	
}
.bzkshop--minibox-style1 .bzkshop-list li:last-child {    margin-bottom: 1em;}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minibox-style1 .bzkshop-logo {
   position: absolute;
	right: 1em;
	top: 0em;
	width: 100px;
	height: 30px;    
	border-radius: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
   }
   
/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style1 .bzkshop-image img
{border-radius: 5px;}
.bzkshop--minibox-style1.bzkshop .bzkshop-image {
	padding-top: 5%;
 	padding-bottom: 5%;
}
/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style1 .bzkshop-title{
	padding-right: 8em;
	color: #212121;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/

.bzkshop--minibox-style1 .bzkshop-description{
	padding-right: 8em;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style1 .bzkshop-button{
	position: absolute;
    right: 1em;
    bottom: 1em;
	  background-color: #df953c;
	border-radius:10px;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style1.bzkshop .bzkshop-discount {
border-radius: 10px 0;
	top: 0em;
	left: 0em;
	font-size: 0.8em;
	padding: 0.5em 1em;
	background: #7b9486;
	color: #fff;
	border: none;
}

/**********************
 *
 *
 * Mini Box â€“ NEW STYLE 2
 * 
 *
 **********************/
.bzkshop--minibox-style2 .bzkshop-list {padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style2.bzkshop .bzkshop-item  {
	padding: 0;
	border-radius: 0px;
	border: solid 1px #ddd;
	box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px;
}
.bzkshop--minibox-style2 .bzkshop-list li:last-child {
    margin-bottom: 1em;
}


/**********************
 * HEADER
 **********************/
.bzkshop--minibox-style2 .bzkshop-logo {
	position: absolute;
	left:1.3em;
	top:1em;
	background-color: #fff;
	width : 100px;
	height:30px;
	border-radius: 5px;
	background-size: contain;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style2 .bzkshop-image img {border-radius: 999px;}
.bzkshop--minibox-style2.bzkshop .bzkshop-image {
	padding-top: 5%;
 	padding-bottom: 5%;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--minibox-style2 .bzkshop-content{ 
	background: #ededed;
	padding: 1em;
	border-left: solid 1px #ddd;
    min-height: 310px;
}
/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style2 .bzkshop-title{
	padding-right: 3em;
	color: #de555b;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/
.bzkshop--minibox-style2 .bzkshop-description{	padding-right: 3em;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style2.bzkshop .bzkshop-discount {
	top: 0; 
	right: 0;
	left:inherit;
	border-radius: 0;
	padding: 0.5em 1em;
	background: #de555b;
	font-size: 0.8em;
	color: #fff;
	border: none;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style2 .bzkshop-button{
	background: #de555b;
	border-radius:0px;
	padding: 0.5em 1.5em;
    color:#fff;
}

/**********************
 *
 * 	
 * Mini Box â€“ NEW STYLE 3
 * 
 *
 *
 **********************/
 
.bzkshop--minibox-style3 .bzkshop-list {padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style3.bzkshop .bzkshop-item  {
	border-radius:10px;
	border: solid 1px #8945f6;
	box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px;
}
.bzkshop--minibox-style3 .bzkshop-list li:last-child {margin-bottom: 1em;}

/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style3 .bzkshop-image img {border-radius: 10px;}
.bzkshop--minibox-style3.bzkshop .bzkshop-image {
	padding-top: 5%;
 	padding-bottom: 5%;	
}

/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style3 .bzkshop-title {
	padding-right: 1em;
	color: #db1e8b;
	font-size: 1em;
	font-weight: bold;
    margin-bottom:6px;
}

/**********************
 * DESCRIPTION
 **********************/
.bzkshop--minibox-style3 .bzkshop-description{ font-size:1em; padding-right: 1em;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style3.bzkshop .bzkshop-discount {
 	top: 1em;
	left: 1em;
	width:50px;
	height: 50px;
	border-radius: 999px;
	line-height:50px;
	padding: 0 0.5em;
	background: #8546f8;
	color: #fff;
	border: none;
	font-size: 0.8em;
}

/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style3 .bzkshop-button{
	background: linear-gradient(90deg, #e01b84, #8546f8);
	border-radius:10px;	
	width: auto !important;
	max-width: 100%;
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
    color:#fff;
}

/**********************
 *
 *
 * Mini Box â€“ NEW STYLE 4
 * 
 *
 *
 **********************/
.bzkshop--minibox-style4 .bzkshop-list {padding: 30px 0;}
/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style4.bzkshop .bzkshop-item  {
	border-radius:20px;
	border: solid 1px #ddd;
	box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px;
}
.bzkshop--minibox-style4 .bzkshop-list li:last-child {    margin-bottom: 1em;}


/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minibox-style4 .bzkshop-logo {
 	position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    width: 100px;
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style4 .bzkshop-image img
{border-radius: 999px;}
.bzkshop--minibox-style4.bzkshop .bzkshop-image {
	padding-top: 5%;
  padding-bottom: 5%;	
}

/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style4 .bzkshop-title{
	padding-right: 1em;
	color: #ea942d;
	font-size: 1em;
	font-weight: 600;
    margin-bottom:6px;
}

/**********************
 * DESCRIPTION
 **********************/
.bzkshop--minibox-style4 .bzkshop-description{	font-size:1em; display:none;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style4.bzkshop .bzkshop-discount {
    color: #fff;    
    border-radius: 20px;
    position: absolute;
    top: 1em;
    left:1em;	
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #8631df;
	border: none;
}

/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style4 .bzkshop-button{
	background: #ea942d;
	border-radius:999px;
}

/**************************************
 *
 *  RESPONSIVE â€“ MOBILE (max-width 768px)
 *
 **************************************/
@media screen and (max-width: 768px) {

.bzkshop .bzkshop-item {max-width: 85% !important;}


	/*************************************
	 * NEWGRID â€“ style1 Ã  style4
	 * Le CSS Grid gÃ¨re dÃ©jÃ  le passage en 1 colonne.
	 * On corrige les positionnements absolus fragiles
	 * et on rÃ©duit la hauteur min des images.
	 *************************************/

	/* Images : retirer min-height trop grand */
	[class*="bzkshop--newgrid-style"].bzkshop-grid .bzkshop-header .bzkshop-image img {
		max-height: 220px;
        max-width: 220px !important;
        min-width: 200px;
        min-height: 200px;
	}

	/* Logo : passer en statique au lieu de absolute avec top nÃ©gatif */
    .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo
    {
		position: static !important;
		top: auto !important;
		right: auto !important;
		margin: 8px 0 8px auto;
	}
	
    .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer{
    height:auto !important;
    }
    
	.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo,
	.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo {
    
		position: static !important;
		top: auto !important;
		right: auto !important;
		margin: 0 0 8px auto;
	}

	/* Discount style1 : repositionner (top: 28em trop fragile) */
	.bzkshop--newgrid-style1.bzkshop .bzkshop-discount {
		top: auto;
		right: auto;
		position: relative;
		margin-left: 10px;
        margin-top: -1em;      
	}

	/* Discount style4 : repositionner (right: 12em trop large) */
	.bzkshop--newgrid-style4.bzkshop .bzkshop-discount {
		right: 20px;
        margin-right: 0;
	}

	/*************************************
	 * MINIGRID â€“ style1 & style2
	 * Override du max-width: 18% inline du PHP
	 *************************************/
 .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-header{ display: ruby !important;}
 
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item {
	max-width: 85% !important;
	width: 85% !important;
	margin: 0.5em auto;
    flex: inherit !important;    
}
    
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image,  .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image{
    height: 120px;
    width: 120px;
}
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title  {
	font-size: 1.1em;
    line-height: 1.15em;
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer {
height: auto !important; 
margin: 0.25em 0 0.5em;

}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price {
    font-size: 1.5em;   
   }


	/*************************************
	 * MINIGRID â€“ style3 & style4
	 * Conteneur 70% trop Ã©troit, flex row sans wrap
	 *************************************/
.bzkshop--minigrid-style3.bzkshop-grid, .bzkshop--minigrid-style4.bzkshop-grid {
	padding: 14px;
    max-width: 85% !important;
}
      
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item  {
	margin: 0 auto;
    flex: inherit !important;
    border-right: none; 
}
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item {
	border-bottom: 2px solid #fff;
}
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item {
	border-bottom: 1px solid #ddd;
}
 .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image{
	height: auto;
    width: auto;
}
  .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img{
    height: 120px;
    width: 120px;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title  {
	font-size: 1.1em !important;
	line-height: 1.15em;
    margin-bottom:6px;
    
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer {
height: auto !important; 
margin: 0.25em 0 0.5em;
}

.bzkshop--minigrid-style3 .bzkshop-description, .bzkshop--minigrid-style4 .bzkshop-description {
    font-size:1em;
} 

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price {
    font-size: 1.5em;   
}


.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child {	border-bottom: none;	}
 
	
	/*************************************
	 * GRIDDEAL â€“ style1 Ã  style4
	 * Empiler les 3 cards verticalement
	 *************************************/
	[class*="bzkshop--griddeal-style"] .bzkshop-list {
		flex-direction: column !important;
		align-items: center;
	}

	[class*="bzkshop--griddeal-style"] .bzkshop-item {
		max-width: 85% !important;
		width: 85% !important;
		/*scale: 1 !important;*/
	}

	/* Bandeau best offer style2 : clip-path 250px dÃ©borde */
	.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer {
		width: 220px;
		height: 220px;
	}

	.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p {
		top: 18px;
		left: 0;
        /*font-size: 12px;
		width: 42%;*/
	}

	/* Discount griddeal : ajuster positions fixes */
	.bzkshop--griddeal-style2 .bzkshop-discount,
	.bzkshop--griddeal-style4 .bzkshop-discount {
		right: 15px;
		top: 60px;
	}

	/*************************************
	 * BOX â€“ style1 Ã  style4
	 * Passer en layout vertical (image au-dessus, contenu dessous)
	 *************************************/
	[class*="bzkshop--box-style"].bzkshop .bzkshop-item {
		flex-direction: column !important;
		max-width: 85% !important;
	}

	[class*="bzkshop--box-style"] .bzkshop-header {
		border-radius: 10px 10px 0 0 !important;
		width: 100%;
	}

	[class*="bzkshop--box-style"] .bzkshop-content {
		border-left: none !important;
		padding: 1em !important;
	}

	/* Supprimer les padding-right: 8em qui Ã©crasent le texte */
	[class*="bzkshop--box-style"] .bzkshop-title,
	[class*="bzkshop--box-style"] .bzkshop-description {
		padding-right: 0 !important;
	}

	/* Boutons absolus : passer en statique */
	.bzkshop--box-style1 .bzkshop-button,
	.bzkshop--box-style2 .bzkshop-button {
		position: static !important;
		margin: 1em auto !important;
		width: auto;
	}

	/* Logo box-style2 absolu : repositionner */
	.bzkshop--box-style2 .bzkshop-logo {
		position: static !important;
		margin: 0 0 8px 0;
	}

	/* Logo box-style4 absolu en bas : repositionner */
	.bzkshop--box-style4 .bzkshop-logo {
		position: static !important;
		margin: 8px auto 0;
	}

	/*************************************
	 * MINIBOX â€“ style1 Ã  style4
	 * (le passage en 1 colonne est dÃ©jÃ  gÃ©rÃ© par style.css @745px)
	 * On corrige le layout interne de chaque card
	 *************************************/
	[class*="bzkshop--minibox-style"].bzkshop .bzkshop-item {flex-direction: column !important;	}
    
	[class*="bzkshop--minibox-style"].bzkshop-description {padding-right: 0 !important;}
    
  .bzkshop--minibox-style1.bzkshop .bzkshop-image, .bzkshop--minibox-style2.bzkshop .bzkshop-image, .bzkshop--minibox-style3.bzkshop .bzkshop-image, .bzkshop--minibox-style4.bzkshop .bzkshop-image {
    padding-top: 2%;
    padding-bottom: 2%;
}
 .bzkshop--minibox-style1 .bzkshop-title, .bzkshop--minibox-style2 .bzkshop-title,  .bzkshop--minibox-style3 .bzkshop-title, .bzkshop--minibox-style4 .bzkshop-title {margin: 0.25em 0; padding-right:0;}


	/* minibox-style1 */
	.bzkshop--minibox-style1 .bzkshop-button {position: static !important;}
    .bzkshop--minibox-style1 .bzkshop-image img {max-width : 150px;}
    .bzkshop--minibox-style1 .bzkshop-list :last-child {margin-bottom : 0;}
    .bzkshop .bzkshop-offer {margin: 0.5em 0 0.5em;} 
	.bzkshop--minibox-style1 .bzkshop-logo {
        position: absolute;
        margin: 0 auto;
        width: 90px;
        top: inherit;
        bottom: 4em;
        right: 1.5em;
	}
    .bzkshop--minibox-style1 .bzkshop-description {
    padding-right: 0;
    margin: 0.25em 0 0;
   
    }  

	/* minibox-style2 */
	.bzkshop--minibox-style2 .bzkshop-content {
		min-height: auto !important;
		border-left: none !important;
	}
    .bzkshop--minibox-style2 .bzkshop-image img, .bzkshop--minibox-style3 .bzkshop-image img,.bzkshop--minibox-style4 .bzkshop-image img {max-width : 170px;}

	.bzkshop--minibox-style2 .bzkshop-logo {margin: 0 0 8px 0; width: 90px;}
    
     .bzkshop--minibox-style2 .bzkshop-description{padding-right:0;}
    
    
    /* minibox-style3*/
    .bzkshop--minibox-style3 .bzkshop-logo {
	position: absolute;
    right: 1em;
    top:1em;    
	margin: 0;
    width: 90px;
	}
    
	/* minibox-style4*/
	.bzkshop--minibox-style4 .bzkshop-logo {
	position: absolute;
    right: 1em;
    top:1em;    
	margin: 0;
    width:90px;
	}
}/**************************************
 * 
 * NEW GRID – BAZOOKA NEW STYLE 1
 * 
 * 
 * 
 **************************************/

 .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  
}
.bzkshop--newgrid-style1.bzkshop{
	padding: 10px;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item {
    background: #f3f5f5;
    border-radius: 20px;
    padding: 20px;	
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
   transition: transform 0.3s ease, box-shadow 0.2s ease;
	border: 0px !important;
}

.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-8px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12);
	
}

/**********************
 * LOGO – POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo {
   position: absolute;
    top: -13em;
    right: -1px;
    width: 90px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0 0 0 8px;
    background-color: #fff;
    z-index: 5;
	padding: 0;
	margin-top:0;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-image {
    padding: 10px;
    background: #fff;
    display: block;
	border-radius: 15px;
  
}
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 15px !important;
   min-height: 210px;
   max-height: 210px;
}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content {
    position: relative;
    margin-bottom: 16px;
	text-align: left !important;
	padding:0px;
}

.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;   
}

.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-description {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: left !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
    /*height: auto !important;*/
}

.bzkshop--newgrid-style1.bzkshop-grid  .bzkshop-footer {padding: 0;}
.bzkshop--newgrid-style1.bzkshop-grid .bzkshop-price {   
    font-weight: 700;
    color: #111;
	display: inline-flex;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style1.bzkshop .bzkshop-discount{
    width: 55px;
    height: 55px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #fff;
    border: 2px solid #3298a3;
    color: #3298a3;
    font-weight: 700;
    right: 0;
    top: 27.5em;
    margin-right: 20px;
    padding: 10px;
	font-size: 0.8em;
}

/**********************
 * CTA
 **********************/
.bzkshop--newgrid-style1.bzkshop .bzkshop-button {
	border-radius: 5px;
	font-weight:500;
	max-width:100%;
	font-size: 0.9em;
  text-transform: uppercase;
}

/********************************
 * 
 * NEW GRID - BAZOOKA NEW STYLE2
 *
 * 
 * 
 *********************************/

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));  
}
.bzkshop--newgrid-style2.bzkshop{
	padding: 10px;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item {
    background: #f8f1f0;
    border-radius: 20px;
    padding: 20px;	
    box-shadow: 0 16px 20px rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: 0px !important;
}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12);
	
}

/**********************
 * LOGO – POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo {
   
    width: 90px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    background-color: #fff;
    z-index: 5;
	padding: 0;
	margin-top:10px;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-image {
    padding: 10px;
    display: block;
	border-radius: 999px;
}
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 999px !important;
    height: 210px; 
    max-height: 210px;
    max-width: 210px !important;
    border: solid #fff 8px; 
}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-content {
    position: relative;
    margin-bottom: 16px;
	text-align: left !important;
	padding:0px;
}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;
    color: #f55543;
}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-description {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: left !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
   
}

.bzkshop--newgrid-style2.bzkshop-grid  .bzkshop-footer {padding: 0;}

.bzkshop--newgrid-style2.bzkshop-grid .bzkshop-price {
      font-weight: 700;
    color: #111;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style2.bzkshop .bzkshop-discount{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #f55543;
    border: 2px solid #f55543;
    color: #fff;
    font-weight: 700;
    right: 0px;
    top: 20px;
    margin-right: 20px;
    padding: 10px;
	font-size: 0.8em;
}
    

/**********************
 * BUTTON
 **********************/
.bzkshop--newgrid-style2.bzkshop .bzkshop-button {
	border-radius: 50px;
	font-weight:500;
	max-width:100%;
	font-size: 0.9em;
  text-transform: uppercase;
	background-color : #f55543;
}
/**************************************
 * 
 * 
 * NEW GRID – BAZOOKA NEW STYLE3
 * 
 * 
 * 
 **************************************/

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   }
.bzkshop--newgrid-style3.bzkshop{
	padding: 10px !important;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item {
    background: #fff;
    border-radius: 20px;
    padding: 0;	
    box-shadow: 0px 0px 20px rgba(0, 132, 255, 0.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.25s, box-shadow 0.2s;
	border: 1px solid #ddd;
}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-item:hover {
   transform: scale(1.03);
    box-shadow: 5px 10px 20px rgba(0, 132, 255, 0.2);
}


/**********************
 * LOGO – POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo {
    position: absolute;
    top: -1.6em; 
    width: 110px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px;
    background-color: #fff;
    z-index: 5;
	padding: 5px;
	margin-top:0;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-image {
  padding: 0;
  background: #fff;
  display: block;
	border-radius: 20px 20px 0 0;
  min-height: 210px;
   max-height: 210px;
			
}
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 20px 20px 0 0 ;
	min-height: 210px;
   max-height: 210px;

}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content {
  position: relative;
  margin-bottom: 10px;
	text-align: center !important;
	padding:10px 20px;
}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;
    color: #0084ff;
}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-description {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: center !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
   /* height: auto !important;*/
}

.bzkshop--newgrid-style3.bzkshop-grid  .bzkshop-footer {padding: 0;}

.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-price {
    font-weight: 700;
    color: #00274c;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style3.bzkshop .bzkshop-discount{
	border-color: #0084ff;
    background-color: #0084ff;
    color: #fff;
    border-radius: 10px;
    font-size: 1em;
    padding: 0.25em;
}

/**********************
 * BUTTON
 **********************/
.bzkshop--newgrid-style3.bzkshop .bzkshop-button {
	border-radius: 0 0 20px 20px;
	font-weight:500;
	max-width:100%;
	font-size: 0.9em;
  text-transform: uppercase;
	background-color : #0084ff;
	margin: 0 auto;
	padding: 0.8em;
}

/**************************************
 * 
 * NEW GRID – BAZOOKA NEW STYLE 4
 * 
 * 
 * 
 **************************************/
 /********* GRID *********/
.bzkshop--newgrid-style4.bzkshop {
	padding: 10px;
}

/********* LISTE *********/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item {
    
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.2s ease;
	border: 1px solid #ddd;
}

.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-8px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.12);
	
}
/**********************
 * HEADER * 
 **********************/
/*.bzkshop--newgrid-style4 .bzkshop-header {    margin-top: 2.5em;
}*/

/**********************
 * LOGO – POSITION ABSOLUTE * 
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo {
   position: absolute;
    top: -14em !important;
    right: 5px;
    width: 90px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    background-color: #fff;
    z-index: 5;
	padding: 0;
	margin-top:0;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-image {
    padding: 10px;
    background: #fff;
    display: block;
	border-radius: 15px;
	margin-top : 30px; 
   
			
}
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img {
	border-radius: 15px !important;
	min-height: 210px;
  	max-height: 210px;
}

/**********************
 * TITRE + DESCRIPTION
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content {
    position: relative;
    margin-bottom: 16px;
	padding:0px;
}

.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-title {
    margin-top: 12px; 
    font-weight: 600;
    color: #111111;
}

/**********************
 * PRIX
 **********************/
.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-offer {
    display: block !important;
    align-items: unset !important; /* neutralise align-items */
    justify-content: unset !important;
    
}

.bzkshop--newgrid-style4.bzkshop-grid  .bzkshop-footer {padding: 0;}

.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-price {
    font-weight: 700;
    color: #111;
 display: inline-flex;
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--newgrid-style4.bzkshop .bzkshop-discount{
    left: 1em;
    top: 1em;
    right: inherit;
    width: 55px;
    height: 55px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
   background: #7a9282;
    border: 2px solid #7a9282;
    color: #fff;
    font-weight: 700;
    margin-right: 20px;
    padding: 10px;
	font-size: 0.8em;
	bottom: 0;
	}


/**********************
 * BUTTON
 **********************/
.bzkshop--newgrid-style4.bzkshop .bzkshop-button {
	border-radius: 5px;
	font-weight:500;
	max-width:80%;
	font-size: 0.9em;
  text-transform: uppercase;
	background:linear-gradient(90deg, #7a9282, #9eb5a5);
}

/*********************************
 * 
 * 
 * MINI GRID NEW STYLE 1 – BAZOOKA
 *
 * 
 * 
 *********************************/
.bzkshop--minigrid-style1.mini-grid {padding: 20px 0;}

/********* LISTE *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    /* PAS DE GRID → tu conserves ta largeur 18% */
    display: block;
}

/********* CARD *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item {
    background: #f4f4f4;
    border-radius: 20px;
    padding: 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	margin: 0.9em;
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.15);
}

/********* LOGO *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo {
    
    width: 80px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 6px;
    background-color: #ffffff; 
}   
   

/********* IMAGE  *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fff;
	border-radius: 999px;
	height: 180px;   
    width: 180px;
   
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image img {
     border-radius: 999px; 
     object-fit: contain;
    
}

/********* CONTENU  *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-content {
    text-align: center !important;
    margin-top: 10px;
}

/********* TITRE *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title {
    font-size: 1.3em;
    line-height: 1.35;
    font-weight: 600;
    color: #222222;
    margin: 0 0 6px 0;
    text-align: center !important;
}

/********* DESCRIPTION *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-description {
    font-size: 1em;
    color: #555555;
    margin: 0 0 10px 0;
    text-align: center !important;
}

/********* PRIX  *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: center !important;
    justify-content: unset !important;
    align-items: unset !important;
    /*height: auto !important;*/
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111111;
    margin-bottom: 8px;
}

/********* CTA *********/
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button {
    display: inline-block;
	width:100%;
    padding: 10px;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: center;
	 background: linear-gradient(90deg, #8a6ff8, #53b7ff);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: filter .2s ease, transform .2s ease;
	
} 
   
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.06);
	transform: translateY(-1px);
}


/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style1.bzkshop .bzkshop-discount{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #54b6ff;
    border: 2px solid #54b6ff;
    color: #fff;
    font-weight: 700;
    right: 0px;
    top: 10px;
    margin-right: 20px;
    padding: 10px;
    font-size: 1.09em;    
}

/*********************************
 * 
 * 
 * MINI GRID NEW STYLE 2 – BAZOOKA
 * 
 * 
 * 
 *********************************/

.bzkshop--minigrid-style2.mini-grid {padding: 20px 0;}


/********* LISTE *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-list 
{
    list-style: none;
    margin: 0;
    padding: 0;
    /* PAS DE GRID → tu conserves ta largeur 18% */
    display: block;
}

/********* CARD *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item {
    background: #ffffff;
    border-radius: 5px;
    padding: 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	margin: 0.9em;
}

.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

/********* LOGO *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content .bzkshop-logo {
  	width: 80px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 6px;
    background-color: #ffffff;
 }   
   
/********* IMAGE  *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
		background-color:#fff;
		 border-radius: 5px;	 
}
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image img {
    max-width: 100%;
    border-radius: 5px;
box-shadow: 1px 1px 12px rgba(0,0,0,0.21);	
}

/********* CONTENU  *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-content {
    text-align: center !important;
    margin-top: 10px;
}

/********* TITRE *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title {
    font-size: 1.3em;
    line-height: 1.35;
    font-weight: 600;
    color: #222222;
    margin: 0 0 6px 0;
    text-align: center !important;
}

/********* DESCRIPTION *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-description {
    font-size: 1em;
    color: #555555;
    margin: 0 0 10px 0;
    text-align: center !important;
}
/********* PRIX  *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer {
    display: block !important;
    text-align: center !important;
    justify-content: unset !important;
    align-items: unset !important;
    /*height: auto !important;*/
}
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111111;
    margin-bottom: 8px;
}
/********* CTA *********/
.bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button {
    display: inline-block;
	width:100%;
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: center;
	  background: #f68a29;
   
    transition: filter .2s ease, transform .2s ease;
	} 
   .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.06);
	transform: translateY(-1px);
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style2.bzkshop .bzkshop-discount{
    border-color: #9957d7;
    background-color: #9957d7;
    color: #fff;
    border-radius: 3px;
}

/*********************************
 *
 * MINI GRID – NEW STYLE 3
 * 
 *
 *********************************/

/**********************
 * GRID
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid {
    background: #e7ebf2;
    border-radius: 24px;    
    padding: 24px; 
	max-width: 70%;
    margin: 20px auto;
}

/**********************
 * LIST
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

/**********************
 * CARD ITEM
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item {
    max-width: none !important;
	box-shadow:none;
	border:none;
    padding: 10px 24px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;   /* TOUT en colonne */
    align-items: center !important;
    border-right: 2px solid #fff;
    background: transparent;
    border-radius: 0;
}

 .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child {
    border-right: none;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header,
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content,
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/**********************
 * IMAGE RONDE
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image {
       
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 180px;
    width: 180px;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img {
    border-radius: 999px;
    object-fit: contain;
	border: 10px solid #f4f7fb;
}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo {
    width: 80px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 6px;
    background-color: #ffffff;
}

/**********************
 * TITRE
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-content {
    position: relative;
    text-align: center;
    padding: 0;
    margin-bottom: 8px;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.2em;
}

.bzkshop--minigrid-style3 .bzkshop-description {
font-size:1em;
}
/**********************
 * PRIX
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-footer {
    padding: 8px 0 0 0;
    gap: 8px;
}

/* Prix au centre, en bloc, pas en colonne flex */
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer {
    display: block !important;
    width: 100%;
    text-align: center !important;
    align-items: unset !important;
    justify-content: unset !important;
   /* height: auto !important;*/
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/**********************
 * BOUTON 
 **********************/
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button {
    background: #8a4ceb;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.03em;
    max-width: 100%;
    display: inline-block;
    transition: all 0.2s ease;
    margin: 0 auto;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style3.bzkshop .bzkshop-discount{
	width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #8a4ceb;
    border: 2px solid #8a4ceb;
    color: #fff;
    font-weight: 700;
    right: 0;
    top: 10px;
    margin-right: 20px;
    padding: 10px;
    font-size: 1.09em;
}


/*********************************
 *
 *
 * MINI GRID – NEW STYLE 4
 * 
 *
 *
 *********************************/

/* Conteneur global : grande box blanche avec arrondis + ombre */

.bzkshop--minigrid-style4.bzkshop-grid {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    padding: 24px; 
	max-width: 70%;
    margin: 20px auto;
}

/* Les 3 cards côte à côte */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

/* CARD : forcer la colonne */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item {
    max-width: none !important;
	box-shadow:none;
	border:none;
	/* override du 18% inline */
    flex: 1 1 0;
    padding: 10px 24px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;   /* TOUT en colonne */
    align-items: center !important;
    border-right: 1px solid #ddd;
    background: transparent;
    border-radius: 0;
}

/* Pas de trait sur la dernière card */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child {
    border-right: none;
}

/* Pour être sûr : header/content/footer en colonne et centrés */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header,
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content,
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/**********************
 * IMAGE 
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px auto;
    padding: 0;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img {
  
    border-radius: 5px;
    object-fit: contain;
	}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo {
    width: 80px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}

/**********************
 * TITRE 
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-content {
    position: relative;
    text-align: center;
    padding: 0;
    margin-bottom: 8px;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
   line-height: 1.2;
}

.bzkshop--minigrid-style4 .bzkshop-description {
font-size : 1em;
}

/**********************
 * PRIX
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-footer {
    padding: 8px 0 0 0;
    gap: 8px;
}

/* Prix au centre, en bloc, pas en colonne flex */
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer {
    display: block !important;
    width: 100%;
    text-align: center !important;
    align-items: unset !important;
    justify-content: unset !important;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price {
    font-size: 1.8em;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/**********************
 * BOUTON
 **********************/
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button {
    background: #29a7b2;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.03em;
    max-width: 100%;
    display: inline-block;
    transition: all 0.2s ease;
    margin: 0 auto;
}

.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/**********************
 * DISCOUNT
 **********************/
.bzkshop--minigrid-style4.bzkshop .bzkshop-discount{
	border-color: #29a7b2;
    background-color: #29a7b2;
    color: #ffffff;
    right: 10px;
    border-radius: 3px;
}

/**********************
*
*
 * GRID DEAL – NEW STYLE 1
 *
 *
 **********************/

.bzkshop--griddeal-style1 .bzkshop-list {
	padding: 30px 0;
	
}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style1.bzkshop .bzkshop-item {   
 border: solid 1px #dddddd;
 border-radius: 10px;
 box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px;
	transition: transform 0.3s ease;
}
.bzkshop--griddeal-style1 .bzkshop-list > li.bzkshop-item:nth-child(2){
  background: #f1fbf7;
   position: relative;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-header {
   display: block !important;
      border-radius: 20px 20px 0px 0px;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-image {
  padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;

}
.bzkshop--griddeal-style1.bzkshop .bzkshop-image .new-img-bzk{
		border: solid 10px white;
    border-radius: 10px;
}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style1.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
	text-align:left;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style1 .bzkshop-title {
    color: #3cc188;
}
/**********************
 * BUTTON
 **********************/

.bzkshop--griddeal-style1 .bzkshop-button {
	background-color: #3cc188;
    width:50%;
}

/**********************
 * OFFER
 **********************/
.bzkshop--griddeal-style1.bzkshop .bzkshop-offer {   
    text-align: left;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--griddeal-style1 .bzkshop-discount {
   
    right: 50px;
    border-radius: 5px;
     top: 50px;
    font-size: 1em;
    padding: 0.2em 0.25em;
    background: #3cc188;
    color: #fff;
    border: solid 2px #3cc188;
    font-weight: 600;
}
/**********************
 * Bandeau centré en haut (effet bouton)
 **********************/

.bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer{
	position: absolute;
    top: 0px;
    left: 50%;
	transform: translate(-50%, -55%);
	z-index: 50;
	opacity: 1;
	width: auto;
	height: auto;
	clip-path: none;                
	border-radius: 5px;           
	padding: 10px 40px; 
	background: #212121;
	box-shadow: 0 10px 20px rgba(0,0,0,.20);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Texte du bandeau (plus de rotation) */
.bzkshop--griddeal-style1 .bzkshop-item #bandeau_best_offer p{
  position: static;
  transform: none;
  margin: 0;
  width: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* Optionnel : évite que ça chevauche trop le visuel */
.bzkshop--griddeal-style1 .bzkshop-item .bzkshop-header{ padding-top: 16px;}
.bzkshop--griddeal-style1 .bzkshop-footer {padding: 0 1.5em 1.5em 1.5em;}

.bzkshop--griddeal-style1.bzkshop .bzkshop-button {
	max-width: 100%;
	margin-bottom:0px;
}

/**********************
*
*
 * GRID DEAL – NEW STYLE 2
 *
 *
 *
 **********************/

.bzkshop--griddeal-style2 .bzkshop-list {
	padding: 30px 0;
	
}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style2.bzkshop .bzkshop-item {   
	border: solid 1px #dddddd;
	border-radius: 20px;
	box-shadow: rgb(0 0 0 / 15%) 0px 10px 10px;
	transition: transform 0.3s ease;
	    
}
.bzkshop--griddeal-style2 .bzkshop-list > li.bzkshop-item:nth-child(2){
	background: #fff;
	position: relative;
	border: solid 1px #8746db;
	box-shadow: rgb(135 70 219 / 15%) 5px 10px 20px;
}
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-header {
   display: block !important;
   border-radius: 20px 20px 0px 0px;

}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-image {
  padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;

}
.bzkshop--griddeal-style2.bzkshop .bzkshop-image .new-img-bzk{
	border: solid 10px white;
    border-radius: 20px;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style2.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style2 .bzkshop-title {
    color: #8746db;
}
/**********************
 * BUTTON
 **********************/

.bzkshop--griddeal-style2 .bzkshop-button {
background: linear-gradient(90deg, #8746db, #da3a82);
border-radius:999px;
}
/**********************
 * DISCOUNT
 **********************/

.bzkshop--griddeal-style2 .bzkshop-discount {
    position: absolute;
    top: 90px;
	right: 50px;
    font-size: 1em;
    padding: 0;
    background: #fff;
    color: #d93a83;
    border: solid 2px #d93a83;
    font-weight: 700;
    white-space: nowrap;	
    border-radius: 999px;    
    width: 60px;
    line-height: 60px;
    height: 60px;
}
/**********************
 * OFFER
 **********************/
.bzkshop--griddeal-style2.bzkshop .bzkshop-offer {
       text-align: center;
}
/**********************
 * Bandeau centré en haut (effet bouton)
 **********************/

.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer {
    background-color: #8e45d3;
	clip-path: polygon(0% 0, 55% 0, 0 55%, 0 50%);
    width: 250px;
    height: 250px;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.9;
    border-radius: 20px 0 0 0;
}

.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p {
   transform: rotate(-45deg);
    color: white;
    font-size: 15px;
    position: absolute;
    top: 25px;
    left: 0px;
    width: 40%;
    text-transform: uppercase;
	font-weight:600;
}
.bzkshop--griddeal-style2 .bzkshop-item .bzkshop-header{
  padding-top: 16px;
}
.bzkshop--griddeal-style2 .bzkshop-footer {  
	padding: 1.5em;}

.bzkshop--griddeal-style2.bzkshop .bzkshop-button {
	max-width: 80%;
	margin:0 auto;
}
/**********************
 *
 *
 * GRID DEAL – NEW STYLE 3
 *
 *
 **********************/

.bzkshop--griddeal-style3 .bzkshop-list {	padding: 30px 0;	
}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style3.bzkshop .bzkshop-item {   
	border: none;
	border-radius: 5px;
	border: solid 1px #dddddd;
	box-shadow:none;   
	transition: transform 0.3s ease;
}

.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2){
	background: #fff;
	position: relative;	
	box-shadow: rgb(245 88 73 / 25%) 5px 10px 20px;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style3.bzkshop .bzkshop-header {
   display: block !important;
    border-radius: 5px;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style3.bzkshop .bzkshop-image {
	padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;

}
.bzkshop--griddeal-style3.bzkshop .bzkshop-image .new-img-bzk{
	border: solid 10px white;
    border-radius: 5px;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style3.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--griddeal-style3 .bzkshop-discount {
    border-color: #f3ad2b;
    color: #f3ad2b;
    right: 5%;
    top: inherit;
    border-radius: 5px;
    font-size: 1em;
    padding: 0.5em 0.25em;
}
.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-discount{
	border-color: #f65a4b;
    color: #f65a4b;
    }
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style3.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style3 .bzkshop-title {    color: #212121;}
.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{	color: #f65a4b;}
/**********************
 * OFFER
 **********************/

.bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer{
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0%); 
  width: 100%;
 height: auto;
 border-radius: 5px 5px 0 0 ;
 padding: 15px 40px; 
background: #f65a4b;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
 clip-path: none;
}

/* Texte du bandeau (plus de rotation) */
.bzkshop--griddeal-style3 .bzkshop-item #bandeau_best_offer p{
  position: static;
  transform: none;
  margin: 0;
  width: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--griddeal-style3 .bzkshop-button {
	background: #f3ad2b;
	color:#fff;
	border-radius:5px;
	width:60%;
	margin: 0 auto;
}
.bzkshop--griddeal-style3 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{
	background: #f65a4b;
	color:#fff;
	width:80%;
	margin: 0 auto;
}
/**********************
 * FOOTER
 **********************/
.bzkshop--griddeal-style3 .bzkshop-footer {padding: 1.5em;}

/**********************
 * 
 *
 * GRID DEAL – NEW STYLE 4
 * 
 *
 *
 **********************/

.bzkshop--griddeal-style4 .bzkshop-list {	padding: 30px 0;}
/**********************
 * ITEM
 **********************/

.bzkshop--griddeal-style4.bzkshop .bzkshop-item {   
 border: 1px solid #ccc;
 border-radius: 10px;
 box-shadow: none;
transition:transform 0.2s ease-out;
}
.bzkshop--griddeal-style4.bzkshop .bzkshop-item:hover {
	  transform: translateY(-10px);
}
.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(1), .bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(3){
	scale: 0.8 !important;
}

.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2){
 	background: #f0f8ff;
  	position: relative;
	box-shadow: rgb(0 0 0 / 15%) 10px 10px 20px;
	border-color: #2b98ed;
}
/**********************
 * HEADER
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-header {
   display: block !important;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-image {
  padding-top: 5%;
	padding-bottom: 5%;
	max-height: 250px;
}

.bzkshop--griddeal-style4.bzkshop .bzkshop-image .new-img-bzk{
	border: solid 10px white;
    border-radius: 10px;
}

/**********************
 * CONTENT
 **********************/
 .bzkshop--griddeal-style4.bzkshop .bzkshop-content{
	margin-top: 5px;
	padding: 0 1.5em;
}
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-header .bzkshop-logo{
    width: 100px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 8px auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * TITLE
 **********************/
.bzkshop--griddeal-style4 .bzkshop-title {color: #2f3a4d;}
.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-title{color: #2b98ed;}

.bzkshop--griddeal-style4 .bzkshop-footer{padding: 0;}


/**********************
 * BUTTON
 **********************/

.bzkshop--griddeal-style4 .bzkshop-button {
	background: #2f3a4d;
	border-radius:0 0 10px 10px;
	max-width:100%;
	margin: 0;
}

.bzkshop--griddeal-style4 .bzkshop-list > li.bzkshop-item:nth-child(2) .bzkshop-button{background-color: #2b98ed;}

/**********************
 * DISCOUNT
 **********************/

.bzkshop--griddeal-style4 .bzkshop-discount {
    position: absolute;
    top: 90px;
	right: 50px;
    font-size: 1em;
    padding: 0.2em 0.4em;
    background: #2b98ed;
    color: #fff;
    border: solid 2px #2b98ed;
    font-weight: 700;
    white-space: nowrap;	
    border-radius: 5px;
}
/**********************
 * OFFER
 **********************/
.bzkshop--griddeal-style4.bzkshop .bzkshop-offer {text-align: center;
}
/**********************
 * Bandeau meilleure offre 
 **********************/
.bzkshop--griddeal-style4 #bandeau_best_offer {background-color: #2b98ed;}

/**********************
 *
 *
 * Box – NEW STYLE 1
 * 
 *
 **********************/
.bzkshop--box-style1 .bzkshop-list {padding: 30px 0;}
/**********************
 * ITEM
 **********************/
.bzkshop--box-style1.bzkshop .bzkshop-item  {
	border-radius:10px;
	border: solid 1px #ddd;
	box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px;
	background-color:#f4f4f4;	
	padding:0;
    margin-bottom: 1.5em;
}
/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--box-style1 .bzkshop-logo {
    width: 90px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin: 0 0.1em 0.5em auto;
    border-radius: 5px;
    background-color: #ffffff;
}
/**********************
 * HEADER
 **********************/
.bzkshop--box-style1 .bzkshop-header{
	padding:0 5%;
	background: #fff;
	border-radius: 10px 0 0 10px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style1 .bzkshop-content {
    padding: 0.5em 1.5em;
	border-left:1px solid #ddd;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--box-style1 .bzkshop-image img
{
	border-radius: 5px; 

}
.bzkshop--box-style1.bzkshop .bzkshop-image {
	padding:5%;
	background-color: #fff;
    justify-content: center;   /* <-- centre horizontal */
}
/**********************
 * TITLE
 **********************/
.bzkshop--box-style1 .bzkshop-title{
	padding-right: 8em;
	color: #044e3e;
	font-size: 1.2em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/

.bzkshop--box-style1 .bzkshop-description{	padding-right: 8em;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--box-style1.bzkshop .bzkshop-discount {
    color: #fff;
    left: 1em;
    border-radius: 5px;
    position: absolute;
    top: 1em;
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #6aac41;
	border: none;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style1 .bzkshop-button{
	position: absolute;
    right: 25px;
    bottom: 25px;
	background-color: #044e3e;
	border-radius:5px;
}

/**********************
 *
 *
 * Box – NEW STYLE 2
 * 
 *
 **********************/
.bzkshop--box-style2 .bzkshop-list {padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--box-style2.bzkshop .bzkshop-item  {
	border-radius:20px;
	border: solid 1px #9db4a6;
	box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px;
	padding: 0;
    margin-bottom: 1.5em;
}
/**********************
 * LOGO
 **********************/
.bzkshop--box-style2 .bzkshop-logo {
    position: absolute;
	left:1.3em;
	top:1em;
	background-color: #fff;
	width : 100px;
	height:30px;
	border-radius: 5px;
    background-size: contain;
}
/**********************
 * HEADER
 **********************/
.bzkshop--box-style2 .bzkshop-header{
	padding:0 5%;
    background-color: #9db4a6;
	border-radius: 16px 0 0 16px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style2 .bzkshop-content {
    padding: 0.5em 1.5em;
	border-left:1px solid #9db4a6;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--box-style2 .bzkshop-image img {border-radius: 999px;}
.bzkshop--box-style2.bzkshop .bzkshop-image {
	padding-top: 5%;
    padding-bottom: 5%;
    justify-content: center;   /* <-- centre horizontal */
}
/**********************
 * TITLE
 **********************/
.bzkshop--box-style2 .bzkshop-title{
	padding-right: 8em;
	color: #212121;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/
.bzkshop--box-style2 .bzkshop-description{padding-right: 8em;}

/**********************
 * DISCOUNT
 **********************/
 .bzkshop--box-style2.bzkshop .bzkshop-discount {
    top: 1em;
    right: 1em;
    border-radius: 999px;
    color: #fff;
    border: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-color: #de545b;
    background-color: #de545b;
    left: inherit;
    padding: 0;
    font-size: 1em;
    font-weight: 600;
    }
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style2 .bzkshop-button{
	position: absolute;
    right: 25px;
    bottom: 25px;
	background-color: #9db4a6;
	border-radius:999px;
}

/**********************
 *
 *
 * Box – NEW STYLE 3
 *
 *
 **********************/
.bzkshop--box-style3 .bzkshop-list {padding: 30px 0;}
/**********************
 * ITEM
 **********************/
.bzkshop--box-style3.bzkshop .bzkshop-item  {
	max-width: 80% !important;
	border-radius:5px;
	border: solid 1px #8945f6;
	box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px;
	padding: 0;
    margin-bottom: 1.5em;
}
/**********************
 * HEADER
 **********************/
.bzkshop--box-style3 .bzkshop-header{
	padding:0 5%;
	border-radius: 5px 0 0 5px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style3 .bzkshop-content {padding: 0.5em 1.5em;}
/**********************
 * IMAGE
 **********************/
.bzkshop--box-style3 .bzkshop-image img {border-radius: 10px;}
.bzkshop--box-style3.bzkshop .bzkshop-image {
	padding-top: 5%;
  padding-bottom: 5%;	
  justify-content: center;   /* <-- centre horizontal */
}
/**********************
 * LOGO
 **********************/
.bzkshop--box-style3 .bzkshop-logo {
   width : 100px;
	height:30px;
	border-radius: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}
/**********************
 * TITLE
 **********************/
.bzkshop--box-style3 .bzkshop-title{
	padding-right: 1em;
	color: #212121;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/
.bzkshop--box-style3 .bzkshop-description{
	padding-right: 8em;
	display:none;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--box-style3.bzkshop .bzkshop-discount {
	border-radius: 5px;
    background: #d81f8f;
    border-color:#d81f8f;
    color: #fff;
    border: none;
    font-size: 1em;
    padding: 0.5em;
    }
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style3 .bzkshop-button{
	 background: linear-gradient(90deg, #e01b84, #8546f8);
	border-radius:5px;
}

/**********************
 *
 *
 * Box – NEW STYLE 4
 *
 *
 **********************/
.bzkshop--box-style4 .bzkshop-list {	padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--box-style4.bzkshop .bzkshop-item  {
	max-width: 80% !important;
	border-radius:20px;
	border: none;
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px;
    margin-bottom: 1.5em;
}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--box-style4 .bzkshop-logo {
 	position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/**********************
 * HEADER
 **********************/
.bzkshop--box-style4 .bzkshop-header{
	padding:0 5%;
	border-radius: 20px 0 0 20px;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--box-style4 .bzkshop-content {
    padding: 0.5em 1.5em;	
}
/**********************
 * IMAGE
 **********************/
.bzkshop--box-style4 .bzkshop-image img
{border-radius: 999px;}
.bzkshop--box-style4.bzkshop .bzkshop-image {
	padding-top: 5%;
    padding-bottom: 5%;	
    justify-content: center;   /* <-- centre horizontal */
}

/**********************
 * TITLE
 **********************/
.bzkshop--box-style4 .bzkshop-title{
	padding-right: 1em;
	color: #27aab0;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/

.bzkshop--box-style4 .bzkshop-description{
	display:none;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--box-style4.bzkshop .bzkshop-discount {
    color: #fff;    
    border-radius: 99px;
    position: absolute;
    top: 1em;
	left: 1em;
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #e6ca43;
	border: none;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--box-style4 .bzkshop-button{
	background: linear-gradient(90deg, #22abba, #ebcb41);
	border-radius:999px;
}

/**********************
 *
 *
 * Mini Box – NEW STYLE 1
 *
 *
 **********************/
.bzkshop--minibox-style1 .bzkshop-list {	padding: 30px 0; }
.bzkshop--minibox-style1 .bzkshop-list :last-child
{ margin-bottom: 1.5em;}

/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style1.bzkshop .bzkshop-item  {
	border-radius:10px;
	border: solid 4px #fff;
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px;
	background-color:#f9f8f1;	
}
.bzkshop--minibox-style1 .bzkshop-list li:last-child {    margin-bottom: 1em;}

/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minibox-style1 .bzkshop-logo {
   position: absolute;
	right: 1em;
	top: 0em;
	width: 100px;
	height: 30px;    
	border-radius: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
   }
   
/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style1 .bzkshop-image img
{border-radius: 5px;}
.bzkshop--minibox-style1.bzkshop .bzkshop-image {
	padding-top: 5%;
 	padding-bottom: 5%;
}
/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style1 .bzkshop-title{
	padding-right: 8em;
	color: #212121;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/

.bzkshop--minibox-style1 .bzkshop-description{
	padding-right: 8em;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style1 .bzkshop-button{
	position: absolute;
    right: 1em;
    bottom: 1em;
	  background-color: #df953c;
	border-radius:10px;
}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style1.bzkshop .bzkshop-discount {
border-radius: 10px 0;
	top: 0em;
	left: 0em;
	font-size: 0.8em;
	padding: 0.5em 1em;
	background: #7b9486;
	color: #fff;
	border: none;
}

/**********************
 *
 *
 * Mini Box – NEW STYLE 2
 * 
 *
 **********************/
.bzkshop--minibox-style2 .bzkshop-list {padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style2.bzkshop .bzkshop-item  {
	padding: 0;
	border-radius: 0px;
	border: solid 1px #ddd;
	box-shadow: rgb(0 0 0 / 15%) 10px 0px 25px;
}
.bzkshop--minibox-style2 .bzkshop-list li:last-child {
    margin-bottom: 1em;
}


/**********************
 * HEADER
 **********************/
.bzkshop--minibox-style2 .bzkshop-logo {
	position: absolute;
	left:1.3em;
	top:1em;
	background-color: #fff;
	width : 100px;
	height:30px;
	border-radius: 5px;
	background-size: contain;
}
/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style2 .bzkshop-image img {border-radius: 999px;}
.bzkshop--minibox-style2.bzkshop .bzkshop-image {
	padding-top: 5%;
 	padding-bottom: 5%;
}
/**********************
 * CONTENT
 **********************/
.bzkshop--minibox-style2 .bzkshop-content{ 
	background: #ededed;
	padding: 1em;
	border-left: solid 1px #ddd;
    min-height: 310px;
}
/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style2 .bzkshop-title{
	padding-right: 3em;
	color: #de555b;
	font-size: 1em;
	font-weight: 600;
}
/**********************
 * DESCRIPTION
 **********************/
.bzkshop--minibox-style2 .bzkshop-description{	padding-right: 3em;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style2.bzkshop .bzkshop-discount {
	top: 0; 
	right: 0;
	left:inherit;
	border-radius: 0;
	padding: 0.5em 1em;
	background: #de555b;
	font-size: 0.8em;
	color: #fff;
	border: none;
}
/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style2 .bzkshop-button{
	background: #de555b;
	border-radius:0px;
	padding: 0.5em 1.5em;
    color:#fff;
}

/**********************
 *
 * 	
 * Mini Box – NEW STYLE 3
 * 
 *
 *
 **********************/
 
.bzkshop--minibox-style3 .bzkshop-list {padding: 30px 0;}

/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style3.bzkshop .bzkshop-item  {
	border-radius:10px;
	border: solid 1px #8945f6;
	box-shadow: rgb(137 69 246 / 10%) 10px 10px 20px;
}
.bzkshop--minibox-style3 .bzkshop-list li:last-child {margin-bottom: 1em;}

/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style3 .bzkshop-image img {border-radius: 10px;}
.bzkshop--minibox-style3.bzkshop .bzkshop-image {
	padding-top: 5%;
 	padding-bottom: 5%;	
}

/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style3 .bzkshop-title {
	padding-right: 1em;
	color: #db1e8b;
	font-size: 1em;
	font-weight: bold;
    margin-bottom:6px;
}

/**********************
 * DESCRIPTION
 **********************/
.bzkshop--minibox-style3 .bzkshop-description{ font-size:1em; padding-right: 1em;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style3.bzkshop .bzkshop-discount {
 	top: 1em;
	left: 1em;
	width:50px;
	height: 50px;
	border-radius: 999px;
	line-height:50px;
	padding: 0 0.5em;
	background: #8546f8;
	color: #fff;
	border: none;
	font-size: 0.8em;
}

/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style3 .bzkshop-button{
	background: linear-gradient(90deg, #e01b84, #8546f8);
	border-radius:10px;	
	width: auto !important;
	max-width: 100%;
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em;
    color:#fff;
}

/**********************
 *
 *
 * Mini Box – NEW STYLE 4
 * 
 *
 *
 **********************/
.bzkshop--minibox-style4 .bzkshop-list {padding: 30px 0;}
/**********************
 * ITEM
 **********************/
.bzkshop--minibox-style4.bzkshop .bzkshop-item  {
	border-radius:20px;
	border: solid 1px #ddd;
	box-shadow: rgb(0 0 0 / 10%) 10px 10px 20px;
}
.bzkshop--minibox-style4 .bzkshop-list li:last-child {    margin-bottom: 1em;}


/**********************
 * LOGO MARQUE
 **********************/
.bzkshop--minibox-style4 .bzkshop-logo {
 	position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    width: 100px;
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/**********************
 * IMAGE
 **********************/
.bzkshop--minibox-style4 .bzkshop-image img
{border-radius: 999px;}
.bzkshop--minibox-style4.bzkshop .bzkshop-image {
	padding-top: 5%;
  padding-bottom: 5%;	
}

/**********************
 * TITLE
 **********************/
.bzkshop--minibox-style4 .bzkshop-title{
	padding-right: 1em;
	color: #ea942d;
	font-size: 1em;
	font-weight: 600;
    margin-bottom:6px;
}

/**********************
 * DESCRIPTION
 **********************/
.bzkshop--minibox-style4 .bzkshop-description{	font-size:1em; display:none;}
/**********************
 * DISCOUNT
 **********************/
.bzkshop--minibox-style4.bzkshop .bzkshop-discount {
    color: #fff;    
    border-radius: 20px;
    position: absolute;
    top: 1em;
    left:1em;	
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #8631df;
	border: none;
}

/**********************
 * BUTTON
 **********************/
.bzkshop--minibox-style4 .bzkshop-button{
	background: #ea942d;
	border-radius:999px;
}

/**************************************
 *
 *  RESPONSIVE – MOBILE (max-width 768px)
 *
 **************************************/
@media screen and (max-width: 768px) {

.bzkshop .bzkshop-item {max-width: 85% !important;}


	/*************************************
	 * NEWGRID – style1 à style4
	 * Le CSS Grid gère déjà le passage en 1 colonne.
	 * On corrige les positionnements absolus fragiles
	 * et on réduit la hauteur min des images.
	 *************************************/

	/* Images : retirer min-height trop grand */
	[class*="bzkshop--newgrid-style"].bzkshop-grid .bzkshop-header .bzkshop-image img {
		max-height: 220px;
        max-width: 220px !important;
        min-width: 200px;
        min-height: 200px;
	}

	/* Logo : passer en statique au lieu de absolute avec top négatif */
    .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-content .bzkshop-logo
    {
		position: static !important;
		top: auto !important;
		right: auto !important;
		margin: 8px 0 8px auto;
	}
	
    .bzkshop--newgrid-style1.bzkshop-grid .bzkshop-offer{
    height:auto !important;
    }
    
	.bzkshop--newgrid-style3.bzkshop-grid .bzkshop-content .bzkshop-logo,
	.bzkshop--newgrid-style4.bzkshop-grid .bzkshop-content .bzkshop-logo {
    
		position: static !important;
		top: auto !important;
		right: auto !important;
		margin: 0 0 8px auto;
	}

	/* Discount style1 : repositionner (top: 28em trop fragile) */
	.bzkshop--newgrid-style1.bzkshop .bzkshop-discount {
		top: auto;
		right: auto;
		position: relative;
		margin-left: 10px;
        margin-top: -1em;      
	}

	/* Discount style4 : repositionner (right: 12em trop large) */
	.bzkshop--newgrid-style4.bzkshop .bzkshop-discount {
		right: 20px;
        margin-right: 0;
	}

	/*************************************
	 * MINIGRID – style1 & style2
	 * Override du max-width: 18% inline du PHP
	 *************************************/
 .bzkshop--minigrid-style1.bzkshop-grid .bzkshop-header, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-header{ display: ruby !important;}
 
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-item {
	max-width: 85% !important;
	width: 85% !important;
	margin: 0.5em auto;
    flex: inherit !important;    
}
    
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-image,  .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-image{
    height: 120px;
    width: 120px;
}
.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-title  {
	font-size: 1.1em;
    line-height: 1.15em;
}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-offer {
height: auto !important; 
margin: 0.25em 0 0.5em;

}

.bzkshop--minigrid-style1.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style2.bzkshop-grid .bzkshop-price {
    font-size: 1.5em;   
   }


	/*************************************
	 * MINIGRID – style3 & style4
	 * Conteneur 70% trop étroit, flex row sans wrap
	 *************************************/
.bzkshop--minigrid-style3.bzkshop-grid, .bzkshop--minigrid-style4.bzkshop-grid {
	padding: 14px;
    max-width: 85% !important;
}
      
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item  {
	margin: 0 auto;
    flex: inherit !important;
    border-right: none; 
}
.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item {
	border-bottom: 2px solid #fff;
}
.bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item {
	border-bottom: 1px solid #ddd;
}
 .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image{
	height: auto;
    width: auto;
}
  .bzkshop--minigrid-style3.bzkshop-grid .bzkshop-header .bzkshop-image img, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-header .bzkshop-image img{
    height: 120px;
    width: 120px;
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-title, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-title  {
	font-size: 1.1em !important;
	line-height: 1.15em;
    margin-bottom:6px;
    
}

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-offer, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-offer {
height: auto !important; 
margin: 0.25em 0 0.5em;
}

.bzkshop--minigrid-style3 .bzkshop-description, .bzkshop--minigrid-style4 .bzkshop-description {
    font-size:1em;
} 

.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-price, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-price {
    font-size: 1.5em;   
}


.bzkshop--minigrid-style3.bzkshop-grid .bzkshop-item:last-child, .bzkshop--minigrid-style4.bzkshop-grid .bzkshop-item:last-child {	border-bottom: none;	}
 
	
	/*************************************
	 * GRIDDEAL – style1 à style4
	 * Empiler les 3 cards verticalement
	 *************************************/
	[class*="bzkshop--griddeal-style"] .bzkshop-list {
		flex-direction: column !important;
		align-items: center;
	}

	[class*="bzkshop--griddeal-style"] .bzkshop-item {
		max-width: 85% !important;
		width: 85% !important;
		/*scale: 1 !important;*/
	}

	/* Bandeau best offer style2 : clip-path 250px déborde */
	.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer {
		width: 220px;
		height: 220px;
	}

	.bzkshop--griddeal-style2 .bzkshop-item #bandeau_best_offer p {
		top: 18px;
		left: 0;
        /*font-size: 12px;
		width: 42%;*/
	}

	/* Discount griddeal : ajuster positions fixes */
	.bzkshop--griddeal-style2 .bzkshop-discount,
	.bzkshop--griddeal-style4 .bzkshop-discount {
		right: 15px;
		top: 60px;
	}

	/*************************************
	 * BOX – style1 à style4
	 * Passer en layout vertical (image au-dessus, contenu dessous)
	 *************************************/
	[class*="bzkshop--box-style"].bzkshop .bzkshop-item {
		flex-direction: column !important;
		max-width: 85% !important;
	}

	[class*="bzkshop--box-style"] .bzkshop-header {
		border-radius: 10px 10px 0 0 !important;
		width: 100%;
	}

	[class*="bzkshop--box-style"] .bzkshop-content {
		border-left: none !important;
		padding: 1em !important;
	}

	/* Supprimer les padding-right: 8em qui écrasent le texte */
	[class*="bzkshop--box-style"] .bzkshop-title,
	[class*="bzkshop--box-style"] .bzkshop-description {
		padding-right: 0 !important;
	}

	/* Boutons absolus : passer en statique */
	.bzkshop--box-style1 .bzkshop-button,
	.bzkshop--box-style2 .bzkshop-button {
		position: static !important;
		margin: 1em auto !important;
		width: auto;
	}

	/* Logo box-style2 absolu : repositionner */
	.bzkshop--box-style2 .bzkshop-logo {
		position: static !important;
		margin: 0 0 8px 0;
	}

	/* Logo box-style4 absolu en bas : repositionner */
	.bzkshop--box-style4 .bzkshop-logo {
		position: static !important;
		margin: 8px auto 0;
	}

	/*************************************
	 * MINIBOX – style1 à style4
	 * (le passage en 1 colonne est déjà géré par style.css @745px)
	 * On corrige le layout interne de chaque card
	 *************************************/
	[class*="bzkshop--minibox-style"].bzkshop .bzkshop-item {flex-direction: column !important;	}
    
	[class*="bzkshop--minibox-style"].bzkshop-description {padding-right: 0 !important;}
    
  .bzkshop--minibox-style1.bzkshop .bzkshop-image, .bzkshop--minibox-style2.bzkshop .bzkshop-image, .bzkshop--minibox-style3.bzkshop .bzkshop-image, .bzkshop--minibox-style4.bzkshop .bzkshop-image {
    padding-top: 2%;
    padding-bottom: 2%;
}
 .bzkshop--minibox-style1 .bzkshop-title, .bzkshop--minibox-style2 .bzkshop-title,  .bzkshop--minibox-style3 .bzkshop-title, .bzkshop--minibox-style4 .bzkshop-title {margin: 0.25em 0; padding-right:0;}


	/* minibox-style1 */
	.bzkshop--minibox-style1 .bzkshop-button {position: static !important;}
    .bzkshop--minibox-style1 .bzkshop-image img {max-width : 150px;}
    .bzkshop--minibox-style1 .bzkshop-list :last-child {margin-bottom : 0;}
    .bzkshop .bzkshop-offer {margin: 0.5em 0 0.5em;} 
	.bzkshop--minibox-style1 .bzkshop-logo {
        position: absolute;
        margin: 0 auto;
        width: 90px;
        top: inherit;
        bottom: 4em;
        right: 1.5em;
	}
    .bzkshop--minibox-style1 .bzkshop-description {
    padding-right: 0;
    margin: 0.25em 0 0;
   
    }  

	/* minibox-style2 */
	.bzkshop--minibox-style2 .bzkshop-content {
		min-height: auto !important;
		border-left: none !important;
	}
    .bzkshop--minibox-style2 .bzkshop-image img, .bzkshop--minibox-style3 .bzkshop-image img,.bzkshop--minibox-style4 .bzkshop-image img {max-width : 170px;}

	.bzkshop--minibox-style2 .bzkshop-logo {margin: 0 0 8px 0; width: 90px;}
    
     .bzkshop--minibox-style2 .bzkshop-description{padding-right:0;}
    
    
    /* minibox-style3*/
    .bzkshop--minibox-style3 .bzkshop-logo {
	position: absolute;
    right: 1em;
    top:1em;    
	margin: 0;
    width: 90px;
	}
    
	/* minibox-style4*/
	.bzkshop--minibox-style4 .bzkshop-logo {
	position: absolute;
    right: 1em;
    top:1em;    
	margin: 0;
    width:90px;
	}
}
