
:root {
	--detail-blue:#1a73e8;
	--detail-blue-dark:#1557b0;
	--detail-blue-soft:#e8f0fe;
	--detail-text:#202124;
	--detail-muted:#5f6368;
	--detail-border:#e0e3e7;
	--detail-soft:#f8fafd;
	--detail-white:#fff;
	--detail-red:#d93025;
	--detail-shadow-sm:0 6px 20px rgba(60,64,67,.08);
	--detail-shadow-md:0 16px 40px rgba(60,64,67,.14);
}

body.tpl-listing {
	padding-bottom:120px;
	background:var(--detail-soft);
	color:var(--detail-text);
	font-size:19px;
	line-height:1.7;
}

body.tpl-listing>footer,
body.tpl-listing>.site-footer {
	padding-bottom:112px;
}

/* Wider responsive page */
body.tpl-listing>.container,
body.tpl-listing>.breadcrumbs {
	width:min(1720px,calc(100vw - 32px));
	max-width:none;
	margin-left:auto;
	margin-right:auto;
}

/* Breadcrumbs */
body.tpl-listing .breadcrumbs {
	margin-top:22px!important;
	margin-bottom:22px!important;
	padding:0;
	overflow-x:auto;
	color:var(--detail-muted);
	font-size:1rem;
	white-space:nowrap;
	scrollbar-width:none;
}

body.tpl-listing .breadcrumbs::-webkit-scrollbar { display:none; }

body.tpl-listing .breadcrumbs a {
	color:var(--detail-muted);
	font-weight:650;
}

body.tpl-listing .breadcrumbs a:hover {
	color:var(--detail-blue);
	text-decoration:none;
}

/* Main columns */
body.tpl-listing>.container>.row {
	align-items:flex-start;
}

body.tpl-listing>.container>.row>[class*="col-"] {
	padding-left:14px;
	padding-right:14px;
}

body.tpl-listing .col-md-6.col-lg-4 {
	position:sticky;
	top:92px;
}

/* Listing title */
body.tpl-listing .listing-title {
	color:var(--detail-text);
	font-size:clamp(2rem,3.7vw,3.8rem)!important;
	font-weight:900;
	line-height:1.17;
	letter-spacing:-.045em;
}

body.tpl-listing .featured-badge {
	display:inline-flex;
	align-items:center;
	padding:.45rem .72rem;
	background:#fef7e0;
	color:#8a5a00;
	font-size:.8rem;
	font-weight:850;
	vertical-align:middle;
}

/* Price */
body.tpl-listing .marketplace-aed-price {
	display:inline-flex;
	align-items:center;
	color:var(--detail-text);
	font-size:clamp(2rem,3vw,3rem)!important;
	font-weight:900!important;
	font-variant-numeric:tabular-nums;
	letter-spacing:-.035em;
	white-space:nowrap;
}

/* Gallery - preserve original working HTML and JS hooks */
body.tpl-listing #gallery {
	padding:14px;
	border:1px solid var(--detail-border);
	border-radius:24px;
	background:#fff;
	box-shadow:var(--detail-shadow-sm);
}

body.tpl-listing #primary-slider {
	overflow:hidden;
	border-radius:18px;
	background:#eef1f4;
}

body.tpl-listing #primary-slider .splide__slide {
	height:clamp(420px,48vw,720px);
}

body.tpl-listing #primary-slider .splide__slide>div,
body.tpl-listing #primary-slider .splide__slide a,
body.tpl-listing #primary-slider .splide__slide img {
	width:100%;
	height:100%;
	display:block;
}

body.tpl-listing #primary-slider .splide__slide img {
	object-fit:contain;
	background:#f3f4f5;
}

body.tpl-listing #primary-slider .splide__arrow {
	width:52px;
	height:52px;
	background:rgba(255,255,255,.95);
	opacity:1;
	box-shadow:var(--detail-shadow-sm);
}

body.tpl-listing #primary-slider .splide__arrow svg {
	width:16px;
	height:28px;
	fill:var(--detail-text);
}

body.tpl-listing #secondary-slider {
	margin-top:12px;
}

body.tpl-listing #secondary-slider .splide__slide {
	height:96px;
	overflow:hidden;
	border:3px solid transparent;
	border-radius:13px;
	opacity:.75;
}

