/* public/js/front/pages/brand.css
   Extracted from resources/js/index/pages/brand/brand.vue <style scoped> block —
   CDN build has no SFC scoping, so these rules are plain global CSS scoped only by
   the class names themselves (same as every other extracted page/component stylesheet). */
.skeleton-box {
    background-color: #e0e0e0;
    animation: pulse 1.5s infinite ease-in-out;
}

.post-thumb {
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-thumb a {
    width: 100%;
    display: flex;
    justify-content: center;
}

.post-thumb img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.skeleton-line {
    background-color: #e0e0e0;
    margin: 0 auto;
    border-radius: 4px;
}
@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}