/* YGT Moto Specs — URL embed: ONE product card. Header (thumb + brand/model +
   price) → divided spec strip (label over value) → full-width CTA. Inherits
   theme tokens. Selectors are scoped under .ygt-ms-embed and the image rule uses
   !important so ygt-base-theme's `.ygt-article__content img{width:100%!important;
   margin:25px 0!important}` can't blow out the thumbnail. */

.ygt-ms-embed { margin: 1.4rem 0; }

.ygt-ms-embed .ygt-ms-embed-card {
	display: block; max-width: 540px; overflow: hidden;
	text-decoration: none; color: var(--ygt-text, #16181d);
	background: var(--ygt-bg, #fff);
	border: 1px solid var(--ygt-border, #e6e6e8);
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ygt-ms-embed .ygt-ms-embed-card:hover {
	border-color: var(--ygt-accent, #e63329);
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(16, 24, 40, .13);
}

/* header */
.ygt-ms-embed-head { display: flex; align-items: center; gap: .9rem; padding: .9rem 1.05rem; }
.ygt-ms-embed-thumb {
	flex: 0 0 86px; width: 86px; height: 66px;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(150deg, #fbfbfc 0%, #eef0f4 100%);
	border: 1px solid var(--ygt-border, #ebedf0); border-radius: 12px; overflow: hidden;
}
.ygt-ms-embed .ygt-ms-embed-thumb img {
	width: 100% !important; height: 100% !important; max-width: 100% !important;
	margin: 0 !important; padding: 0 !important; border-radius: 0 !important;
	object-fit: contain; mix-blend-mode: multiply; display: block;
}
.ygt-ms-embed-noimg { font-size: 1.7rem; color: #cfcfcf; }
.ygt-ms-embed-id { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .14rem; }
.ygt-ms-embed-brand { font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--ygt-accent, #e63329); }
.ygt-ms-embed-title { font-size: 1.12rem; font-weight: 800; line-height: 1.18; letter-spacing: -.01em; color: var(--ygt-text, #16181d); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ygt-ms-embed-price { flex: 0 0 auto; font-size: 1.16rem; font-weight: 800; color: var(--ygt-accent, #e63329); white-space: nowrap; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }

/* spec strip — equal columns, label over value, vertical dividers */
.ygt-ms-embed-specs { display: flex; border-top: 1px solid var(--ygt-border, #eef0f2); }
.ygt-ms-embed-spec { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: .15rem; padding: .68rem .55rem; text-align: center; }
.ygt-ms-embed-spec + .ygt-ms-embed-spec { border-left: 1px solid var(--ygt-border, #eef0f2); }
.ygt-ms-embed-spec-l { font-size: .62rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ygt-muted, #8a8f99); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ygt-ms-embed-spec-v { font-size: .92rem; font-weight: 800; color: var(--ygt-text, #16181d); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* footer CTA — full width, accent */
.ygt-ms-embed-cta {
	display: flex; align-items: center; justify-content: center; gap: .4rem;
	padding: .72rem 1rem; border-top: 1px solid var(--ygt-border, #eef0f2);
	font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
	color: var(--ygt-accent, #e63329); background: var(--ygt-bg-soft, #fafbfc);
}
.ygt-ms-embed-cta::after { content: "\2192"; transition: transform .18s ease; }
.ygt-ms-embed .ygt-ms-embed-card:hover .ygt-ms-embed-cta::after { transform: translateX(3px); }

@media (max-width: 480px) {
	.ygt-ms-embed-head { padding: .8rem .9rem; gap: .75rem; }
	.ygt-ms-embed-thumb { flex-basis: 74px; width: 74px; height: 58px; }
	.ygt-ms-embed-title { font-size: 1.02rem; }
	.ygt-ms-embed-price { font-size: 1.04rem; }
	.ygt-ms-embed-spec { padding: .6rem .4rem; }
	.ygt-ms-embed-spec-v { font-size: .84rem; }
}