body.tpl-listing #secondary-slider .splide__slide.is-active {
	border-color:var(--detail-blue);
	opacity:1;
}

body.tpl-listing #secondary-slider img {
	width:100%;
	height:100%;
	object-fit:cover;
}

/* Generic card treatment */
body.tpl-listing p.text-uppercase {
	margin-top:20px;
	margin-bottom:6px;
	color:var(--detail-blue)!important;
	font-size:.83rem!important;
	font-weight:900!important;
	letter-spacing:.11em;
}

body.tpl-listing p.text-uppercase+hr {
	margin-top:0;
	margin-bottom:22px;
	border-color:var(--detail-border);
}

body.tpl-listing .description {
	padding:24px 26px;
	border:1px solid var(--detail-border);
	border-radius:18px;
	background:#fff;
	box-shadow:var(--detail-shadow-sm);
	font-size:1.08rem;
	line-height:1.9;
}

body.tpl-listing .description p:last-child {
	margin-bottom:0;
}

/* Feature chips */
body.tpl-listing .d-flex.mb-5.flex-wrap {
	gap:12px;
}

body.tpl-listing .d-flex.mb-5.flex-wrap>div {
	margin:0!important;
	padding:12px 16px;
	border:1px solid #d7eadb;
	border-radius:13px;
	background:#f2faf4;
	font-size:1rem;
	font-weight:750;
}

body.tpl-listing .d-flex.mb-5.flex-wrap i {
	font-size:1.25rem;
}

/* Custom fields table */
body.tpl-listing .container-fluid.mb-5.p-0 {
	overflow:hidden;
	border:1px solid var(--detail-border);
	border-radius:18px;
	background:#fff;
	box-shadow:var(--detail-shadow-sm);
}

body.tpl-listing .container-fluid.mb-5.p-0 .row {
	margin:0;
	padding:18px 20px!important;
	border-bottom:1px solid var(--detail-border);
	background:#fff!important;
}

body.tpl-listing .container-fluid.mb-5.p-0 .row:last-child {
	border-bottom:0;
}

body.tpl-listing .field-name {
	color:var(--detail-muted);
	font-size:1rem;
}

body.tpl-listing .field-name strong {
	font-weight:850;
}

body.tpl-listing .field-value {
	color:var(--detail-text);
	font-size:1.08rem;
	font-weight:750;
	overflow-wrap:anywhere;
}

/* Sidebar card feel */
body.tpl-listing .col-md-6.col-lg-4 {
	padding:24px;
	border:1px solid var(--detail-border);
	border-radius:24px;
	background:#fff;
	box-shadow:var(--detail-shadow-md);
}

body.tpl-listing .badge {
	margin:3px 4px 3px 0;
	padding:.55rem .8rem;
	border-color:var(--detail-border)!important;
	background:#fff!important;
	color:var(--detail-blue)!important;
	font-size:.78rem;
	font-weight:800;
}

body.tpl-listing .col-md-6.col-lg-4 .btn {
	min-height:54px;
	border-radius:13px;
	font-size:1.05rem;
	font-weight:850;
}

body.tpl-listing .col-md-6.col-lg-4 .btn-dark {
	border-color:var(--detail-blue);
	background:var(--detail-blue);
}

body.tpl-listing .col-md-6.col-lg-4 .btn-dark:hover {
	border-color:var(--detail-blue-dark);
	background:var(--detail-blue-dark);
}

body.tpl-listing .social {
	display:flex!important;
	justify-content:center;
	gap:10px;
}

body.tpl-listing .social a {
	width:46px;
	height:46px;
	display:grid;
	place-items:center;
	border:1px solid var(--detail-border);
	border-radius:50%;
	color:var(--detail-text);
	font-size:1.25rem;
}

body.tpl-listing .social a:hover {
	background:var(--detail-blue-soft);
	color:var(--detail-blue);
	text-decoration:none;
}

/* Map */
body.tpl-listing #listing-map-wrapper {
	height:320px!important;
	overflow:hidden;
	border-radius:16px;
	background:#edf0f2;
}

/* Seller */
body.tpl-listing .listing-manager {
	width:70px;
	height:70px;
}

body.tpl-listing .col-md-6.col-lg-4 .flex-grow-1 a {
	color:var(--detail-text);
	font-size:1.08rem;
	font-weight:850;
}

body.tpl-listing .col-md-6.col-lg-4 .flex-grow-1>div {
	font-size:.9rem!important;
}

