/**
 * Watch detail surface.
 *
 * Scoped to .a2-jwb-detail-page and loaded after the override layer so the
 * tidied product layout wins over the legacy detail styles.
 */

.a2-jwb-detail-page {
	--a2-detail-ink: #17191c;
	--a2-detail-muted: #6b7075;
	--a2-detail-line: #ece6d8;
	--a2-detail-gold: #b9891f;
	--a2-detail-gold-deep: #80600f;
	--a2-detail-gold-soft: #fbf4e0;
	--a2-detail-green: #1d7a4f;
	--a2-detail-surface: #ffffff;
	--a2-detail-radius: 18px;
	display: block;
	width: min(1200px, calc(100% - 32px));
	margin-inline: auto;
	color: var(--a2-detail-ink);
	line-height: 1.7;
}

.a2-jwb-detail-page *,
.a2-jwb-detail-page *::before,
.a2-jwb-detail-page *::after {
	box-sizing: border-box;
}

/* ---------------------------------------------------------------- hero --- */

.a2-jwb-detail-page .a2-jwb-detail {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	margin: 0 0 28px;
}

.a2-jwb-detail-page .a2-jwb-detail__media-inner {
	position: sticky;
	top: 20px;
}

.a2-jwb-detail-page .a2-jwb-gallery__main {
	overflow: hidden;
	border: 1px solid var(--a2-detail-line);
	border-radius: var(--a2-detail-radius);
	background: #fdfbf5;
}

.a2-jwb-detail-page .a2-jwb-gallery__main img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.a2-jwb-detail-page .a2-jwb-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}

.a2-jwb-detail-page .a2-jwb-gallery__thumb {
	overflow: hidden;
	border: 1px solid var(--a2-detail-line);
	border-radius: 12px;
	background: #fdfbf5;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.a2-jwb-detail-page .a2-jwb-gallery__thumb img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.a2-jwb-detail-page .a2-jwb-gallery__thumb.is-active,
.a2-jwb-detail-page .a2-jwb-gallery__thumb:hover {
	border-color: var(--a2-detail-gold);
	box-shadow: 0 0 0 2px rgba(185, 137, 31, 0.25);
}

/* ------------------------------------------------------------- summary --- */

.a2-jwb-detail-page .a2-jwb-detail__summary {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 26px 24px;
	border: 1px solid var(--a2-detail-line);
	border-radius: var(--a2-detail-radius);
	background:
		radial-gradient(460px 200px at 90% -30%, rgba(212, 180, 95, 0.14), transparent 62%),
		var(--a2-detail-surface);
}

.a2-jwb-detail-page .a2-jwb-detail__brandrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px 12px;
}

.a2-jwb-detail-page .a2-jwb-detail__brand {
	color: var(--a2-detail-gold-deep);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.a2-jwb-detail-page .a2-jwb-detail__title {
	margin: 0;
	color: var(--a2-detail-ink);
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 900;
	line-height: 1.4;
}

.a2-jwb-detail-page .a2-jwb-detail__en {
	margin: -6px 0 0;
	color: var(--a2-detail-muted);
	font-size: 13px;
	direction: ltr;
	text-align: right;
}

.a2-jwb-detail-page .a2-jwb-detail__pricebox {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 16px;
	border: 1px solid var(--a2-detail-line);
	border-radius: 14px;
	background: #fbfaf4;
}

.a2-jwb-detail-page .a2-jwb-detail__price-label {
	color: var(--a2-detail-muted);
	font-size: 12px;
	font-weight: 700;
}

.a2-jwb-detail-page .a2-jwb-detail__price {
	margin: 0;
	color: var(--a2-detail-green);
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 900;
}

.a2-jwb-detail-page .a2-jwb-detail__cta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.a2-jwb-detail-page .a2-jwb-detail__cta .a2-jwb-btn {
	justify-content: center;
	text-align: center;
}

.a2-jwb-detail-page .a2-jwb-trust--strip {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 2px 0 0;
}

.a2-jwb-detail-page .a2-jwb-trust__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid var(--a2-detail-line);
	border-radius: 12px;
	background: var(--a2-detail-surface);
}

.a2-jwb-detail-page .a2-jwb-trust__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--a2-detail-gold-soft);
	color: var(--a2-detail-gold-deep);
	font-size: 15px;
}

.a2-jwb-detail-page .a2-jwb-trust__title {
	display: block;
	color: var(--a2-detail-ink);
	font-size: 13px;
	font-weight: 800;
}

.a2-jwb-detail-page .a2-jwb-trust__text {
	display: block;
	color: var(--a2-detail-muted);
	font-size: 12px;
}

/* ------------------------------------------------------- info sections --- */

.a2-jwb-detail-page .a2-jwb-detail__info,
.a2-jwb-detail-page .a2-jwb-purchase {
	margin: 0 0 28px;
}

.a2-jwb-detail-page .a2-jwb-detail__lead {
	margin: 0 0 12px;
	color: var(--a2-detail-ink);
	font-weight: 700;
}

.a2-jwb-detail-page .a2-jwb-detail__note {
	margin: 0 0 14px;
	color: var(--a2-detail-muted);
}

.a2-jwb-detail-page .a2-jwb-detail__auth-grid {
	margin-bottom: 16px;
}

.a2-jwb-detail-page .a2-jwb-seller-box__copy {
	flex: 1;
}

/* ------------------------------------------------------------ purchase --- */

.a2-jwb-detail-page .a2-jwb-purchase__head {
	margin: 0 0 14px;
}

.a2-jwb-detail-page .a2-jwb-purchase__head h2 {
	margin: 0 0 4px;
	color: var(--a2-detail-ink);
	font-size: clamp(19px, 2.6vw, 24px);
	font-weight: 900;
}

