/* ==========================================================
   DIGBANG SHOP PRODUCT CARD
========================================================== */

.db-shop-product-card {
	position: relative;

	box-sizing: border-box;

	width: 312px;
	height: 350px;

	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid #F6EDDE;
	border-radius: 12px;

	direction: rtl;

	transition: box-shadow 0.2s ease;
}


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

.db-shop-product-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
}


/* ==========================================================
   IMAGE
========================================================== */

.db-shop-product-card__image-link {
	display: block;

	width: 312px;
	height: 246px;

	overflow: hidden;
}


.db-shop-product-card__image {
	display: block;

	width: 312px;
	height: 246px;

	object-fit: cover;
}


/* ==========================================================
   CONTENT
========================================================== */

.db-shop-product-card__content {
	position: relative;

	box-sizing: border-box;

	width: 100%;
	height: 104px;

	padding: 16px;
}


/* ==========================================================
   HEADING
========================================================== */

.db-shop-product-card__heading {
	display: flex;
	align-items: baseline;

	gap: 6px;
}


/* ==========================================================
   TITLE
========================================================== */

.db-shop-product-card__title {
	margin: 0;

	font-family: Vazirmatn, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;

	color: #030100;

	text-decoration: none;
}


/* ==========================================================
   WEIGHT
========================================================== */

.db-shop-product-card__weight {
	font-family: Vazirmatn, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;

	color: #8E7D71;

	white-space: nowrap;
}


/* ==========================================================
   BOTTOM WRAPPER
========================================================== */

.db-shop-product-card__bottom {
	position: static;
}


/* ==========================================================
   PRICE GROUP
========================================================== */

.db-shop-product-card__price-group {
	position: absolute;

	right: 16px;
	bottom: 16px;

	display: flex;
	align-items: baseline;

	gap: 7px;
}


/* ==========================================================
   CURRENT PRICE
========================================================== */

.db-shop-product-card__price {
	font-family: Vazirmatn, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;

	color: #000000;

	white-space: nowrap;
}


.db-shop-product-card__currency {
	font: inherit;
}


/* ==========================================================
   OLD PRICE
========================================================== */

.db-shop-product-card__old-price {
	font-family: Vazirmatn, sans-serif;
	font-size: 10px;
	font-weight: 300;
	line-height: 1;

	color: #B8A292;

	text-decoration: line-through;

	white-space: nowrap;
}


/* ==========================================================
   DISCOUNT BADGE
========================================================== */

.db-shop-product-card__discount {
	position: absolute;

	left: 16px;
	bottom: 16px;

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

	box-sizing: border-box;

	width: max-content;
	height: 24px;

	padding: 0 8px;

	background: transparent;

	border: 1px solid #CC5200;
	border-radius: 8px;

	font-family: Vazirmatn, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;

	color: #CC5200;

	white-space: nowrap;

	transition:
		opacity 0.2s ease,
		visibility 0.2s ease;
}


/* ==========================================================
   ADD TO CART
========================================================== */

.db-shop-product-card__add-to-cart {
	position: absolute;

	left: 16px;
	bottom: 16px;

	box-sizing: border-box;

	width: 115.36px;
	height: 26.08px;

	padding: 0;

	background: #FF6600;

	border: none;
	border-radius: 5.23px;

	font-family: Vazirmatn, sans-serif;
	font-size: 10.45px;
	font-weight: 600;
	line-height: 1;

	color: #FFFFFF;

	text-align: center;

	cursor: pointer;

	opacity: 0;
	visibility: hidden;

	transition:
		opacity 0.2s ease,
		visibility 0.2s ease,
		background-color 0.2s ease;
}


/* ==========================================================
   HOVER STATES
========================================================== */

.db-shop-product-card:hover
.db-shop-product-card__add-to-cart {
	opacity: 1;
	visibility: visible;
}


.db-shop-product-card:hover
.db-shop-product-card__discount {
	opacity: 0;
	visibility: hidden;
}


/* ==========================================================
   BUTTON HOVER
========================================================== */

.db-shop-product-card__add-to-cart:hover {
	background: #E65C00;
}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

.db-shop-product-card__title:focus-visible,
.db-shop-product-card__image-link:focus-visible,
.db-shop-product-card__add-to-cart:focus-visible {
	outline: 2px solid #FF6600;
	outline-offset: 2px;
}