/* Brand Details — landing pages split-view loader */
.bd-landers-skel-shimmer {
    display: block;
    border: none;
    border-radius: 6px;
    background: linear-gradient(90deg, #f1f5f9 0%, #e8edf3 45%, #f8fafc 55%, #f1f5f9 100%);
    background-size: 200% 100%;
    animation: bd-landers-skel-shimmer 1.35s ease-in-out infinite;
}

.bd-landers-skel-item {
    border-bottom: 1px solid #f1f5f9;
    padding: 16px;
}

.bd-landers-skel-item-head {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 12px;
}

.bd-landers-skel-icon {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    flex-shrink: 0;
}

.bd-landers-skel-line--name {
    height: 16px;
    width: 60%;
}

.bd-landers-skel-item-stats {
    display: flex;
    align-items: center;
}

.bd-landers-skel-line--stat {
    height: 14px;
    width: 80px;
}

.bd-landers-skel-pill {
    width: 60px;
    height: 28px;
    border-radius: 6px;
    margin-left: auto;
}

.bd-landers-skel-preview-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid #eef2f6;
    background: #fff;
}

.bd-landers-skel-line--preview-title {
    height: 20px;
    width: 40%;
}

.bd-landers-skel-preview-actions {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.bd-landers-skel-btn {
    height: 32px;
    width: 100px;
    border-radius: 6px;
}

.bd-landers-skel-btn--wide {
    width: 140px;
}

.bd-landers-skel-frame {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

@keyframes bd-landers-skel-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}