/* Reviews */
body.tpl-listing #reviews {
	padding:26px;
	border:1px solid var(--detail-border);
	border-radius:20px;
	background:#fff;
	box-shadow:var(--detail-shadow-sm);
}

body.tpl-listing .review-author-pic {
	width:58px;
	height:58px;
}

body.tpl-listing #review-form textarea {
	min-height:140px;
	border-radius:13px;
	font-size:1rem;
}

body.tpl-listing #submit-review {
	min-height:50px;
	padding:0 22px;
	border-radius:12px;
	font-size:1rem;
	font-weight:850;
}

/* Related listings */
body.tpl-listing .marketplace-related-title {
	margin:12px 0 4px;
	font-size:1rem;
	font-weight:800;
	line-height:1.45;
}

body.tpl-listing .marketplace-related-price {
	color:var(--detail-blue);
	font-size:1rem;
	font-weight:900;
}

body.tpl-listing .card {
	overflow:hidden;
	border:1px solid var(--detail-border);
	border-radius:15px;
	box-shadow:var(--detail-shadow-sm);
}

body.tpl-listing .card-img {
	aspect-ratio:4/3;
	object-fit:cover;
}

/* Coupons */
body.tpl-listing #coupons-wrapper .row {
	padding:18px;
	border:1px solid var(--detail-border);
	border-radius:18px;
	background:#fff;
	box-shadow:var(--detail-shadow-sm);
}

/* WhatsApp */
body.tpl-listing .wa-float {
	right:24px;
	bottom:112px;
	z-index:2020;
	width:58px;
	height:58px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:#25d366;
	box-shadow:var(--detail-shadow-md);
}

body.tpl-listing .wa-float-icon {
	margin:0;
	font-size:2rem;
}

/* Tablet */
@media(max-width:991.98px) {
	body.tpl-listing {
		padding-bottom:108px;
		font-size:18px;
	}

	body.tpl-listing>.container,
	body.tpl-listing>.breadcrumbs {
		width:min(100% - 18px,1180px);
	}

	body.tpl-listing .col-md-6.col-lg-4 {
		position:static;
		margin-top:24px;
	}

	body.tpl-listing #primary-slider .splide__slide {
		height:clamp(360px,66vw,620px);
	}

	body.tpl-listing .listing-title {
		font-size:clamp(2rem,5vw,3rem)!important;
	}

	body.tpl-listing .marketplace-aed-price {
		font-size:2.2rem!important;
	}
}

/* Mobile */
@media(max-width:575.98px) {
	body.tpl-listing {
		padding-bottom:88px;
		font-size:17px;
	}

	body.tpl-listing>footer,
	body.tpl-listing>.site-footer {
		padding-bottom:88px;
	}

	body.tpl-listing>.container,
	body.tpl-listing>.breadcrumbs {
		width:min(100% - 12px,1180px);
	}

	body.tpl-listing .breadcrumbs {
		margin-top:12px!important;
		margin-bottom:14px!important;
		font-size:.78rem;
	}

	body.tpl-listing .listing-title {
		margin-bottom:12px!important;
		font-size:2rem!important;
	}

	body.tpl-listing .marketplace-aed-price {
		font-size:1.9rem!important;
	}

	body.tpl-listing #gallery {
		padding:7px;
		border-radius:18px;
	}

	body.tpl-listing #primary-slider {
		border-radius:14px;
	}

	body.tpl-listing #primary-slider .splide__slide {
		height:320px;
	}

	body.tpl-listing #secondary-slider {
		display:none;
	}

	body.tpl-listing .description {
		padding:18px 16px;
		font-size:1rem;
	}

	body.tpl-listing .container-fluid.mb-5.p-0 .row {
		padding:15px 16px!important;
	}

	body.tpl-listing .field-name {
		margin-bottom:5px;
		font-size:.9rem;
	}

	body.tpl-listing .field-value {
		font-size:1rem;
	}

	body.tpl-listing .col-md-6.col-lg-4 {
		padding:18px 16px;
		border-radius:18px;
	}

	body.tpl-listing .social {
		display:none!important;
	}

	body.tpl-listing .wa-float {
		right:12px;
		bottom:84px;
		width:50px;
		height:50px;
	}

	body.tpl-listing .wa-float-icon {
		font-size:1.7rem;
	}
}