.a2-jwb-detail-page .a2-jwb-purchase__head p {
	margin: 0;
	color: var(--a2-detail-muted);
	font-size: 14px;
}

.a2-jwb-detail-page .a2-jwb-purchase__gate {
	padding: 30px 24px;
	border: 1px solid var(--a2-detail-line);
	border-radius: var(--a2-detail-radius);
	background: var(--a2-detail-surface);
	text-align: center;
}

.a2-jwb-detail-page .a2-jwb-purchase__gate h3 {
	margin: 0 0 6px;
	color: var(--a2-detail-ink);
	font-size: 18px;
	font-weight: 900;
}

.a2-jwb-detail-page .a2-jwb-purchase__gate p {
	margin: 0 auto 16px;
	max-width: 52ch;
	color: var(--a2-detail-muted);
	font-size: 14px;
}

/* -------------------------------------------------------------- mobile --- */

@media (max-width: 900px) {
	.a2-jwb-detail-page .a2-jwb-detail {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.a2-jwb-detail-page .a2-jwb-detail__media-inner {
		position: static;
	}

	.a2-jwb-detail-page .a2-jwb-detail__summary {
		padding: 20px 16px;
	}

	.a2-jwb-detail-page .a2-jwb-gallery__thumbs {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.a2-jwb-detail-page .a2-jwb-detail__cta {
		grid-template-columns: 1fr;
	}

	.a2-jwb-detail-page .a2-jwb-trust--strip {
		grid-template-columns: 1fr;
	}
}

/* On-demand authenticity request — offered only while the label is still the
   seller's own claim, so it reads as an action, not as decoration. */
.a2-jwb-authnote__cta{ display:inline-flex; margin-top:12px; }
.a2-jwb-authreq{ max-width:720px; margin:0 auto; padding:24px 16px 48px; }
.a2-jwb-authreq__title{ font-size:22px; font-weight:800; margin:0 0 6px; }
.a2-jwb-authreq__lead{ margin:0 0 20px; color:var(--jwb-muted); line-height:1.9; }
.a2-jwb-authreq__watch,.a2-jwb-authreq__fee,.a2-jwb-authreq__steps,.a2-jwb-authreq__address{
  border:1px solid var(--jwb-line-strong); border-radius:var(--jwb-r-card);
  padding:16px; margin-bottom:14px; background:var(--jwb-surface);
}
.a2-jwb-authreq__watchtitle{ font-size:16px; font-weight:800; margin:0 0 8px; }
.a2-jwb-authreq__meaning{ margin:10px 0 0; font-size:13px; line-height:1.9; color:var(--jwb-muted); }
.a2-jwb-authreq__fee{ background:#FBF6EA; border-color:rgba(154,122,46,.32); }
.a2-jwb-authreq__feelabel{ display:block; font-size:12px; color:var(--jwb-muted); }
.a2-jwb-authreq__feeamount{ display:block; font-size:26px; font-weight:800; margin:4px 0 8px; color:#6e5414; }
.a2-jwb-authreq__feenote{ margin:4px 0 0; font-size:12.5px; line-height:1.9; color:var(--jwb-muted); }
.a2-jwb-authreq__subtitle{ font-size:14px; font-weight:800; margin:0 0 10px; }
.a2-jwb-authreq__list{ margin:0; padding-inline-start:20px; font-size:13.5px; line-height:2.1; }
.a2-jwb-authreq__form{ margin-top:20px; }
.a2-jwb-authreq__form .a2-jwb-checkbox{ display:flex; gap:10px; align-items:flex-start; margin:14px 0 18px; font-size:13px; line-height:1.9; }

/* Public custody tracking — the owner sees the stage and the date, never the
   holder's name or where in the building the watch sits. */
.a2-jwb-tracking{ max-width:620px; margin:0 auto; padding:24px 16px 48px; }
.a2-jwb-tracking__title{ font-size:22px; font-weight:800; margin:0 0 6px; }
.a2-jwb-tracking__lead{ margin:0 0 20px; color:var(--jwb-muted); line-height:1.9; }
.a2-jwb-tracking__form{ display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; margin-bottom:22px; }
.a2-jwb-tracking__form .a2-jwb-field{ flex:1 1 240px; }
.a2-jwb-tracking__result{ border:1px solid var(--jwb-line-strong); border-radius:var(--jwb-r-card); padding:18px; background:var(--jwb-surface); }
.a2-jwb-tracking__status{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--jwb-line-strong); }
.a2-jwb-tracking__status strong{ font-size:15px; }
.a2-jwb-tracking__status--open strong{ color:#6e5414; }
.a2-jwb-tracking__status--closed strong{ color:var(--jwb-price-deep, #1A7A3C); }
.a2-jwb-tracking__steps{ list-style:none; margin:0; padding:0; }
.a2-jwb-tracking__step{ position:relative; padding-inline-start:22px; padding-bottom:16px; }
.a2-jwb-tracking__step::before{ content:""; position:absolute; inset-inline-start:4px; top:6px; width:9px; height:9px; border-radius:50%; background:#C29B43; }
.a2-jwb-tracking__step::after{ content:""; position:absolute; inset-inline-start:8px; top:17px; bottom:0; width:1px; background:var(--jwb-line-strong); }
.a2-jwb-tracking__step:last-child{ padding-bottom:0; }
.a2-jwb-tracking__step:last-child::after{ display:none; }
.a2-jwb-tracking__step-label{ display:block; font-size:14px; font-weight:700; }
.a2-jwb-tracking__step-time{ display:block; font-size:12.5px; color:var(--jwb-muted); margin-top:2px; }
.a2-jwb-tracking__empty,.a2-jwb-tracking__note{ margin:14px 0 0; font-size:12.5px; line-height:1.9; color:var(--jwb-muted); }