/* YugaSpecs — URL embed: ONE device card. Header (thumb + brand/model + price)
   → spec strip (label over value) → full-width CTA. Scoped under
   .ygt-specs-embed; uses the specs --ygt-* tokens. The thumb img rule uses
   !important so theme content-image rules can't blow out the thumbnail. */

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

.ygt-specs-embed .ygt-specs-embed-card {
	display: block; max-width: 540px; overflow: hidden;
	text-decoration: none; color: var(--ygt-text, #0F172A);
	background: var(--ygt-card, #fff);
	border: 1px solid var(--ygt-border, #E2E8F0);
	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-specs-embed .ygt-specs-embed-card:hover {
	border-color: var(--ygt-primary, #6366F1);
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(16, 24, 40, .13);
}

.ygt-specs-embed-head { display: flex; align-items: center; gap: .9rem; padding: .9rem 1.05rem; }
.ygt-specs-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, #E2E8F0); border-radius: 12px; overflow: hidden;
}
.ygt-specs-embed .ygt-specs-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-specs-embed-noimg { font-size: 1.7rem; color: #cfcfcf; }
.ygt-specs-embed-id { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .14rem; }
.ygt-specs-embed-brand { font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--ygt-primary, #6366F1); }
.ygt-specs-embed-title { font-size: 1.12rem; font-weight: 800; line-height: 1.18; letter-spacing: -.01em; color: var(--ygt-text, #0F172A); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ygt-specs-embed-price { flex: 0 0 auto; font-size: 1.02rem; font-weight: 800; color: var(--ygt-text, #0F172A); }

.ygt-specs-embed-specs { display: flex; border-top: 1px solid var(--ygt-border, #E2E8F0); }
.ygt-specs-embed-spec { flex: 1 1 0; display: flex; flex-direction: column; gap: .12rem; padding: .7rem .9rem; border-right: 1px solid var(--ygt-border, #E2E8F0); }
.ygt-specs-embed-spec:last-child { border-right: 0; }
.ygt-specs-embed-spec-l { font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #64748B; }
.ygt-specs-embed-spec-v { font-size: .82rem; font-weight: 600; color: var(--ygt-text, #0F172A); }

.ygt-specs-embed-cta { display: block; text-align: center; padding: .75rem 1rem; font-size: .82rem; font-weight: 800; letter-spacing: .02em; color: #fff; background: var(--ygt-primary, #6366F1); }
.ygt-specs-embed-card:hover .ygt-specs-embed-cta { background: #4f46e5; }

@media (max-width: 480px) {
	.ygt-specs-embed-title { white-space: normal; }
}