.ff-flow .ff-error.hidden {
    display: none;
}

.ff-flow .ff-date-info.hidden {
    display: none !important;
}

/* Vase radio cards - 4 card/row, nhỏ gọn, active border */
.ff-vase-cards {
    --ff-primary: #81AB49;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.ff-vase-cards .ff-vase-card {
    border: 1px solid #ccc;
    min-width: 0;
}

.ff-vase-cards .ff-vase-card:hover {
    border-color: #aaa;
}

/* Active state - dùng cả :has() và class cho tương thích */
.ff-vase-cards .ff-vase-card.ff-vase-card--active,
.ff-vase-cards .ff-vase-card:has(input:checked) {
    border: 3px solid var(--ff-primary) !important;
}

.ff-vase-cards .ff-vase-card.ff-vase-card--active:hover,
.ff-vase-cards .ff-vase-card:has(input:checked):hover {
    border: 3px solid var(--ff-primary) !important;
}

/* Thu nhỏ ảnh */
.ff-vase-cards .ff-vase-card__image,
.ff-vase-cards .ff-vase-card__image img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
}

@media (max-width: 640px) {
    .ff-vase-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Size buttons - active state */
.ff-size-btn {
    border-color: #ccc;
}

.ff-size-btn:hover {
    border-color: #aaa;
}

.ff-size-btn[data-active="true"],
.ff-size-simple__card[data-active="true"] {
    border-color: #81AB49 !important;
    border-width: 3px !important;
    box-shadow: 0 0 0 1px rgba(129, 171, 73, 0.25);
}

.ff-size-simple .ff-size-simple__card {
    border-color: #ccc;
}