/* Critical CSS for Layout Stability */
/* Immediate layout fixes to prevent CLS */
.navbar-brand .pinshape-logo { width: 220px; height: 50px; }
.banner-image { height: 400px; width: 100%; display: block; }
.item-image { height: 200px; width: 100%; object-fit: cover; display: block; }
.card.card-item { min-height: 300px; }
@media (max-width: 768px) {
    .navbar-brand .pinshape-logo { width: 180px; height: 40px; }
    .banner-image { height: 250px; }
    .item-image { height: 150px; }
}