/**
 * ==========================================================
 * SHMT Premium Hero
 * SasthaHouse Marketplace Toolkit
 * ==========================================================
 */

/* ==========================================================
   Hero Section
========================================================== */

.shmt-hero{

	padding:var(--shmt-space-8) 0;

}

.shmt-hero__layout{

	display:grid;

	grid-template-columns:1fr;

	gap:var(--shmt-space-6);

}

/* ==========================================================
   Gallery
========================================================== */

.shmt-gallery{

	display:flex;

	flex-direction:column;

	gap:var(--shmt-space-4);

}

.shmt-gallery__main{

	position:relative;

	overflow:hidden;

	border-radius:var(--shmt-radius-lg);

	background:var(--shmt-surface-alt);

	box-shadow:var(--shmt-shadow-md);

	aspect-ratio:16 / 9;

}

.shmt-gallery__image{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:transform .45s ease;

}

.shmt-gallery__main:hover .shmt-gallery__image{

	transform:scale(1.05);

}

.shmt-gallery__placeholder{

	width:100%;

	height:100%;

	min-height:360px;

	border-radius:inherit;

}

.shmt-gallery__count{

	position:absolute;

	right:16px;

	bottom:16px;

	background:rgba(0,0,0,.75);

	color:#fff;

	padding:8px 14px;

	border-radius:999px;

	font-size:14px;

	font-weight:600;

	backdrop-filter:blur(8px);

	z-index:2;

}

.shmt-gallery__thumbs{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:var(--shmt-space-3);

}

.shmt-gallery__thumb{

	position:relative;

	overflow:hidden;

	border-radius:var(--shmt-radius-md);

	background:var(--shmt-surface-alt);

	aspect-ratio:1;

	box-shadow:var(--shmt-shadow-sm);

	cursor:pointer;

}

.shmt-gallery__thumb-image{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:all .3s ease;

}

.shmt-gallery__thumb:hover .shmt-gallery__thumb-image{

	transform:scale(1.08);

}

.shmt-gallery__thumb:hover{

	box-shadow:var(--shmt-shadow-md);

}

/* ==========================================================
   Hero Content
========================================================== */

.shmt-hero__content{

	display:flex;

	flex-direction:column;

	gap:var(--shmt-space-5);

}

.shmt-hero__header-wrapper,
.shmt-hero__facts,
.shmt-hero__actions{

	width:100%;

}

/* ==========================================================
   Header
========================================================== */

.shmt-hero__badges{

	display:flex;

	flex-wrap:wrap;

	gap:var(--shmt-space-2);

	margin-bottom:var(--shmt-space-3);

}

.shmt-hero__title{

	font-size:clamp(2rem,4vw,3.4rem);

	font-weight:700;

	line-height:1.15;

	margin:0;

}

.shmt-hero__price{

	font-size:clamp(2.2rem,5vw,3.25rem);

	font-weight:700;

	color:var(--shmt-primary);

	margin-top:var(--shmt-space-2);

}

.shmt-hero__location{

	display:inline-flex;

	align-items:center;

	gap:10px;

	margin-top:var(--shmt-space-3);

	color:var(--shmt-text-secondary);

	font-size:1rem;

}

.shmt-hero__location-icon{

	width:18px;

	height:18px;

	flex-shrink:0;

}

.shmt-hero__chips{

	display:flex;

	flex-wrap:wrap;

	gap:10px;

	margin-top:var(--shmt-space-4);

}

/* ==========================================================
   Quick Facts
========================================================== */

.shmt-hero__facts-grid{

	display:grid;

	grid-template-columns:repeat(2,minmax(0,1fr));

	gap:20px;

}

.shmt-fact-card{

	display:flex;

	align-items:center;

	gap:18px;

	padding:22px;

	background:#fff;

	border:1px solid var(--shmt-border);

	border-radius:18px;

	transition:all .25s ease;

}

.shmt-fact-card:hover{

	transform:translateY(-4px);

	box-shadow:var(--shmt-shadow-md);

	border-color:rgba(37,99,235,.15);

}

.shmt-fact-card__icon{

	font-size:34px;

	line-height:1;

}

.shmt-fact-card__content{

	display:flex;

	flex-direction:column;

}

.shmt-fact-card__value{

	font-size:1.25rem;

	font-weight:700;

	line-height:1.1;

	color:var(--shmt-text-primary);

}

