/* =========================================================
   SOUQDENT HOME — HOT OFFERS
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

.sd-home-hot-offers{
	padding:54px 0 58px;

	background:#fff;

	border-bottom:1px solid #edf0f3;
}


/* =========================================================
   HEADER
   ========================================================= */

.sd-home-hot-offers-header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;

	gap:24px;

	margin-bottom:24px;
}


.sd-home-hot-offers-heading{
	min-width:0;
}


.sd-home-hot-offers-kicker{
	display:block;

	margin:0 0 6px;

	color:#d99000;

	font-size:11px;
	font-weight:800;
	line-height:1.2;

	letter-spacing:1.6px;
	text-transform:uppercase;
}


.sd-home-hot-offers-heading h2{
	margin:0;

	color:#172230;

	font-size:30px;
	font-weight:800;
	line-height:1.18;
}


.sd-home-hot-offers-heading p{
	margin:8px 0 0;

	color:#718096;

	font-size:14px;
	line-height:1.5;
}


/* =========================================================
   CONTROLS
   ========================================================= */

.sd-home-hot-offers-controls{
	display:flex;
	align-items:center;

	gap:8px;

	flex:0 0 auto;
}


.sd-home-hot-offers-controls.is-hidden{
	display:none;
}


.sd-home-hot-offers-arrow{
	display:flex;
	align-items:center;
	justify-content:center;

	width:40px;
	height:40px;

	padding:0;

	background:#fff;
	color:#172230;

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

	cursor:pointer;
}


.sd-home-hot-offers-arrow:hover:not(:disabled){
	background:#ffad00;
	border-color:#ffad00;
	color:#172230;
}


.sd-home-hot-offers-arrow:disabled{
	opacity:.35;
	cursor:default;
}


/* =========================================================
   SLIDER
   ========================================================= */

.sd-home-hot-offers-slider{
	width:100%;

	overflow:hidden;
}


.sd-home-hot-offers-track{
	display:flex;
	align-items:stretch;

	gap:22px;

	width:max-content;

	transition:transform .35s ease;

	will-change:transform;
}


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

.sd-hot-offer-card{
	position:relative;

	display:flex;
	flex-direction:column;

	flex:0 0 auto;

	width:280px;

	background:#fff;

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

	overflow:hidden;
}


/* =========================================================
   HOT BADGE
   ========================================================= */

.sd-hot-offer-badge{
	position:absolute;

	top:12px;
	left:12px;

	z-index:3;

	padding:6px 11px;

	background:#ffad00;
	color:#172230;

	border-radius:999px;

	font-size:10px;
	font-weight:800;
	line-height:1;

	letter-spacing:.5px;
	text-transform:uppercase;
}


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

.sd-hot-offer-image-link{
	display:block;

	text-decoration:none;
}


.sd-hot-offer-image{
	display:flex;
	align-items:center;
	justify-content:center;

	height:250px;

	padding:18px;

	background:#fff;
}


.sd-hot-offer-img,
.sd-hot-offer-image img{
	display:block;

	max-width:100%;
	max-height:100%;

	width:auto;
	height:auto;

	object-fit:contain;
}


.sd-hot-offer-image-separator{
	height:1px;

	margin:0 14px;

	background:#e7ebef;
}


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

.sd-hot-offer-body{
	display:flex;
	flex-direction:column;

	flex:1;

	padding:16px 18px 18px;

	text-align:center;
}


/* =========================================================
   BRAND ROW
   ========================================================= */

.sd-hot-offer-brand-row{
	display:flex;
	align-items:center;
	justify-content:center;

	min-height:40px;

	margin-bottom:8px;
}


.sd-hot-offer-brand-link{
	display:flex;
	align-items:center;
	justify-content:center;

	gap:6px;

	max-width:100%;
	min-width:0;

	color:#172230;

	text-decoration:none;
}


.sd-hot-offer-brand-logo{
	display:flex;
	align-items:center;
	justify-content:center;

	flex:0 0 auto;

	width:86px;
	height:34px;

	overflow:visible;
}


.sd-hot-offer-brand-logo img{
	display:block;

	width:auto !important;
	height:auto !important;

	max-width:100% !important;
	max-height:100% !important;

	object-fit:contain !important;

	margin:0;
	padding:0;
}


.sd-hot-offer-brand-name{
	display:block;

	max-width:125px;
	min-width:0;

	overflow:hidden;

	color:#172230;

	font-size:12px;
	font-weight:700;
	line-height:1.25;

	text-overflow:ellipsis;
	white-space:nowrap;
}


