.yml-widget { font-family: inherit; }
.yml-heading { font-family: "Unbounded", sans-serif; color: #0B2540; font-size: 26px; margin-bottom: 20px; }
.yml-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.yml-card { background: #FFFFFF; border: 1px solid #EEF1F4; border-radius: 12px; box-shadow: 0 2px 8px rgba(11,37,64,0.06); overflow: hidden; transition: all 0.25s ease; padding: 12px 12px 18px; position: relative; }
.yml-card:hover { box-shadow: 0 10px 24px rgba(11,37,64,0.12); transform: translateY(-4px); border-color: #1DB9EC; }
.yml-card-link { text-decoration: none; display: block; cursor: pointer; }
.yml-card-img-wrap { position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 10px; }
.yml-card img { width: 100%; aspect-ratio: 1/1; object-fit: contain; display: block; transition: transform 0.35s ease; }
.yml-card:hover img { transform: scale(1.05); }
.yml-brand-badge { position: absolute; top: 8px; left: 8px; background: #0B2540; color: #FFFFFF; font-size: 10px; font-weight: 700; padding: 4px 9px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; }
.yml-wishlist-btn { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.9); border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transform: scale(0.8); transition: all 0.25s ease; z-index: 2; }
.yml-card:hover .yml-wishlist-btn { opacity: 1; transform: scale(1); }
.yml-wishlist-btn svg { width: 16px; height: 16px; fill: none; stroke: #0B2540; stroke-width: 2; }
.yml-wishlist-btn:hover svg { fill: #FF5A7A; stroke: #FF5A7A; }
.yml-card-title { font-family: "Unbounded", sans-serif; font-size: 14px; font-weight: 600; color: #0B2540; margin-bottom: 6px; }
.yml-card-price { display: flex; flex-direction: column; gap: 2px; }
.yml-price-old { color: #9CA6B2; font-size: 12px; text-decoration: line-through; }
.yml-price-new { color: #1DB9EC; font-weight: 700; font-size: 16px; }
@media (max-width: 767px) {
	.yml-results { grid-template-columns: repeat(2, 1fr); }
	.yml-heading { font-size: 22px; }
}
.yml-discount-badge { position: absolute; top: 8px; right: 8px; background: #1DB9EC; color: #FFFFFF; font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 20px; z-index: 2; letter-spacing: 0.3px; }