.yc-elementor-placeholder { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:1rem; width:100%; padding:20px 12px; box-sizing:border-box; background:#fff; border-radius:10px; }
.yc-skeleton-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; width:100%; max-width:1200px; margin:auto; padding:4px; box-sizing:border-box; direction:rtl; }
.yc-skeleton-card { min-width:0; padding:12px; border:1px solid #f0f1f3; border-radius:12px; background:#fff; overflow:hidden; }
.yc-skeleton-card span { display:block; position:relative; overflow:hidden; background:#edf0f3; border-radius:5px; }
.yc-skeleton-image { aspect-ratio:1.2; margin-bottom:16px; border-radius:8px!important; }
.yc-skeleton-title { height:12px; width:88%; margin-bottom:9px; }
.yc-skeleton-subtitle { height:10px; width:62%; margin-bottom:20px; }
.yc-skeleton-price { height:14px; width:46%; margin-inline-start:auto; }
.yc-skeleton-card span::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); transform:translateX(100%); }
.yc-is-loading .yc-skeleton-card span::after { animation:yc-skeleton-shimmer 1.6s ease-in-out infinite; }
@keyframes yc-skeleton-shimmer { to { transform:translateX(-100%); } }
[data-yc-url]:not(.yc-load-failed) > .yc-load-section, [data-yc-url]:not(.yc-load-failed) > .yc-full-page { display:none; }
.yc-load-failed > .yc-skeleton-grid { display:none; }
.yc-load-section { font:inherit; padding:.6rem 1rem; border:1px solid #ddd; border-radius:6px; background:#fff; color:inherit; cursor:pointer; }
.yc-load-section:disabled { cursor:wait; opacity:.7; }
.yc-load-failed { background:#fafafa; }
.yc-full-page { margin:1rem; text-decoration:underline; }
.tab-pane[data-yc-url] { min-height:280px; }
@media(max-width:991px) {
    .yc-skeleton-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .yc-skeleton-card:nth-child(n+4) { display:none; }
}
@media(max-width:575px) {
    .yc-elementor-placeholder { padding:14px 8px; }
    .yc-skeleton-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .yc-skeleton-card { padding:10px; }
    .yc-skeleton-card:nth-child(n+3) { display:none; }
}
@media(prefers-reduced-motion:reduce) { .yc-is-loading .yc-skeleton-card span::after { animation:none; display:none; } }