/* =========================================================
   PRODUCT NAME
   FIXED TWO-LINE AREA
   ========================================================= */

.sd-hot-offer-title{
	display:-webkit-box;

	min-height:48px;
	max-height:48px;

	margin:0;

	overflow:hidden;

	color:#172230;

	font-size:19px;
	font-weight:800;
	line-height:24px;

	text-align:center;

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


.sd-hot-offer-title a{
	color:inherit;

	text-decoration:none;
}


/* =========================================================
   DESCRIPTION
   FIXED TWO-LINE AREA
   ========================================================= */

.sd-hot-offer-description{
	display:-webkit-box;

	min-height:42px;
	max-height:42px;

	margin:8px 0 12px;

	overflow:hidden;

	color:#718096;

	font-size:13px;
	line-height:21px;

	text-align:center;

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


/* =========================================================
   STORE ROW
   ========================================================= */

.sd-hot-offer-store-row{
	display:flex;
	align-items:center;
	justify-content:center;

	min-height:40px;

	margin-top:auto;
}


.sd-hot-offer-store-link{
	display:flex;
	align-items:center;
	justify-content:center;

	gap:8px;

	max-width:100%;
	min-width:0;

	color:#172230;

	text-decoration:none;
}


.sd-hot-offer-store-logo{
	display:flex;
	align-items:center;
	justify-content:center;

	flex:0 0 auto;

	width:58px;
	height:30px;
}


.sd-hot-offer-store-logo img{
	display:block;

	max-width:100%;
	max-height:100%;

	width:auto;
	height:auto;

	object-fit:contain;
}


.sd-hot-offer-store-name{
	display:block;

	max-width:150px;
	min-width:0;

	overflow:hidden;

	color:#172230;

	font-size:12px;
	font-weight:700;
	line-height:1.25;

	text-overflow:ellipsis;
	white-space:nowrap;
}


/* =========================================================
   EMPTY ROW
   ========================================================= */

.sd-hot-offer-empty-line{
	display:block;

	min-height:30px;
}


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

.sd-hot-offer-price{
	margin-top:12px;

	color:#d98900;

	font-size:22px;
	font-weight:800;
	line-height:1.2;

	text-align:center;

	white-space:nowrap;
}


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

.sd-hot-offer-view{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;

	margin-top:14px;

	padding:11px 14px;

	background:#172230;
	color:#fff;

	border-radius:7px;

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

	text-align:center;
	text-decoration:none;
}


.sd-hot-offer-view:hover{
	background:#ffad00;
	color:#172230;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

	.sd-home-hot-offers{
		padding:46px 0 50px;
	}


	.sd-hot-offer-image{
		height:230px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

	.sd-home-hot-offers{
		padding:36px 0 40px;
	}


	.sd-home-hot-offers-header{
		align-items:flex-end;

		gap:12px;

		margin-bottom:18px;
	}


	.sd-home-hot-offers-kicker{
		font-size:10px;
	}


	.sd-home-hot-offers-heading h2{
		font-size:24px;
	}


	.sd-home-hot-offers-heading p{
		margin-top:6px;

		font-size:12px;
	}


	.sd-home-hot-offers-arrow{
		width:35px;
		height:35px;
	}


	.sd-home-hot-offers-track{
		gap:12px;
	}


	.sd-hot-offer-image{
		height:180px;

		padding:12px;
	}


	.sd-hot-offer-image-separator{
		margin:0 10px;
	}


	.sd-hot-offer-body{
		padding:13px 10px 12px;
	}


	.sd-hot-offer-brand-row{
		min-height:32px;

		margin-bottom:6px;
	}


	.sd-hot-offer-brand-link{
		gap:5px;
	}


	.sd-hot-offer-brand-logo{
		width:64px;
		height:26px;
	}


	.sd-hot-offer-brand-name{
		max-width:78px;

		font-size:10px;
	}


	.sd-hot-offer-title{
		min-height:40px;
		max-height:40px;

		font-size:16px;
		line-height:20px;
	}


	.sd-hot-offer-description{
		min-height:36px;
		max-height:36px;

		margin:7px 0 10px;

		font-size:11px;
		line-height:18px;
	}


	.sd-hot-offer-store-row{
		min-height:32px;
	}


	.sd-hot-offer-store-logo{
		width:42px;
		height:24px;
	}


	.sd-hot-offer-store-name{
		max-width:95px;

		font-size:10px;
	}


	.sd-hot-offer-price{
		margin-top:10px;

		font-size:18px;
	}


	.sd-hot-offer-view{
		margin-top:11px;

		padding:10px 7px;

		font-size:11px;
	}

}