.shmt-fact-card__label{

	margin-top:4px;

	font-size:.9rem;

	color:var(--shmt-text-secondary);

}

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

	.shmt-gallery__placeholder{

		min-height:240px;

	}

	.shmt-gallery__thumbs{

		grid-template-columns:repeat(2,1fr);

	}

	.shmt-gallery__count{

		right:12px;

		bottom:12px;

		font-size:13px;

		padding:6px 10px;

	}

	.shmt-hero__title{

		font-size:2rem;

	}

	.shmt-hero__price{

		font-size:2rem;

	}

	.shmt-fact-card{

		padding:16px;

	}

}

/* ==========================================================
   Tablet
========================================================== */

@media (min-width:768px){

	.shmt-gallery__thumbs{

		grid-template-columns:repeat(4,1fr);

	}

	.shmt-hero__facts-grid{

		grid-template-columns:repeat(4,minmax(0,1fr));

	}

}

/* ==========================================================
   Large Desktop
========================================================== */

@media (min-width:1200px){

	.shmt-hero{

		padding:var(--shmt-space-10) 0;

	}

	.shmt-gallery__placeholder{

		min-height:560px;

	}

}

/* ==========================================================
   SHMT Premium Hero Header v2
========================================================== */

.shmt-hero__header{

	display:flex;

	flex-direction:column;

	gap:24px;

	padding:32px;

	background:#ffffff;

	border:1px solid #ececec;

	border-radius:24px;

	box-shadow:0 10px 30px rgba(15,23,42,.06);

}

/* ==========================================================
   Header Top
========================================================== */

.shmt-hero__header-top{

	display:flex;

	align-items:center;

	justify-content:space-between;

	flex-wrap:wrap;

	gap:12px;

}

.shmt-hero__badges{

	display:flex;

	flex-wrap:wrap;

	gap:12px;

	margin:0;

}

.shmt-hero__badge{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:8px 18px;

	border-radius:999px;

	font-size:.82rem;

	font-weight:700;

	letter-spacing:.6px;

	text-transform:uppercase;

}

.shmt-hero__badge--premium{

	background:linear-gradient(
		135deg,
		#C7A248,
		#E6CB79
	);

	color:#ffffff;

}

.shmt-hero__badge--verified{

	background:#eef8f1;

	color:#18864b;

	border:1px solid #cbe8d5;

}

/* ==========================================================
   Title
========================================================== */

.shmt-hero__header-main{

	display:flex;

	flex-direction:column;

	gap:18px;

}

.shmt-hero__title{

	margin:0;

	font-size:clamp(2rem,4vw,3.4rem);

	font-weight:700;

	line-height:1.15;

	color:#1b1b1b;

}

/* ==========================================================
   Price
========================================================== */

.shmt-hero__price-block{

	display:flex;

	flex-direction:column;

	gap:4px;

}

.shmt-hero__price-label{

	font-size:.82rem;

	font-weight:600;

	text-transform:uppercase;

	letter-spacing:1px;

	color:#8a8a8a;

}

.shmt-hero__price{

	font-size:clamp(2.3rem,5vw,3.5rem);

	font-weight:800;

	color:#c59b2d;

	line-height:1.1;

	margin:0;

}

/* ==========================================================
   Location
========================================================== */

.shmt-hero__location{

	display:flex;

	align-items:flex-start;

	gap:14px;

	padding:18px 20px;

	border-radius:18px;

	background:#fafafa;

	border:1px solid #eeeeee;

	margin:0;

}

.shmt-hero__location-icon{

	width:22px;

	height:22px;

	color:#c59b2d;

	margin-top:2px;

	flex-shrink:0;

}

.shmt-hero__location-content{

	display:flex;

	flex-direction:column;

}

.shmt-hero__location-label{

	font-size:.80rem;

	font-weight:600;

	text-transform:uppercase;

	letter-spacing:.8px;

	color:#999999;

}

.shmt-hero__location-value{

	margin-top:4px;

	font-size:1rem;

	font-weight:500;

	color:#222222;

	line-height:1.5;

}

/* ==========================================================
   Chips
========================================================== */

.shmt-hero__chips{

	display:flex;

	flex-wrap:wrap;

	gap:12px;

	margin:0;

}

.shmt-hero__chip{

	display:inline-flex;

	align-items:center;

	padding:10px 18px;

	border-radius:999px;

	background:#f7f7f7;

	border:1px solid #e5e5e5;

	font-size:.90rem;

	font-weight:600;

	color:#555555;

	transition:.25s;

}

.shmt-hero__chip:hover{

	background:#ffffff;

	border-color:#c59b2d;

	color:#c59b2d;

	transform:translateY(-2px);

}