/* Kanto Shark native homepage. All styling is scoped to this template. */
.ks-home {
	--ks-home-width: 1360px;
	background: var( --ks-bg, #050a10 );
	color: var( --ks-text, #f4f6f8 );
	font-family: var( --ks-font, Manrope, Inter, system-ui, sans-serif );
	overflow: hidden;
}

.ks-hero,
.ks-home-section,
.ks-consignment-section,
.ks-home-final-cta {
	box-sizing: border-box;
	width: min( 100%, var( --ks-home-width ) );
	margin-inline: auto;
	padding-inline: clamp( 18px, 4vw, 56px );
}

.ks-hero {
	display: grid;
	grid-template-columns: minmax( 0, .94fr ) minmax( 0, 1.06fr );
	align-items: center;
	gap: clamp( 28px, 4vw, 64px );
	min-height: 470px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.ks-hero--no-feature { grid-template-columns: 1fr; }

.ks-hero-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
}

.ks-hero-eyebrow,
.ks-section-eyebrow {
	margin: 0;
	color: var( --ks-blue, #9fc7e2 );
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	line-height: 1.5;
	text-transform: uppercase;
}

.ks-hero-headline {
	max-width: none;
	margin: 0;
	font-size: clamp( 40px, 4vw, 58px );
	font-weight: 800;
	letter-spacing: -2px;
	line-height: 1.03;
}

.ks-highlight { color: var( --ks-coral, #ed614e ); }
.ks-hero-headline .ks-highlight { display: block; }

.ks-hero-subhead {
	margin: 0;
	max-width: 44ch;
	color: var( --ks-muted, #a8b5c3 );
	font-size: clamp( 16px, 1.5vw, 19px );
	line-height: 1.55;
}

.ks-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }

.ks-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 46px;
	padding: 12px 22px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.ks-button-primary { background: var( --ks-coral, #ed614e ); color: #080d13; }
.ks-button-primary:hover { background: #ff806c; color: #080d13; }

.ks-home .ks-hero .ks-hero-actions .ks-button-primary,
.ks-home .ks-hero .ks-hero-actions .ks-button-primary:hover,
.ks-home .ks-hero .ks-hero-actions .ks-button-primary:focus-visible { color: #fff; }
.ks-button-secondary { border-color: var( --ks-blue, #9fc7e2 ); background: transparent; color: var( --ks-text, #f4f6f8 ); }
.ks-button-secondary:hover { background: rgba( 159, 199, 226, .1 ); color: var( --ks-text, #f4f6f8 ); }

/* The card is lit by a soft brand-color spotlight; no stage artwork is used. */
.ks-hero-feature {
	--ks-hero-photo-height: 414px;
	--ks-hero-panel-width: 188px;
	--ks-hero-panel-gap: 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 390px;
}

.ks-hero-feature::before {
	position: absolute;
	inset: 0 -3%;
	content: "";
	background: radial-gradient( ellipse at 47% 49%, rgba( 37, 111, 177, .52 ) 0%, rgba( 29, 82, 133, .36 ) 34%, rgba( 17, 48, 79, .18 ) 57%, transparent 77% );
	filter: blur( 5px );
	pointer-events: none;
}

.ks-hero-slider { position: relative; z-index: 1; width: 100%; }
.ks-hero-slider .ks-slider__viewport { overflow: hidden; }
.ks-hero-slider .ks-slider__item { flex-basis: 100%; }
.ks-hero-card { display: flex; align-items: center; justify-content: center; gap: var( --ks-hero-panel-gap ); }
.ks-hero-card__photo { position: relative; z-index: 0; display: block; flex: 0 1 auto; min-width: 0; }
.ks-hero-card__photo img {
	display: block;
	width: auto;
	height: var( --ks-hero-photo-height );
	max-width: 100%;
	margin-inline: auto;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow( 0 18px 30px rgba( 0, 0, 0, .58 ) );
}

.ks-hero-card__details {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 0 0 var( --ks-hero-panel-width );
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
	width: var( --ks-hero-panel-width );
	padding: 10px 0 10px 4px;
	border: 0;
	background: transparent;
}

.ks-hero-card__label {
	color: var( --ks-blue, #9fc7e2 );
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.ks-hero-card__title { margin: 0; color: var( --ks-text, #f4f6f8 ); font-size: 16px; font-weight: 650; line-height: 1.4; }
.ks-hero-card__price { margin: 0; color: var( --ks-text, #f4f6f8 ); font-size: 16px; font-weight: 700; }
.ks-hero-card__cta { min-height: 38px; padding: 9px 0; border: 0; justify-content: flex-start; color: var( --ks-blue, #9fc7e2 ); font-size: 11px; }
.ks-hero-card__cta:hover { color: var( --ks-coral, #ed614e ); }

.ks-slider { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; }
.ks-slider__viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.ks-slider__track {
	display: flex;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}
.ks-slider__track::-webkit-scrollbar { display: none; }
.ks-slider__track:focus-visible { outline: 2px solid var( --ks-blue, #9fc7e2 ); outline-offset: 4px; }
.ks-slider__item { flex: 0 0 auto; min-width: 0; scroll-snap-align: start; }
.ks-slider__control {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var( --ks-border, #273442 );
	border-radius: 50%;
	background: var( --ks-surface, #0d1620 );
	color: var( --ks-text, #f4f6f8 );
	cursor: pointer;
}
.ks-slider__control:hover:not(:disabled) { border-color: var( --ks-coral, #ed614e ); background: var( --ks-coral, #ed614e ); color: #080d13; }
.ks-slider__control:disabled { opacity: .35; cursor: default; }

/* Full-width trust band underneath the hero. */
.ks-trust-band { border-top: 1px solid rgba( 159, 199, 226, .15 ); border-bottom: 1px solid rgba( 159, 199, 226, .15 ); background: rgba( 8, 18, 29, .58 ); }
.ks-trust {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	width: min( 100%, var( --ks-home-width ) );
	margin: 0 auto;
	padding: 24px clamp( 18px, 4vw, 56px );
	list-style: none;
}
.ks-trust-item { display: flex; align-items: flex-start; gap: 18px; min-width: 0; padding: 0 26px; border-right: 1px solid rgba( 159, 199, 226, .16 ); }
.ks-trust-item:first-child { padding-left: 0; }
.ks-trust-item:last-child { padding-right: 0; border-right: 0; }
.ks-trust-icon { flex: 0 0 auto; color: var( --ks-blue, #9fc7e2 ); }
.ks-trust-icon svg { display: block; width: 32px; height: 32px; }
.ks-trust-title { margin: 2px 0 5px; font-size: 14px; font-weight: 750; }
.ks-trust-copy { margin: 0; max-width: 30ch; color: var( --ks-muted, #a8b5c3 ); font-size: 12px; line-height: 1.5; }

.ks-home-section { padding-top: clamp( 36px, 5vw, 62px ); padding-bottom: 12px; }
.ks-home-section__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.ks-home-section__title { margin: 0; font-size: clamp( 23px, 2.7vw, 32px ); font-weight: 800; letter-spacing: -.6px; line-height: 1.15; }
.ks-home-section__view-all { display: inline-flex; align-items: center; gap: 8px; color: var( --ks-blue, #9fc7e2 ); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.ks-home-section__view-all:hover { color: var( --ks-coral, #ed614e ); }

.ks-home-tabs__list { display: flex; gap: 9px; margin: 0 0 16px; overflow-x: auto; scrollbar-width: none; }
.ks-home-tabs__list::-webkit-scrollbar { display: none; }
.ks-home-tabs__tab { flex: 0 0 auto; min-height: 38px; padding: 8px 19px; border: 1px solid var( --ks-border, #273442 ); border-radius: 999px; background: transparent; color: var( --ks-muted, #a8b5c3 ); font: inherit; font-size: 12px; cursor: pointer; }
.ks-home-tabs__tab:hover { border-color: var( --ks-blue, #9fc7e2 ); color: var( --ks-text, #f4f6f8 ); }
.ks-home-tabs__tab.is-active { border-color: var( --ks-coral, #ed614e ); background: var( --ks-coral, #ed614e ); color: #08101a; font-weight: 800; }
.ks-home-tabs__panel[hidden] { display: none !important; }
.ks-home-tabs__panel { min-width: 0; }
.ks-fresh-section .ks-slider__item { flex-basis: calc( ( 100% - 3 * 18px ) / 4 ); }

.ks-home-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 7px;
	box-sizing: border-box;
	height: 100%;
	padding: 9px 9px 12px;
	border: 1px solid var( --ks-border, #273442 );
	border-radius: var( --ks-radius, 9px );
	background: linear-gradient( 155deg, rgba( 16, 31, 46, .98 ), rgba( 8, 16, 26, .98 ) );
	color: var( --ks-text, #f4f6f8 );
	text-decoration: none;
}
.ks-home-card__image { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1.08; overflow: hidden; border-radius: 5px; background: rgba( 14, 28, 42, .9 ); }
.ks-home-card__image img { display: block; width: 100%; height: 100%; padding: 4px; box-sizing: border-box; object-fit: contain; }
.ks-home .ks-home-card__title { display: -webkit-box; min-height: 2.8em; overflow: hidden; color: var( --ks-text, #f4f6f8 ); font-size: 13px; font-weight: 700; line-height: 1.4; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ks-home .ks-home-card__title:hover { color: var( --ks-blue, #9fc7e2 ); }
.ks-home-card__price { display: block; color: var( --ks-text, #f4f6f8 ); font-size: 14px; font-weight: 750; }
.ks-home-card__link { display: flex; align-items: center; justify-content: center; min-height: 33px; margin-top: 2px; border: 1px solid rgba( 159, 199, 226, .3 ); border-radius: 5px; color: var( --ks-blue, #9fc7e2 ); font-size: 11px; font-weight: 750; text-decoration: none; }
.ks-home-card__link:hover { border-color: var( --ks-coral, #ed614e ); color: var( --ks-coral, #ed614e ); }
/* Plugify owns offer eligibility and the link; styled like the marketplace grid. */
.ks-home-card .make-an-offer { display: block; }
.ks-home-card .make-an-offer #make_an_offer { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 33px; margin: 0; padding: 4px 8px; border: 1px solid var( --ks-border, #273442 ); border-radius: var( --ks-radius, 9px ); background: transparent; color: var( --ks-blue, #9fc7e2 ); font-size: 11px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; }
.ks-home-card .make-an-offer #make_an_offer:is( :hover, :focus-visible ) { border-color: var( --ks-blue, #9fc7e2 ); background: var( --ks-surface-raised, #162230 ); color: var( --ks-text, #f4f6f8 ); }
.ks-home-card__badge { position: absolute; top: 10px; left: 10px; padding: 4px 8px; border-radius: 4px; background: #ffd9ce; color: #17202b; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }

.ks-explore-section { padding-top: 52px; }
.ks-explore-grid { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 16px; }
.ks-home .ks-explore-card { position: relative; display: block; min-width: 0; aspect-ratio: 1.55 / 1; overflow: hidden; border: 1px solid var( --ks-border, #273442 ); border-radius: 9px; background: var( --ks-surface, #0d1620 ); color: var( --ks-text, #f4f6f8 ); text-decoration: none; }
.ks-explore-card::after { position: absolute; inset: 30% 0 0; content: ""; background: linear-gradient( to bottom, transparent, rgba( 4, 10, 17, .94 ) ); }
.ks-explore-card__image,
.ks-explore-card__image img { display: block; width: 100%; height: 100%; }
.ks-explore-card__image img { object-fit: cover; transition: transform .25s ease; }
.ks-explore-card:hover .ks-explore-card__image img { transform: scale( 1.04 ); }
.ks-explore-card__content { position: absolute; z-index: 1; right: 16px; bottom: 15px; left: 16px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.ks-explore-card__title { font-size: 16px; font-weight: 800; line-height: 1.25; }
.ks-explore-card__arrow { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgba( 159, 199, 226, .58 ); border-radius: 50%; font-size: 19px; }

.ks-consignment-section {
	display: grid;
	grid-template-columns: minmax( 0, .96fr ) minmax( 0, 1.04fr );
	gap: clamp( 28px, 5vw, 64px );
	margin-top: 42px;
	padding-top: clamp( 26px, 4vw, 44px );
	padding-bottom: clamp( 26px, 4vw, 44px );
	border: 1px solid var( --ks-border, #273442 );
	border-radius: 10px;
	background: linear-gradient( 125deg, rgba( 14, 27, 41, .98 ), rgba( 8, 17, 28, .98 ) );
}
.ks-consignment-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; padding-right: clamp( 0px, 2vw, 34px ); border-right: 1px solid var( --ks-border, #273442 ); }
.ks-consignment-title { margin: 0; font-size: clamp( 30px, 4vw, 46px ); font-weight: 800; letter-spacing: -1.2px; line-height: 1.08; }
.ks-consignment-copy > p:not(.ks-section-eyebrow) { margin: 0; color: var( --ks-muted, #a8b5c3 ); font-size: 14px; line-height: 1.5; }
.ks-consignment-steps { display: flex; flex-direction: column; justify-content: center; gap: 20px; margin: 0; padding: 0; list-style: none; }
.ks-consignment-steps li { display: flex; align-items: center; gap: 18px; }
.ks-consignment-steps__number { display: inline-flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid rgba( 159, 199, 226, .6 ); border-radius: 50%; color: var( --ks-blue, #9fc7e2 ); font-size: 13px; font-weight: 800; }
.ks-consignment-steps h3 { margin: 0 0 4px; font-size: 13px; font-weight: 800; }
.ks-consignment-steps p { margin: 0; max-width: 45ch; color: var( --ks-muted, #a8b5c3 ); font-size: 11px; line-height: 1.5; }

.ks-recently-sold__grid { display: grid; grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); gap: 18px; margin: 0; padding: 0; list-style: none; }
.ks-recently-sold__grid > li { min-width: 0; }
.ks-home-card--sold .ks-home-card__image { aspect-ratio: 1 / .9; }
.ks-home-final-cta { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 108px; margin-top: 40px; margin-bottom: 22px; padding-top: 22px; padding-bottom: 22px; overflow: hidden; border: 1px solid var( --ks-border, #273442 ); border-radius: 9px; background: linear-gradient( 100deg, #13283c, #0b1725 ); }
.ks-home-final-cta h2 { position: relative; z-index: 1; margin: 0 0 6px; font-size: clamp( 20px, 2.5vw, 29px ); font-weight: 800; }
.ks-home-final-cta p { position: relative; z-index: 1; margin: 0; color: var( --ks-muted, #a8b5c3 ); font-size: 13px; }
.ks-home-final-cta .ks-button { position: relative; z-index: 1; flex: 0 0 auto; }
.ks-home-final-cta__mark { position: absolute; right: 250px; bottom: -36px; width: 180px; height: 180px; color: rgba( 159, 199, 226, .10 ); pointer-events: none; }

.ks-home a:focus-visible,
.ks-home button:focus-visible { outline: 2px solid var( --ks-blue, #9fc7e2 ); outline-offset: 3px; }
.ks-dark .ks-home .ks-button-primary { color: #080d13; }
.ks-dark .ks-home .ks-slider__control:is(:hover,:focus,:active):not(:disabled) { border-color: var( --ks-coral ); background: var( --ks-coral ); color: #080d13; }

@media ( max-width: 1080px ) {
	.ks-hero { grid-template-columns: 1fr 1fr; gap: 22px; min-height: 410px; }
	.ks-hero-headline { font-size: clamp( 38px, 5.2vw, 54px ); letter-spacing: -1.4px; }
	.ks-hero-feature { --ks-hero-photo-height: 340px; --ks-hero-panel-width: 150px; --ks-hero-panel-gap: 12px; }
	.ks-hero-card__title { font-size: 14px; }
	.ks-hero-card__price { font-size: 14px; }
	.ks-trust-item { gap: 13px; padding-inline: 17px; }
	.ks-fresh-section .ks-slider__item { flex-basis: calc( ( 100% - 2 * 18px ) / 3 ); }
}

@media ( max-width: 760px ) {
	.ks-hero { grid-template-columns: 1fr; gap: 20px; min-height: 0; padding-top: 35px; padding-bottom: 12px; }
	.ks-hero-copy { max-width: 620px; }

	.ks-hero-headline { max-width: 15ch; font-size: clamp( 40px, 9vw, 58px ); }
	.ks-hero-feature { --ks-hero-photo-height: 350px; --ks-hero-panel-width: min( 100%, 360px ); --ks-hero-panel-gap: 0px; min-height: 0; padding: 4px 0 16px; }
	.ks-hero-card { flex-direction: column; gap: 8px; }
	.ks-hero-card__photo img { max-width: min( 100%, 350px ); }
	.ks-hero-card__details { flex: 0 1 auto; align-items: center; width: var( --ks-hero-panel-width ); padding: 13px 16px; text-align: center; }
	.ks-hero-card__cta { justify-content: center; }
	.ks-hero-copy .ks-hero-actions { flex-wrap: nowrap; gap: 8px; }
	.ks-hero-copy .ks-hero-actions .ks-button { flex: 1 1 0; min-width:0; min-height:48px; padding:10px 8px; font-size:12px; line-height:1.35; text-align:center; }
	.ks-hero-slider .ks-slider__control { display: inline-flex; position: absolute; z-index: 2; top: 155px; }
	.ks-hero-slider .ks-slider__control--prev { left: 2px; }
	.ks-hero-slider .ks-slider__control--next { right: 2px; }
	.ks-trust { grid-template-columns: 1fr; gap: 0; padding-top: 10px; padding-bottom: 10px; }
	.ks-trust-item,
	.ks-trust-item:first-child,
	.ks-trust-item:last-child { align-items: center; padding: 16px 0; border-right: 0; }
	.ks-trust-item + .ks-trust-item { border-top: 1px solid rgba( 159, 199, 226, .13 ); }
	.ks-trust-icon svg { width: 29px; height: 29px; }
	.ks-trust-title { font-size: 13px; }
	.ks-trust-copy { font-size: 11.5px; }
	.ks-home-section { padding-top: 40px; }
	.ks-home-section__title { font-size: 24px; }
	.ks-fresh-section .ks-slider__item { flex-basis: calc( ( 100% - 12px ) / 2 ); }
	.ks-slider__track { gap: 12px; }
	.ks-slider__control { display: none; }
	.ks-explore-grid { grid-template-columns: 1fr; gap: 12px; }
	.ks-home .ks-explore-card { aspect-ratio: 1.7 / 1; }
	.ks-explore-card__title { font-size: 15px; }
	.ks-consignment-section { grid-template-columns: 1fr; gap: 24px; margin-top: 32px; padding-top: 24px; padding-bottom: 24px; }
	.ks-consignment-copy { padding: 0 0 22px; border-right: 0; border-bottom: 1px solid var( --ks-border, #273442 ); }
	.ks-consignment-steps { gap: 15px; }
	.ks-recently-sold__grid { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 12px; }
	.ks-home-final-cta__mark { right: -14px; }
	.ks-home-final-cta { align-items: flex-start; flex-direction: column; margin-top: 30px; }
	.ks-consignment-section,
	.ks-home-final-cta { width: calc( 100% - 36px ); }
}

@media ( max-width: 390px ) {
	.ks-hero-headline { font-size: clamp( 36px, 9vw, 43px ); }
	.ks-hero-feature { --ks-hero-photo-height: 320px; }
	.ks-home-section__header { align-items: flex-end; }
	.ks-home-section__view-all { font-size: 11px; }
	.ks-home-card { padding: 7px; }
	.ks-home .ks-home-card__title { font-size: 12px; }
	.ks-home-card__price { font-size: 13px; }
}

@media ( prefers-reduced-motion: reduce ) {
	.ks-home *, .ks-home *::before, .ks-home *::after { transition: none !important; animation: none !important; }
	.ks-home .ks-slider__track { scroll-behavior: auto; }
}

/* Client sold-card reference: two complete cards per row, real archived prices. */
.ks-recently-sold__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ks-home-card--sold { height:100%; padding:20px; border-radius:16px; background:radial-gradient(ellipse at 50% 25%,#152b3d,transparent 75%),var(--ks-surface); }
.ks-home-card--sold .ks-home-card__image { aspect-ratio:1.25; max-height:440px; background:transparent; border:0; }
.ks-home-card--sold .ks-home-card__image img { padding:0 10px 12px; object-fit:contain; }
.ks-home-card--sold .ks-home-card__title { display:block; overflow:visible; margin:8px 0 16px; font-size:clamp(16px,1.7vw,25px); font-weight:750; line-height:1.35; -webkit-line-clamp:unset; }
.ks-home-card__sold-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:auto; }
.ks-home-card--sold .ks-home-card__price { margin:0; font-size:clamp(17px,2.3vw,32px); font-weight:800; }
.ks-home-card__sold-label { display:inline-block; border:1px solid var(--ks-blue); border-radius:99px; padding:6px 18px; color:var(--ks-blue); font-size:14px; line-height:1.2; font-weight:750; text-transform:uppercase; }
@media(max-width:600px) {
 .ks-recently-sold__grid { gap:12px; }
 .ks-home-card--sold { padding:10px; border-radius:12px; }
 .ks-home-card--sold .ks-home-card__image { aspect-ratio:.63; }
 .ks-home-card--sold .ks-home-card__image img { padding:0 0 6px; }
 .ks-home-card--sold .ks-home-card__title { font-size:13px; margin:6px 0 12px; }
 .ks-home-card--sold .ks-home-card__price { font-size:16px; }
 .ks-home-card__sold-label { padding:4px 9px; font-size:10px; }
}

.ks-explore-card__title,.ks-explore-card__subtitle { display:block; }
.ks-explore-card__subtitle { margin-top:6px; font-size:12px; line-height:1.4; color:var(--ks-text); }
@media(min-width:1100px) {
 .ks-recently-sold__grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
 .ks-home-card--sold { padding:14px; }
 .ks-home-card--sold .ks-home-card__image { aspect-ratio:.66; }
 .ks-home-card--sold .ks-home-card__title { font-size:16px; margin:12px 0; }
 .ks-home-card--sold .ks-home-card__price { font-size:20px; }
 .ks-home-card__sold-label { padding:5px 10px; font-size:11px; }
}

/* Reserve space above the scan for the existing watch control. */
.ks-home-card { padding-top:44px; }
.ks-home-card > .ksw-heart { top:2px; right:4px; }
.ks-consignment-copy .ks-hero-actions { gap:12px; }
.ks-consignment-copy .ks-button { padding-inline:18px; }

@media ( max-width: 760px ) {
	.ks-fresh-section .ks-home-card { padding-top:34px; }
}

.ks-hero-eyebrow { padding-left:4px; }
@media (max-width:760px) {
 .ks-hero-copy .ks-hero-actions .ks-button span,
 .ks-consignment-copy .ks-hero-actions .ks-button span { display:none; }
 .ks-hero-copy .ks-hero-actions,
 .ks-consignment-copy .ks-hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; align-self:stretch; width:100%; gap:8px; }
 .ks-hero-copy .ks-hero-actions .ks-button,
 .ks-consignment-copy .ks-hero-actions .ks-button { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:10px 8px; font-size:12px; line-height:1.35; text-align:center; }
}

.ks-home-card__sold-date { color: var(--ks-muted, #a8b7c5); font-size: 13px; line-height: 1.4; }

/* Recently Sold: the date sits directly above the price and both share the card's bottom edge. */
.ks-home-card--sold .ks-home-card__sold-date { margin-top:auto; margin-bottom:-4px; }
.ks-home-card--sold .ks-home-card__sold-footer { margin-top:0; }
@media(max-width:600px) {
 .ks-home-card--sold .ks-home-card__sold-date { font-size:11px; }
}

/* Sell With Us completed sales: centered price/date and a blue SOLD badge at top-left. */
.ks-sell-sales .ks-home-card--sell-sale { position:relative; text-align:center; }
.ks-sell-sales .ks-home-card--sell-sale .ks-home-card__sold-label { position:absolute; top:12px; left:12px; z-index:1; background:var(--ks-bg, #050a10); }
.ks-sell-sales .ks-home-card--sell-sale .ks-home-card__title,
.ks-sell-sales .ks-home-card--sell-sale .ks-home-card__price,
.ks-sell-sales .ks-home-card--sell-sale time { display:block; text-align:center; }